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

Scena dezvoltării pe Web a progresat la viteza luminii din acest an. CSS3 a fost bine adoptat și suntem mai puțin dependenți polyfill deoarece cele mai recente browsere sunt foarte bune în susținerea ultimului standard web. Microsoft Edge a fost introdus, Google a lansat două surse deschise pentru Web: Material Design Lite și Polymer 2.0.

Deci, să încheiem anul cu câteva instrumente utile pentru dezvoltatorii de web. Avem câteva biblioteci JavaScript, precum și instrumente pentru a lucra mai eficient cu jQuery. Pentru a afla mai multe, verificați resursele complete pentru seria de dezvoltatori web.

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.

Notie.js

Notie.js este o alertă, o notificare și o fereastră de dialog mai frumoasă în JavaScript. În loc de a utiliza alerta() funcția care arată o plictisire și o ușoară şocant cutie de alertă, îl puteți înlocui cu notie () funcția de la bibliotecă pentru a afișa o alertă de stil. Potriviți stilul de alertă cu designul general al site-ului dvs. cu ușurință cu Notie.js.

Github Corner

Abia recent mi-am dat seama că colțul Github, pe care îl vedem de obicei pe pagina de pornire a unui proiect cu sursă deschisă, are deja 7 ani. Timp pentru un facelift. Github Corner este o inițiativă pentru un aspect mai modern și mai proaspăt pentru panglica Github. Utilizează grafica bitmap în SVG, care îi permite să rămână ascuțită în ecrane cu rezoluție înaltă.

Dulce (Slack) Teme

Slack a devenit cea mai populară aplicație de chat pentru companii mici, companii de pornire și dezvoltatori. Comparând cu alte aplicații cum ar fi Skype și Google Hangouts, Slack este personalizabil în mai multe moduri, inclusiv tema sa - aspectul și nuanța interfeței aplicației. Iată o colecție de teme Slack gata de instalat .

jQuery Config

jQuery este modular, ceea ce înseamnă că putem elimina modulele nedorite din acesta, astfel încât dimensiunea să fie mai ușoară. Tutorialul nostru anterior, Cum se elimina modulele inutile in jQuery, arata cum se face cu Homebrew, NPM, dar se face prin Terminal. Dacă nu doriți să utilizați în acest fel, puteți recurge la utilizarea jQuery Config. Face același lucru doar cu clicuri.

SummerNote

SummerNote este o bibliotecă JavaScript pentru a crea un editor WYSIWYG. SummerNote este dezvoltat pe proiectele proeminente open-source: jQuery, Bootstrap și Font Awesome. Implementarea aplicației SummerNote este la fel de facilă ca și implementarea oricărei alte biblioteci JQuery și este biblioteca alternativă perfectă pentru TinyMCE, mai ales dacă web-ul dvs. utilizează Bootstrap ca și fundație.

BackstopJS

BackstopJS este un instrument excelent pentru testarea reactivității site-ului, care este un proces obositor. Pe scurt, această bibliotecă face sarcina de a testa un site pe mai multe dimensiuni de ecran mult mai fără sudură prin automatizare. Instrumentul va capta capturi de ecran ale site-ului web și va adnota pagina care trece și nu reușește testul pe baza parametrilor specificați și a dimensiunilor ecranului. Este ca un instrument de testare a unității pentru implementarea unui site web receptiv.

SuitCSS

SuitCSS este o boilerplate, alcătuită din propriul Pre-procesor CSS care acceptă sintaxa viitoare a CSS, cum ar fi Proprietatea personalizată și Query personalizată, o mână de clase de utilitate bazate pe metodologia BEM pentru alinierea, dimensionarea și poziționarea elementelor și multe module CSS pentru a începe să dezvoltați un site web bine construit.

Lega

Lega este o aplicație nativă OS X care vă permite să construiți interfețe și layout-uri web folosind GridStyleSheet, un algoritm de layout dezvoltat de TheGrid. GSS vă permite să configurați site-urile în mod eficient. De exemplu, spre deosebire de CSS, GSS permite alinierea verticală a containerelor elementului cu o singură linie de cod.

AntiModerate

AntiModerate este biblioteca JavaScript care încarcă imaginile mai inteligent. Cu această bibliotecă, chiar și în cazul conexiunilor lentă la Internet, puteți încărca mai întâi o imagine cu dimensiuni mai mici, în timp ce imaginea mai mare este încă încărcată în fundal. Odată încărcat complet, imaginea de dimensiuni mai mari este în centrul atenției. Această tehnică ar putea reprezenta o viteză de încărcare mai rapidă pentru paginile dvs. web.

sfaturi jQuery trebuie să știți

Titlul răcoros și chiar conținutul mai rece, aceasta este o colecție de sfaturi jQuery pe care ar trebui să le cunoaștem (jumătate dintre ele mi-aș dori să fi știut mult, mult mai devreme). În total merită verificat.