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

Multe dintre instrumentele și aplicațiile pentru dezvoltatori găsite pe web evoluează în funcție de tendințe, în timp ce altele evoluează pentru a fi o soluție mai pragmatică. În această tranșă a lunii, am decis să petrec mai mult timp găsind resurse care ar putea să nu par a fi la fel de evidente , dar inca în categoriile lor.

Avem un font frumos, care poate fi al tău Helvetica Neue înlocuire, o bibliotecă JavaScript pentru a testa presiunea de atingere și un instrument la îndemână pentru logarea erorilor în JavaScript. Să le verificăm.

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.

Font Overpass

pasaj superior font este un font gratuit inspirat de Highway Gothic. Highway Gothic este o tipă larg acceptată în multe țări pentru semnele rutiere datorită lizibilității sale la distanțe și viteze mari. Fontul OverPass vine în patru greutăți ale fontului (subțiri, normale, semi-aldine și îndrăznețe), majuscule și litere mici și, de asemenea, pot fi convertite într-un font web.

Licență: OFL (licență deschisă pentru fonturi)

Pa11y

Pa11y este a instrument pentru a testa accesibilitatea site-ului dvs. cu mai puțină greutate, prin frumusețea care este automatizare. Puteți utiliza interfața liniei de comandă sau configurarea prin tabloul de bord dacă preferați o interfață interactivă colorată. Pa11y va produce un raport care să arate zonele de rezolvat dacă doriți să îmbunătățiți accesibilitatea site-ului dvs. pentru diverse dizabilități.

Mai multe resurse privind accesibilitatea:

Web modern și accesibilitate [Video]
Playlist: Accesibilitate de Thomas Bradly [Video]
O privire în standardele web ARIA și accesibilitatea aplicațiilor HTML

PressureJS

Forța de forțe a Apple influențează practic presiunea pe ecran sau pe trackpad, care poate fi utilizată pentru a adăuga funcționalități suplimentare. Dezvoltatorii pot profita de această tehnologie pentru a adăuga utilitatea aplicațiilor lor native OS X sau iOS. PressureJS este o bibliotecă JavaScript care se cuplează în API-urile Force Touch și vă permite să o aplicați pe site-urile dvs. web.

SplitJS

SplitJS este o bibliotecă ușoară JavaScript care vă permite să împărțiți fereastra de vizualizare a ferestrei browserului în mai multe secțiuni. Este posibil să fi văzut-o frecvent utilizată în aplicațiile de partajare a codurilor, cum ar fi CodePen.io, JSFiddle sau JSBin, unde spațiile de lucru HTML, CSS și JS sunt separate în secțiunile proprii.

FlexibilityJS

Flexbox face aranjarea layout-urilor web mult mai ușor. Cu toate acestea, deoarece nu funcționează în Internet Explorer 9 și 8, dezvoltatorii web trebuie adesea să se reîntoarcă la utilizarea unor probleme notorii pluti proprietate. FlexibilityJS este aici pentru a putea utilizați Flexbox fără a lăsa în urmă aceste browsere vechi.

LabellaJS

LabellaJS mărci crearea unei cronologii etichetate atât de mult mai ușor. Aveți la dispoziție o serie de opțiuni pentru a controla poziția, direcția, lățimea, înălțimea și algoritmul de dispunere a etichetei. Funcționează cu încărcătorul AMD, cum ar fi RequireJS, și poate fi utilizat frumos împreună cu Browserify și Node.js. Nu este necesară nicio dependență.

mititel

mititel este mai mult decât un alt cadru CSS. Acesta este ambalat cu o mulțime de componente pentru a ajuta la procesul de construcție, inclusiv a server încorporat, reîncărcare live, sourcemap, minificare, validator de cod, și generator de site static. De asemenea, vine cu propriile biblioteci JavaScript cu funcții pentru a îmbunătăți interfața site-ului dvs..

Grav

Grav este un fișier plat bazat pe CMS similar cu Jekyll, un generator de site-uri statice. Cu toate acestea, poate fi extins prin Teme și pluginuri, la fel ca WordPress. De exemplu, puteți instala pentru a adăuga panoul Administrator, Shortcodes, Comments, Forms și Sitemap. Este în general un CMS excelent, care poate fi, de asemenea, un avantaj pentru un CMS mai stabil.

PatternPack

PatternPack este un instrument care vă permite să construiți un sistem pentru a vă construi site-ul sau aplicația și împărtășiți-o pe diferite proiecte simultan. Având un sistem standard este o formă generală de cele mai bune practici: nu numai că accelerează fluxul de lucru, ci și face ca proiectul să fie mai ușor de întreținut. Citiți Ghidul de pornire pentru a vedea cum să utilizați instrumentul.

OhCrash!

Depanarea în JavaScript ar putea fi foarte dificilă. Utilizatorii dvs. pot întâmpina erori pe care probabil nu le-ați confruntat în timpul dezvoltării și desfășurării, deoarece aveți deja configurarea perfectă. Problema este aici că eroarea este înregistrată numai în browser-ul utilizatorului. Cu OhCrash acuma poți pune jurnalul în depozitele dvs. Github, astfel încât să fiți mai bine informați despre eroare.