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

Ne apropiem de sfârșitul anului 2016, și a fost un an palpitant pentru mulți, inclusiv pentru dezvoltatorii web. Anul acesta, Popularitatea ReactJS a crescut exponențial, o nouă extensie ReactJS este lansată și se află pe lista Gosub de depozitare trending (aproape) în fiecare săptămână.

PHP7 este lansat și în acest an care oferă îmbunătățiri semnificative în ceea ce privește viteza, precum și lansarea WordPress 4.7 cu mult așteptatul WP-API caracteristică și Facebook a introdus, de asemenea, pachetul de fire care ar putea contesta NPM.

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.

Pentru mai multe detalii despre fiecare dintre aceste versiuni utile, să aruncăm o privire la următoarea listă:

Far

LightHouse este un la îndemână de la Google pentru a examina site-urile dvs. împotriva măsurărilor moderne de dezvoltare web, care includ performanța încărcării paginii, cache cu lucrătorii de serviciu, timpul de răspuns al serverului si asa mai departe. Aceste instrumente vin în două forme: extensia CLI (Command Line Interface) și extensia Google Chrome.

FuseJS

Căutarea fuzzy este un tip de finalizare a căutării în cazul în care este returnează posibilități de număr chiar dacă nu se potrivește exact cu argumentele de căutare. De exemplu, dacă căutați "la" rezultatul poate reveni a face, robot, și picior. Acesta este un performanță de căutare populară în aplicațiile web de astăzi. FuseJS este a Biblioteca JavaScript ușoară care vă permite să îl implementați cu ușurință pe site-ul dvs..

Fire Pachet

Firele sunt a Nod manager de pachete construit de Facebook. În principiu, performanțe similare cu NPM, cu progrese în mai multe domenii, cum ar fi viteze, "modul offline" care vă permite să instalați pachetele fără a vă conecta la Internet, precum și siguranță și fiabilitate.

Meniu Cache

Un plugin WordPress la îndemână pentru a cache meniul WordPress utilizând API tranzitoriu pentru a îmbunătăți viteza de interogare a bazei de date. Plugin-ul vine cu un număr de filtre la personalizați perioada de cache și să efectueze alte lucruri. Acesta poate fi instalat folosind Composer sau ca obișnuit plugin WordPress.

Githunt

Githunt este o extensie Google Chrome înlocuiește pagina de pornire Chrome cu magazinul trending Github. Puteți sorta rezultatul pe baza perioadei și a limbajului de programare. Cred, cred, trebuie să instalați un utilitar pentru fiecare dezvoltator să rămână actualizat cu cele mai strălucitoare instrumente din jur.

FFocus

Nu vă puteți concentra pe munca dvs. și doriți să vă faceți rapid treaba? Încercați FFocus. Este un CLI care vă permite să blocați site-ul pentru o anumită durată prin Terminal. FFocus poate fi instalat prin NPM prin rularea npm i ffocus -g comanda.

Accesslint

AccesslintJS este a Biblioteca JavaScript pentru a valida site-ul dvs. web pentru accesibilitate. Utilizarea acestei biblioteci este la fel de ușoară ca și încărcarea acesteia înainte de tag-ul, și veți obține toate avertismentele și erorile chiar la Consola DevTools.

colorable

Colorable este a aplicație web la îndemână care vă permite să generați o combinație de culori care respectă Regulile WCAG și face, de asemenea, site-ul dvs. Web accesibil utilizatorilor cu deficiențe de vedere cum ar fi orbirea colorată.

Micon

Micon este a font pictogramelor Microsoft Windows 10 selectate. Aceasta poate fi a mare înlocuire a FontAwesome care cred că este deja prea mult folosită.

CSS Reference

Numele spune totul. Este o referință CSS pentru a căuta sintaxa CSS. Este, de asemenea, prezentat într-un mod plăcut plăcut care o face o alternativă excelentă pentru documentația CSS la MDN, dacă credeți că este prea plictisitor.

Local de către Flywheel

Aceasta este Aplicație GUI care face atât de ușor crearea unui site WordPress local în MacOS. Aplicația este împachetată cu mari utilități pentru dezvoltatori, cum ar fi; “Un click” Instalarea WordPress, Acces SSH, configurare ușoară SSL, plan de site și XIP.io. Aplicația a fost estimată la aproximativ 149 USD, dar este oferit acum gratuit de când a fost achiziționat de Flywheel.

FreeCodeCamp

Este un gratuit pentru a afla codul pentru Web. Subiectele includ HTML, CSS, JavaScript și a câteva biblioteci precum ReactJS și D3. Oferă provocări sau exemple de proiect în timp ce faceți cursurile, precum și tutorialele vă ajuta să înțelegeți mai bine subiectul.

Font Overpass

Fontul OverPass este o familie de fonturi formată din opt greutăți (200-900), caractere adevărate și litere monospațiale. Fontul poate fi încărcat ca un font web de la KeyCDN, precum și instalat pentru utilizare desktop. Este gratuit și open source.

Baza Formularului

Forma bazei este a set de reguli de stil CSS care reseta forme de elemente care includ intrare, Caseta de bifat, Selectați, și textarea cu stiluri de bază dar frumoase. Această bibliotecă CSS este bună utilizați împreună cu altul “Resetare CSS” cum ar fi Normalize.css.

În față

este o framwork care este folosit pentru a construi 24ways.org; o mare resursă pe care le puteți examina pentru a învăța tehnici avansate de CSS.

Victorie

ReactJS este în creștere, și cu asta vine un număr mare de extensii pentru ao susține. Victoria este a Componenta ReactJS pentru a adăuga intercalare și diagrame sau vizualizarea datelor.

Infern

Infernul este a Biblioteca JavaScript pentru a construi o interfață web pe dispozitive mobile. Este inspirat de ReactJS prin urmare, moștenește convenții de sintaxă similare. Diferența însă este că Inferno este construit cu performanță în minte care o face mult mai mici și, de asemenea, o oferă timp de redare mai rapid.

Premonish

Permonish este o bibliotecă care poate să prezicăți interacțiunea următoare a utilizatorilor. Acest lucru vă va permite pregătiți interfața cu utilizatorul (UI) mai bine înainte ca utilizatorul să interacționeze cu site-ul dvs. Web.

SPA Starter Kit

Acesta este un exemplu de SPA (Single Page Application) construit cu Laravel și VueJS. Este încă o altă mare resursă pentru a învăța dezvoltarea web folosind cadre - uită-te la sursa Luke!

Docute

Doctore este Bibliotecă JavaScript pentru a construi o documentație singură pagină. Este alimentat cu VueJS și livrat cu un număr de utilități Nod care vă permit configurați și executați rapid documentația.