Čerstvé zdroje pre návrhárov webových stránok a vývojárov (november 2012)

Existuje niekoľko nových skvelých nástrojov a zdrojov na to, aby web dizajnéri a vývojári, ktorí navyše využívajú svoju prácu. Tento mesiac máme skvelé bezplatné nástroje a zdroje hodný vyskúšať, počínajúc od doplnku na vytvorenie úžasných efektov do doplnku pre obsah a obraz posúvajúcich sa so skutočne chladným prechodom.

Pozrime sa na to.

Pozrite sa na všetky naše čerstvé zdroje (podľa mesiaca):

preto

Zodpovedný dizajn webu sa stáva štandardnou praxou pri vytváraní webovej stránky. Toto robí toto nástroj skutočne užitočné pre prácu. Proto je založený na SCSS rýchlo reagujúcim usporiadaním prototypov tým, že poskytuje vopred definované triedy CSS pripravené na použitie, definuje citlivú sieť a niektoré triedy špecifické pre zariadenie.

Grid Displayer

Ak pracujete s rámcami Responsive Design ako Bootstrap alebo Foundation, pravdepodobne budete potrebovať túto záložku, aby ste mohli sledovať mriežku v prehliadači. Tento nástroj zobrazí na webovej stránke, ktorú prezeráte, prekryvnú mriežku. Je to docela užitočné, jednoducho ho presuňte do záložky Záložka. Stačí klepnúť na záložku, kedykoľvek budete potrebovať zobraziť mriežky.

BootMetro

Systém Windows 8 používa jednoduchosť dizajnového jazyka Metro. Ak chcete prijať tento štýl na vašich webových stránkach, BootMetro je pravdepodobne to, čo potrebujete.

podčiarknutia

Existuje veľa WordPress štartovacích tém, ktoré sú k dispozícii na internete, ale žiadny iný nie je taký veľký ako Underscores. Pomocou toho môžete určiť a prispôsobiť názov témy, popis, autor a konkrétne Theme Slug, ktorý sa vzťahuje na tému funkcií po stiahnutí balíka, takže dostanete niečo ako theme_slug_function.

Jarallax

Rovnako ako efekt Parallax vidíte na webových stránkach, ako je tento? Ak chcete aplikovať podobný efekt na vaše webové stránky, môžete použiť Jarallax, animačnú knižnicu JavaScript na vytvorenie efektu Parallax (takmer bez času).

veterno

Nudíte sa posúvaním efektov galérie, ktoré sa pohybujú iba horizontálne? Potom sa pozrite na stránku Windy, ktorá využíva premenu 3D na prevádzkovanie obsahu skutočne unikátnym spôsobom. Pozrite si demo tu.

TiltShift

Stručne povedané, tiltShift vo fotografii je technika, aby sa fotografia vyzerala menšie, takmer miniatúrne, ako to naozaj je. Pozrite sa na našu kolekciu týchto fotografií v tomto príspevku: “Tilt-Shift Photography”. Ak chcete použiť takýto efekt vo svojej fotogalérii, môžete jednoducho použiť túto knižnicu JavaScript, TiltShift.js.

sekvencie

Sequence.js je posuvný doplnok s citlivým jQuery s niektorými pokročilými prechodovými efektmi. Na rozdiel od druhého posuvníka, sekvencia neprichádza s vlastnou vstavanou témou. Takže môžeme úplne prispôsobiť vzhľad a pocit, aby zodpovedali našim webovým stránkam.

delta

jQuery UI je kompletná sada bežných webových používateľských rozhraní a interakcií, ktoré sú ľahko použiteľné. Predvolená téma je však nudná. Ak chcete mať iný pohľad na používateľské rozhranie jQuery, ale nechcete dostať svoje ruky špinavé pomocou CSS, môžete jednoducho nahradiť predvolené štýly CSS s Delta, úzka téma pre jQuery UI.