Resurse proaspete pentru designeri web și dezvoltatori (noiembrie 2012)

Există o serie de noi instrumente și resurse excelente pentru a oferi designerilor web și dezvoltatorilor o influență suplimentară pentru slujba lor. În această lună avem niște minunați instrumente și resurse gratuite demn de încercare, pornind de la un plugin pentru a crea efecte foto reale într-un plugin pentru conținut și imagini alunecare cu o tranziție cu adevărat rece.

Deci, haideți să le verificăm.

Verificați toate resursele noastre proaspete (în funcție de lună):

Proto

Responsabilitatea web design-ului devine acum practica standard în crearea unui site web. Asta face acest instrument foarte util pentru a face treaba. Proto este construit pe baza SCSS pentru proiectarea rapidă a prototipurilor prin furnizarea de clase predefinite CSS gata de utilizare, definind grila receptivă și unele clase specifice dispozitivului.

Grid Displayer

Dacă lucrați cu cadre Responsive Design cum ar fi Bootstrap sau Foundation, probabil că aveți nevoie de acest marcator pentru a urmări grila în browser. Acest instrument va afișa o grilă suprapusă pe pagina web pe care o vizualizați. Este destul de la îndemână, trageți-o și plasați-o în bara dvs. Bookmark. Doar faceți clic pe marcator ori de câte ori aveți nevoie de grile de afișat.

BootMetro

Windows 8 aplică simplitatea limbajului de design Metro. Dacă doriți să îmbrățișați acest stil pe site-ul dvs., BootMetro este probabil ceea ce aveți nevoie.

subliniere

Există multe tematici WordPress de pornire disponibile pe Internet, dar nici una nu este la fel de mare ca Underscores. Cu aceasta puteți specifica și personaliza numele temei, descrierea, autorul și, în mod special, Theme Slug, care se aplică funcției temă după ce ați descărcat pachetul, astfel încât să obțineți ceva de genul theme_slug_function.

Jarallax

Ca și efectul Parallax pe care îl vedeți în site-uri ca acesta? Dacă doriți să aplicați un efect similar cu site-ul dvs., puteți utiliza Jarallax, o bibliotecă de animație JavaScript pentru a crea efectul Parallax (aproape în cel mai scurt timp).

bătut de vânturi

Te plictisesti cu efecte de alunecare a galeriei care se misca numai orizontal? Apoi verificați Windy, care utilizează transformarea 3D pentru a rula conținutul într-un mod cu adevărat unic. Vedeți demo-ul aici.

TiltShift

Pe scurt, tiltShift în fotografie este o tehnică pentru a face o fotografie să pară mai mică, aproape în miniatură decât este într-adevăr. Consultați colecția noastră de fotografii din acest post: “Tilt-Shift Fotografie”. Dacă doriți să aplicați un astfel de efect în galeria foto, puteți utiliza această Bibliotecă JavaScript, TiltShift.js.

Secvenţă

Sequence.js este un plugin slider JOC responsiv cu câteva efecte avansate de tranziție. Spre deosebire de celălalt cursor, secvența nu vine cu propria sa temă încorporată. Deci, putem personaliza complet aspectul și simțul potrivirii site-ului nostru.

deltă

jQuery UI este un set complet de interfață comună de utilizator și interacțiune, care este ușor de utilizat. Cu toate acestea, tema implicită este plictisitoare. Deci, dacă doriți să aveți un aspect diferit pentru jQuery UI, dar nu doriți să vă murdăriți mâinile cu CSS, puteți înlocui pur și simplu stilurile CSS implicite cu Delta, o temă slick pentru jQuery UI.