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

În ultima noastră tranșă am concentrat atenția asupra diferitelor biblioteci Javascript și CSS pentru a ajuta la crearea unor site-uri web și a unor aplicații web mai bune. În această lună, avem mai multe biblioteci pe care să le recomandăm, alături de o mică concentrare pe tipografie.

În această rundă a seriei, vă veți uita la câteva biblioteci JS pe care le veți găsi pentru utilizare, dar și o colecție de sfaturi, un eseu foarte lung referitor la tipografie, un generator de culori și un cadru frontal ușor. Fără să mai vorbim, 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.

JS Sfaturi

JS Tips este o colecție de sfaturi JavaScript, unele dintre ele rotind în jur sintaxă, unii despre codul de eficiență și de performanță, și altele sunt specifice unui cadru precum AngularJS. Noi sfaturi noi sunt adăugate zilnic și în prezent există 50 de sfaturi emise. Este esențial un must-book pentru fiecare dezvoltator web.

Vagrant Manager

Vagrant Manager este aplicația GUI pentru a controla Vagrant. MAMP similar, unde puteți să opriți sau să rulați Vagrant și să vedeți ce Vagrant se află în prezent în desfășurare. Aplicația este disponibilă pentru OS X și pentru ferestre. Dacă nu sunteți sigur ce este Vagrant, consultați postarea noastră anterioară despre cum să instalați WordPress local cu Vagrant.

Bulma

Bulma este un cadru frontal. Pachetul include câteva componente comune UI de pe web, cum ar fi navigația, dropdown și (desigur) grila care este construită în întregime cu flexbox. Singura caracteristică care lipsește (cel puțin pentru moment) este componenta JavaScript. Componentele Bulma sunt mult mai subțiri comparativ cu Bootstrap, dar ar trebui să fie suficiente pentru a construi un site web mic dar prezentabil.

Gutenberg

Numit după Johannes Gutenberg, inventatorul presei de masă. Gutenberg este o colecție de stil pentru o setare corectă tipografică pe internet. Regulile stilului stabilesc linia de bază, dimensiunea fontului și scalarea și înălțimea liniei. O bibliotecă de stil excelent pentru a face conținutul site-ului dvs. să arate mult mai bine.

OkayNav

OkayNav este un jQuery pentru a construi o navigație receptivă, dar nu doar încă una. Plugin-ul are un design diferit, pe măsură ce imaginea este redimensionată până la dimensiuni mai mici, fiecare meniu va fi treptat fuzionat într-o pictogramă pentru a tolera dimensiunea limitată a ferestrei de vizualizare. Sună rece, nu-i așa??

Noua tipografie web

Noua tipografie web este un eseu de deschidere a ochilor pe tipografie. Ea discută stilurile din primele zile ale cărților la modul actual pe care îl construim și consumăm pe web. Bine studiat cu mai multe ilustrații și referit pe deplin, este un articol de lungă durată al lui Robin Rendle, dar cu siguranță merită citit pentru a obține o mai bună înțelegere a tipografiei.

Color Safe

Color Safe este o paletă de generatoare de culori pentru web. Spre deosebire de instrumentele pe care le-am menționat anterior în această serie, ColorSafe va genera numai culori care respectă standardul WCAG pentru accesibilitatea culorilor.

Dialog modal accesibil

Aceasta este o mică bibliotecă JavaScript (doar ~ 0,5kb) construi o fereastră de dialog modală. Fiind accesibile, utilizatorii pot deschide cu ușurință, închide și naviga prin dialogul cu o tastatură și un mouse. Pachetul este pur și simplu gol JavaScript, nu stilings, astfel încât să puteți forma în mod liber modalitatea de dialog în orice fel vă place.

Mo.js

Mo.js este un pachet complet de bibliotecă de animație JavaScript. Se livrează cu câteva presetări, astfel încât puteți seta și rula animația rapid. Este modular, permițându-vă să eliminați funcționalitatea inutilă, precum și fluidă și netedă. Fiind o nouă bibliotecă nouă, din păcate, documentația nu este încă pregătită (deocamdată).

Particulele

Această bibliotecă adaugă rețele de particule plutitoare pe site-ul dvs. web, pur și simplu pentru a face site-ul dvs. să arate mai rece instantaneu. Particulele vor reacționa la mișcarea cursorului. Reacțiile, precum și alte elemente precum culorile, distanța și forma pot fi configurate prin opțiuni.