Resurse proaspete pentru web designeri și dezvoltatori (februarie 2016)

2015 a fost un an grozav pentru web: tehnologiile web au fost adoptate în mai mulți factori pentru a construi un site web sau o aplicație web. Multe aplicații mobile și desktop sunt acum construite folosind HTML, CSS și JavaScript. Acest lucru este posibil datorită naturii de portabilitate a tehnologiilor web și a bibliotecilor, cum ar fi React.js, Angular și Node.js.

Așadar, în execuția de astăzi a acestei serii am pus împreună o mână de biblioteci JavaScript și CSS.

Faceți clic pentru mai multe resurse

Găsiți întreaga noastră colecție de resurse recomandate și cele mai bune instrumente de dezvoltare și dezvoltare web disponibile.

Plăcuța plat

jQuery UI vine cu o colecție de interfață web comună, inclusiv un Slider - un UI care permite utilizatorului să selecteze o gamă de valori numerice. Plăcuța plat este un instrument web care face personalizarea stilului jquery UI, care a fost odată o sarcină foarte descurajantă, mult mai ușor acum.

Utilitate Deschis tip

Utilitate Deschis tip este o colecție de clase drop-in aplicați funcții tipografice CSS avansate astfel de ligaturi de litere, o scrisoare de capital mic și multe altele. Ele oferă practic cea mai bună experiență de citire posibilă pentru utilizatorii dvs. în detaliu. Acesta se degradează frumos în browserele vechi, nesuportate.

ResponsifyJS

Una dintre imaginile notabile cu care se confruntă imaginile cu care se confruntă este faptul că, de obicei, scala imaginea corectă, dar aceasta redirecționează punctul focal principal al imaginii când este redus la o dimensiune foarte mică a ferestrei de vizualizare.

ResponsifyJS este biblioteca JavaScript ușoară pe care o puteți utiliza setați coordonatele pentru a menține focalizarea imaginii în timp ce este redimensionat.

Liniar

Liniar este o aplicație de conducător pentru Mac. Puteți utiliza rigla pentru a măsura paginile web, pentru a afla dimensiunea unui element fără a fi nevoie să deschideți DevTools sau să dați seama dacă un element este perfect centrat. Puteți avea mai multe rigle și puteți comuta unitatea de la PX la EM.

StickyStack

StickyStack este un plugin jQuery pentru a crea o experiență de derulare în stack, când un panou ajunge în partea superioară a ferestrei de vizualizare, se lipeste acolo, în timp ce derularea ulterioară scade următorul panou. Acesta este un plugin ușor, cu câteva opțiuni pentru a configura containerul de pagină, secțiunea stivă, precum și umbra de box a stivei. Verificați demo-ul.

telespectator

telespectator este pluginul jQuery pentru imaginea lightbox - o modalitate populară populară de a mări imaginile de pe web. Plugin-ul vine cu o opțiune copleșitoare care vă permite să faceți personaliza fiecare bit din cutie de lumină interfață.

Pluginul oferă, de asemenea, un set de interfețe API și evenimente personalizate pentru control total asupra cutie de lumină raspuns si comportament. Mai mult, funcționează în jos pentru Internet Explorer 8.

DeviceMock

DeviceMock este o bibliotecă JavaScript care vă permite să creați cadre pentru dispozitive sau machete cum ar fi un telefon, o tabletă și un desktop. De asemenea, biblioteca oferă opțiuni pentru a seta culoarea temei a cadrului, dimensiunea, precum și orientarea cadrului.

Poate fi o alternativă bună pentru a vă prezenta web-ul și aplicația în locul utilizării Photoshop.

Clrs

Clrs este o inițiativă pentru redefinește culorile web implicite într-un ton de culoare mai prietenos și modern. În plus, recomandă un set de combinații de culori pentru o mai bună accesibilitate. Puteți implementa aceste culori prin intermediul exemplelor de culori NPM, Gem (Ruby) și Photoshop și Illustrator.

Colorify

Colorify este o bibliotecă JavaScript foarte ușoară (3kb minified) la extrage culorile dominante dintr-o imagine cu o mulțime de API-uri pentru a manipula culorile. Puteți utiliza culoarea extrasă ca un substituent în timp ce așteptați ca imaginea să se încarce complet, să genereze un fundal în gradient sau să reglați interfața vecină pentru a satisface culoarea imaginii.

BookBlock

BookBlock este pluginul jQuery pentru creați o broșură cu efectul de flip pagină. Este o alternativă frumoasă pentru a afișa mai multe imagini pe site-ul dvs., mai ales dacă există o secvență sau un flux pe care doriți să-l afișați.

Puteți verifica demo-ul aici pentru a obține o idee despre cum funcționează BookBlock.