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

Această tranșă vine încă odată cu o mare varietate de resurse. Avem surse pentru a inspira designul următor al paginii dvs. de destinație, două moduri de codare pentru a diminua efectele unui ecran glaring, un plugin pentru construirea de structuri web cu drag and drop, un plugin jQuery pentru îmbogățirea selectorilor de date și o mulțime de JavaScript biblioteci pentru a ajuta dezvoltatorii.

Sunt incluse, de asemenea, resursele pe HTTP2, terminologiile tipografice, site-urile de construcție a accesibilității și un motor de căutare pentru sintaxa limbajului de programare. 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.

Landing Folio

Landing folio este un loc central în care puteți găsi exemple de desene de destinație. Există sute de exemple pe site și puteți regla lista în funcție de categoria lor. Acesta este un marcaj cu siguranta pentru designeri web.

Elemente de interogare

Un JavaScript care vă permite să efectuați Elementul de interogare. Elementul de interogare este notat cu @element și spre deosebire, @mass-media, @element este conștient de numeroase condiții dincolo “înălţime” și “lăţime”. Puteți, de exemplu, să aplicați stiluri bazate pe caracterele numerice conținute în element.

HTTP2

HTTP2 este ultima specificație a HTTP cu modificări semnificative. Promite o performanță mai bună și un transfer eficient de date. În această resursă, puteți găsi aceste modificări (în detaliu), impactul acestora asupra securității, vitezei și experienței utilizatorilor.

Elementor

Elementor este un plugin WordPress care vă permite să construiți layout-uri web cu drag-n-drop. Cu Elementor, puteți construi un aspect mai convingător. Este receptiv, complet personalizabil și ușor de utilizat.

TimeDropper

Acest plugin este echipat cu câteva animații care fac selectarea datelor de pe web mai interesante. În plus, sunt disponibile opțiuni pentru modificarea aspectului UI. Acesta este un plug-in jQuery pentru crescătorii de date de tip fantezie.

SyntaxDB

Un motor de căutare pentru a căuta sintaxa limbajului de programare. În prezent, acceptă o serie de limbi, inclusiv Java, C, Ruby, JavaScript și Python. Acesta ar putea fi ultimul motor de căutare pentru dezvoltatori, deoarece baza de date și sprijinul pentru limbă crește.

Github Dark UI

Github Dark UI este o temă de culoare mai închisă pentru Github.com. Aceasta ar putea fi o schemă de culori alternativă bună, dacă lucrați în medii diminuate sau trebuie să vă uitați la ecran pentru perioade lungi de timp.

ultraușoare

În loc să evidențiați codul cu culori diferite, după cum puteți vedea mai jos, Microlight face codul “strălucire”. O bibliotecă JavaScript care evidențiază codul - literalmente.

BarbaJS

BarbaJS este o bibliotecă JavaScript care permite o tranziție ușoară a paginii prin JavaScript History API / pushState. Acest plugin vine cu metode, evenimente personalizate și o mulțime de API-uri pentru a oferi o experiență mai ușoară pentru paginile de pe site-ul dvs. web. Aici sunt cateva exemple.

TypeTerms

Te-ai intrebat vreodata de ce difera intre “spațiul dintre litere” și “kerning” este? TypeTerms este o prezentare interactivă în care puteți învăța aceste terminologii tipografice confuze.

ButterBean

ButterBean este un plugin nou și sofisticat pentru a construi Meta Box în WordPress. Acesta este dezvoltat în urma arhitecturii moderne API WordPress Customizer. Acesta face ca acest WordPress admin particular UI mai elegant.

Tematică pentru copii verificați

Un plugin WordPress pentru a vă verifica tema copilului în funcție de tema părintelui; acesta va verifica dacă fișierele pe care se bazează Tema copilului sunt actualizate.

CloudFlare UI

CloudFlare UI este o componentă UI de colecție construită pe partea de sus a React. Având în vedere că popularitatea React este în creștere, ar putea exista o serie de cadre de interfață similară.

Lerna

Administrarea mai multor pachete și depozite într-un proiect mare este inevitabilă. Acest instrument vă permite să vă ocupați de această situație particulară și, în cele din urmă, să vă eficientizați fluxul de lucru.

Liniștește-te

Liniștește-te este o bibliotecă JavaScript pentru a ajuta la reducerea utilizării procesorului. Acesta oferă un set de funcții care pot fi utilizate în locul funcțiilor JavaScript native. Acesta poate fi implementat pe un site web obișnuit sau nu are o aplicație bazată pe Node.js.

GEL Tipografie

GEL Tipografie este ghidul de stil tipografic al BBC. O resursă excelentă și o inspirație pentru modul în care puteți standardiza stilurile dvs. tipografice.

Modele MIND

MIND Patterns este un ghid practic pentru a construi un site web accesibil prin e-Commerce. Acesta oferă ghiduri în ceea ce privește construirea HTML, folosind eticheta ARIA și compunerea stilurilor CSS care sunt ușor de utilizat pentru utilizatorii cu dizabilități.

Specificitatea CSS

O colecție de ilustrații care descriu modul în care funcționează specificitatea CSS.

CSS Dig

O extensie Chrome care vă ajută să optimizați CSS. Acesta vă va șterge pagina și vă va furniza raportul, lista cu proprietăți folosite, cum ar fi culorile.

Șablon de ștergere

O colecție de șabloane selectate manual unde puteți găsi un șablon larg de tip de șabloane, inclusiv șabloane HTML5, WordPress, Ghost, Bootstrap și e-Commerce.