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

În acest articol, avem o listă de cadre și instrumente care este orientate spre dezvoltarea web. Interesant, am descoperit câteva dintre aceste instrumente și cadre provenind de la corporații de vârf cum ar fi Microsoft și Alibaba.

Acesta este un semn bun, deoarece mai multe companii contribuie acum la open-source și ajută la modelarea unui web mai bun. Să aruncăm o privire la ceea ce este în stoc pentru compilația din această lună.

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.

CuteStrap

Un cadru UI construit pe partea de sus a Sass. Acesta vine cu toate cele mai comune interfețe web, cum ar fi formele, navigațiile și butoanele, care ar trebui să fie suficiente în multe cazuri. Dacă găsiți cadre populare cum ar fi Bootstrap și Fundația copleșitoare, Cutestrap ar putea fi o alternativă excelentă pentru dvs..

Test HTML5

Test HTML5 este un instrument online care va testa cât de departe un browser acceptă cele mai recente specificații HTML5. Este un instrument util pentru cei implicați în depanarea și testarea aplicațiilor web moderne.

Caloriile browserului

Caloriile browserului este o extensie Chrome care măsoară o greutate a paginii web. Acesta scanează fișierele încărcate și contribuția lor la greutatea totală a paginii. Un instrument minunat pentru a vă ajuta să optimizați performanța site-ului dvs..

Weex

Weex este un cadru de la Alibaba pentru a construi aplicații mobile cu doar cod HTML, CSS și JavaScript. Dispune de module, componente UI, propriile DevTools și CLI care sunt proiectate pentru mediul mobil și pentru a accelera dezvoltarea.

Microsoft Web Framework (MWF)

Un cadru de la Microsoft, componentele UI din MWF este construit pe baza limbajului de design modern Microsoft: plat, curat și minimalist. Acest cadru, în afară de componentele UI, oferă, de asemenea, o direcție privind utilizarea culorilor, tipografiei și animației. Cred ca Material Design Lite a intalnit in cele din urma un concurent egal.

Vital

Vital este un cadru cu o interfață minimă plăcută. Este ușor, nu are JavaScript, și nativ Rogue - un sintaxist de miscare bazat pe Ruby.

Fontea

Fontea este o extensie gratuită Photoshop pentru a gestiona și a aplica cu ușurință sute de fonturi Google. Puteți căuta fontul din interiorul Photoshop, previzualiza și aplica fontul direct în design - simplificând fluxul de lucru.

Burniță

Acesta este un instrument care vă permite să creați modele UI sau ghid de stil pentru site-ul dvs. Web. Acesta va genera lucruri precum culorile, stilurile de bază sau aspectul componentelor, precum și fragmentul de cod. Un generator de stil ca Burniță vă va permite să rămâneți în concordanță cu stilurile site-ului dvs..

intercooler

InterCoolerJS este o bibliotecă JavaScript care face aplicarea AJAX pe site-ul dvs. la fel de ușor ca adăugarea atributelor HTML. Acesta conține un ghid extins și o mulțime de exemple pentru a vă ajuta să începeți să utilizați instrumentul.

Picla

Picla este un plugin jQuery pentru a afișa etichete de imagine preluate din imagine Alt atribut. Acesta oferă câteva opțiuni pentru a vă permite să adăugați stilul personalizat și mișcarea pe etichetă. Picla poate fi instalat ca dependență de site-ul dvs. cu Bower.

IziModal

Aici este un plugin jQuery pentru a fi afișat modal popup-uri. IziModal are o mulțime de opțiuni pentru personalizare. Puteți, de exemplu, personaliza animația, conținutul de text, culorile. Este ușor, receptiv și pregătit pentru retină.

MegaBoilerplate

MegaBoilerplate este un generator pentru a configura rapid o stivă de dezvoltare. Accesați site-ul Web și selectați ce unelte și biblioteci (Node.js, HTML5, Vanilla JavaScript și Electron) veți folosi ca bază de site. Acesta va compila și va configura toate lucrurile de care aveți nevoie într-un pachet zip, gata pentru descărcare.

bocitoare

O bibliotecă JavaScript pentru a afișa un player audio modern folosind Web Audio API, bocitoare funcționează în browsere la fel de vechi ca IE9 și suportă multe codecuri audio precum MP3, WEBM, WAV. O mulțime de caracteristici, modulare și funcționează fără bibliotecă externă.

SuperEmbed

SuperEmbed este o mică bibliotecă JavaScript care face ca obiectele încorporate să răspundă, menținând în același timp raportul original. Acesta susține o gamă largă de surse, inclusiv Youtube, Flickr, Vine, VideoPress și DailyMotion. Vezi demonstrația.

CleaveJS

Despica este biblioteca JavaScript care formatează automat valorile din intrare. Acesta poate, de exemplu, să adauge separatorul de mii în introducerea valutei, să adauge spațiu în introducerea numărului cardului de credit sau să adauge / în data de intrare. Utilizați această bibliotecă pentru a oferi o experiență mai bună pentru utilizatori.

Flipping tipic

FlippingTypical vă permite să vizualizați toate fonturile instalate în sistemul dvs. Consider că această aplicație este mai convenabilă decât utilizarea FontBook app în MacOS. Am tastat text aleatoriu și văd care dintre fonturile din sistemul meu arată cel mai bine.

LightTable

Un nou IDE pe care cred că merită explorat. A început ca un proiect KickStarter, susținut de Matt Mullenweg (fondator WordPress), și a mers în sfârșit la open source. Puteți viziona acest videoclip pentru a obține o idee despre cât de cool este acest IDE.

Compresor

Compresor este o aplicație web care comprimă fișierele de imagini până la cea mai mică dimensiune, fără a pierde calitatea vizuală. Acesta acceptă JPG, GIF, PNG, și SVG, de asemenea. Această aplicație este gratuită.

Microsoft Site Scan

Acesta este un instrument util de la Microsoft pentru a analiza site-ul dvs. web pentru probleme cum ar fi compatibilitatea și accesibilitatea browser-ului. Instrumentul va afișa un raport care vă va spune dacă nu există ceva în legătură cu site-ul dvs. Web și cum puteți proceda la rezolvarea problemei. Incearca!

Dezactivați blogging-ul

Acest plugin, după cum sugerează și numele, va elimina funcțiile de blogging, cum ar fi Posts, Comments and Feeds. Este pluginul potrivit pentru dvs. dacă nu aveți nevoie de funcția de blogging în WordPress.