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

Este timpul să împărtășim o altă listă minunată de resurse pentru dezvoltatorii noștri web. Ultima dată când am prezentat o serie de referințe, aplicații și câteva biblioteci JavaScript.

Având în vedere că există multe biblioteci JavaScript pe care nu le-am acoperit încă în această serie, această tranșă va conține mai multe pluginuri jQuery și câteva referințe pentru a ne îmbunătăți abilitățile ca dezvoltatori web. 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.

jQueryMy

jQueryMy este a pluginul jQuery pentru a gestiona legarea datelor în timp real. Este compatibilă cu controalele sau intrările de la browser-ul nativ, precum și cu o bibliotecă UI, cum ar fi jQuery UI, afară din cutie. Este echipat cu validare, formatare condiționată și gestionare complexă a dependențelor, ceea ce pare să o facă o minune - și totuși mai ușoară - alternativă la un cadru MV * cum ar fi Backbone.js, Ember.js și Vue.js

Cap

În mod tipic, cap tag conține titlu eticheta, legătură eticheta care indică o foaie de stil, și scenariu tag pentru a încărca un fișier JavaScript. Acest depozit arată asta există mult mai multe pe care le putem include în cadrul cap etichetă. Lista conține link-uri generale și meta-tag-uri către o anumită platformă specifică.

SmoothState

Dezvoltarea a buna tranziție a paginii ar putea fi un adevărat dureros. Trebuie să ne gândim la manipularea suportului de browser pentru API-urile de istorie, cache, pre-încărcare, precum și pentru animație pentru a vă asigura că funcționează la fel de rapid și rapid. SmoothState vine cu toate acestea într-un singur pachet, permițându-ne să facem experiența să funcționeze în mai puțin timp.

SketchRunner

Pe scurt, SketchRunner este similar cu OS X Spotlight, Alfred sau Paleta de comandă SublimeText. Este o extensie Sketch asta oferă o interfață de căutare simplă pentru a face mai multe sarcini în mod normal efectuate în meniul aplicației. Se raționalizează pentru a vă ajuta să deveniți mai productivi.

CSS de întreținere

CSS de întreținere este un carte online cuprinzând mulți ani de experiență, tehnici rafinate pentru a compune CSS stelar care este menținut pe termen lung de-a lungul generațiilor.

Modele Flexbox

Aceasta este o colecție de fragmente și drop-in HTML și CSS pentru a construi interfața, cum ar fi antetul, subsolul, navigarea prin meniuri, utilizând CSS Flexbox. Dacă găsești folosind Flexbox greu de înțeles, aceasta este o sursă excelentă de inspirație pentru a învăța în cele din urmă Flexbox.

Veioza cu lava

Infinite Scroll este o interfață populară pe web unde este trage conținut nou pe măsură ce ajungem în partea de jos a paginii. Lavalamp este o bibliotecă JavaScript, numită pentru înlocuirea Infinite Scroll. Verificați demo-ul.

Glio

Un JavaScript care detectează cursorul mouse-ului atunci când este pe cale de a părăsi portul de vizualizare care probabil indică faptul că utilizatorul va renunța. Când se întâmplă, puteți să o utilizați declanșează o funcție pentru a afișa un formular pentru abonare sau a mesaj simplu pop-up pentru a crește rata de conversie.

Coleure

O alta picker de culoare cu o interfață de utilizare rece. Puteți să trageți și să renunțați la culori pentru a vă crea propria paletă de culori, făcând acest lucru o abordare mai vizibilă și mai organizată pentru a construi o schemă de culori. Înscrieți-vă pentru a crea un cont pentru a vă salva colecțiile.

CSSX

CSSX este un instrument care vă permite să scrieți CSS în JavaScript. Nimic nu este schimbat deși; Este aceeași sintaxă CSS nativă înfășurată într-o funcție JavaScript. Sincer, nu mi-am dat încă seama cum aș putea să folosesc CSSX în oricare dintre proiectele mele, dar arată bine și merită să menționăm.