Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2012 m. Lapkričio mėn.)

Yra keletas naujų puikių įrankių ir išteklių, kad interneto dizaineriai ir kūrėjai suteiktų papildomą svertą savo darbui. Šį mėnesį mes turime puikių nemokami įrankiai ir ištekliai pabandyti, pradedant nuo įskiepio, kad sukurtumėte atvėsti nuotraukų efektus į papildinį, skirtą turiniui ir vaizdui, kuris slysta su tikrai atvėstu perėjimu.

Taigi, patikrinkime juos.

Peržiūrėkite visus mūsų naujus išteklius (pagal mėnesį):

Proto

Dabar tinkamas interneto dizainas tampa standartine praktika kuriant svetainę. Tai daro tai įrankis tikrai naudingas norint gauti darbą. „Proto“ yra sukurta remiantis SCSS, kad būtų galima greitai sukurti prototipą, suteikiant iš anksto nustatytas CSS klases, paruoštas naudojimui, apibrėžiant reaguojančius tinklus ir kai kurias konkrečių įrenginių klases.

Grid Displayer

Jei dirbate su „Responsive Design“ sistemomis, pvz., „Bootstrap“ arba „Foundation“, jums tikriausiai reikės šios žymės, kad galėtumėte stebėti naršyklės tinklelį. Šiame įrankyje bus rodomas tinklelis tinkle, kurį peržiūrite. Tai gana patogu, tiesiog nuvilkite jį į savo „Bookmark“ juostą. Tiesiog spustelėkite „Bookmarklet“ bet kuriuo metu, kai jums reikia rodyti tinklus.

„BootMetro“

„Windows 8“ taiko Metro dizaino kalbos paprastumą. Jei norite įtraukti šį stilių į savo svetainę, „BootMetro“ tikriausiai jums reikia.

Poveikis

Internete yra daug „WordPress“ starterių temų, tačiau niekas kitas nėra toks pat didelis kaip „Underscores“. Su juo galite nurodyti ir individualizuoti temos pavadinimą, aprašą, autorių ir konkrečiai temą, kuri taikoma temai, kai tik atsisiunčiate paketą, taigi gausite kažką panašaus theme_slug_function.

Jarallax

Kaip ir paralakso efektas, kurį matote tokiose svetainėse? Jei norite taikyti panašų efektą savo svetainėje, galite naudoti „Jarallax“, „JavaScript“ animacijos biblioteką, kad sukurtumėte paralakso efektą (beveik be laiko).

Vėjuota

Ar nuobodžiate su slankiomis galerijos pasekmėmis, kurios juda tik horizontaliai? Tada patikrinkite „Windy“, kuris naudoja 3D transformaciją, kad turinys būtų iš tiesų unikalus. Žiūrėkite demonstraciją čia.

TiltShift

Trumpai tariant, fotografija „tiltShift“ yra metodas, leidžiantis nuotraukai atrodyti mažesniu, beveik miniatiūriniu, nei jis iš tikrųjų yra. Patikrinkite šių nuotraukų kolekciją šiame įraše: “„Tilt-Shift“ fotografija”. Jei norite taikyti tokį efektą savo nuotraukų galerijoje, galite tiesiog naudoti šią „JavaScript“ biblioteką, „TiltShift.js“.

Seka

Sequence.js yra jautrus jQuery slankiklio įskiepis su kai kuriais pažangiais perėjimo efektais. Skirtingai nuo kito slankiklio, seka neturi savo integruotos temos. Taigi, mes galime visiškai pritaikyti išvaizdą ir atitikti mūsų svetainę.

Delta

jQuery UI yra bendras bendrų interneto vartotojo sąsajų ir sąveikos rinkinys, kurį lengva naudoti. Tačiau numatytoji tema yra nuobodu. Taigi, jei norite turėti kitokį „jQuery UI“ išvaizdą, tačiau nenorite, kad CSS padengtų savo rankas, galite paprasčiausiai pakeisti numatytąjį „CSS“ stilių „Delta“, ty slidžią temą, skirtą „JQuery“.