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

Seria Fresh Resouces for Web Developers are alerga timp de aproape 4 ani, și menținerea acestei serii mi-a oferit multă perspectivă asupra modului în care progresul pe web a trecut de-a lungul anilor. Sunt noi instrumente care ies în fiecare lună pentru a face mai ușoară dezvoltarea web-ului.

În această tranșă, am colectat o serie de instrumente noi, care includ bibliotecile JavaScript, câteva biblioteci CSS și referințe pentru a vă îmbunătăți abilitățile. 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.

Legendă

JavaScript este preluarea aplicației desktop pentru portabilitatea pe diferite platforme, precum și pentru a lucra la fel de bine ca și aplicația nativă. Această aplicație, Legendă, de exemplu, este construit pe partea de sus a lui Electron. Este o aplicație simplă care vă permite să căutați fișiere de subtitrări (.srt) pentru a fi atașat la videoclipul pe care îl urmăriți.

Awesome Linia de comandă OSX

Un lista enormă de linii de comandă utile și la îndemână pentru MacOS. Aici puteți găsi o mulțime de lucruri care ar putea fi realizate prin CLI, cum ar fi “ștergerea coada de imprimare”, “ascunde folderul în Finder”, și “prevenirea somnului sistemului”.

Trevor

Trevor este pur și simplu Travis CI făcut deconectat. Travis este un serviciu de integrare continuă unde dezvoltatorii își testează software-ul pentru a vedea dacă software-ul funcționează în mod corespunzător mai multe medii. Trevor este încă în stadiul incipient; în prezent, doar acceptă “NodeJS”.

Progresiv

Un frumos JavaScript bibliotecă pentru a încărca imaginea progresiv, de aici numele. Imaginea mică va fi difuzată și neclară în timp ce browser-ul încarcă imaginea completă. Acest ajută încărcarea site-ului dvs. mult mai rapid mai ales dacă conține imagini mari.

QartJS

Acesta este un JavaScript care face codul QR mai puțin plictisitor. Cu aceasta, puteți suprapune codul QR deasupra unei imagini - cum ar fi fotografia dvs..

WP Docker

WP Docker este a Docker mediu proiectat special pentru a dezvolta WordPress. Mediul este autonom și nu va afecta sistemul dvs. de calculator în cazul în care ați efectuat configurarea. Este un o alternativa excelenta la Vagrant, Valet, Local si MAMP.

Rellax

Rellax este o bibliotecă JavaScript pentru a creați efectul Parallax în derularea paginii. Acesta vine cu câteva opțiuni și relativ ușor de configurat. Este ușor, alerga super rapid și nu necesită nici o dependență ca jQuery prin urmare, este o mare alternativă la alte biblioteci din această categorie, cum ar fi Parallax.js sau Scrollax.js.

Articulat

Cu toate acestea, încă o bibliotecă cool JavaScript. Articulate aduce sintetic voce pe site-ul dvs. Este capabil să analizeze și să citească site-ul dvs., în cele din urmă poate îmbunătăți accesibilitatea site-ului dvs. pentru utilizatorii cu vizibilitate redusă.

MonetizeJS

MonetizeJS este o bibliotecă JavaScript pentru a puneți Stripe ușor; la fel de ușor ca folosind jQuery.

Vonic

Vonic este o colecție de UI pentru mobil construit folosind Vue.js și Ionic CSS. Acesta cuprinde o mulțime de componente UI care se găsesc în mod obișnuit într - un telefon mobil, inclusiv Caseta de selectare, formularul de căutare, swiper și așa-numita acordeon. Puteți utiliza pentru a crea o aplicație pentru aplicații mobile prototip chiar în browser.

WordPress Component Library

10up, unul dintre cele mai proeminente nume din WordPress, a lansat o bibliotecă UI proiectată în special pentru WordPress. Spre deosebire de alte biblioteci UI care oferă doar coduri CSS și HTML, 10Up oferă și fragmentul de cod PHP pe care îl puteți insera în tema dvs. Componenta include Navigare, Taburi, Instrumente, Commonts și Blogrol.

Performanță de pornire JavaScript

Un superb și articole detaliate de la Addy Osmani, unul dintre inginerii Google, despre cum să scrieți JavaScript care rulează foarte repede. Vă încurajez să citiți nivel up dvs. de calificare JavaScript.

KuteJS

Kute este a Bibliotecă JavaScript pentru a efectua animație. Este rapid și foarte eficient în consumul de memorie. Are extensii și instrumente suplimentare care să permită aplicarea animației în CSS, SVG și chiar un plugin jQuery pentru o sintaxă mai convenabilă.

PWA Rocks

Aplicația web progresivă (PWA) este o metodologie care permite unui site web să ruleze rapid și ușor de utilizat offline. Acest PWA Rocks listă unul care a fost aprobat de Google ca PWA. La aflați mai multe despre PWA de la Google aruncați o privire la: Aplicații Web Progresive.

Github Auto-updater

Github Auto-Updater este Bibliotecă de compozitori care permite pluginului dvs. să fie actualizat de la Github. Acesta este un script la îndemână pentru dezvoltatori pentru a întreține pluginuri pentru clienții lor fără neapărat încărcarea acestuia în depozitul Github.

Card

Cardul este o bibliotecă JavaScript care face ca introducerea cardului de credit să fie mai angajată și îmbunătățește experiența utilizatorului în timp ce introduceți numerele cărților de credit. Aceasta funcționează bine cu jQuery, React, Angular și Ember.

Graaf

Graaf furnizați o suprapunere peste pagina dvs. pentru a vedea cum este stabilită grilă - coloana, rândul, jgheabul. Poti de asemenea generați propriile specificații ale rețelei utilizând API-ul furnizat.

Luxbar

Luxbar este a Cadrul CSS pentru a crea cu ușurință o navigare receptivă; pur și simplu adăugați foaia de stil și adăugați HTML corect. Puteți instala această bibliotecă NPM, Bower sau conectați foaia de stil direct din CDN.

Grilă de contrast

O lista de tabelul prezintă contrastul de culoare și gradul de accesibilitate bazat pe WCAG 2.0. Puteți modifica valoarea de pe masă și puteți vedea rapid dacă combinația de culori respectă standardul WCAG.

ToneJS

ToneJS este o bibliotecă JavaScript pentru creați un ton sau un sunet care ar putea dori să vină dintr-un instrument muzical. Cred că această bibliotecă va fi utilă pentru construirea unui emulator de instrumente muzicale bazate pe web sau efecte sonore ale jocului.