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

După ce a făcut acest lucru de mai bine de un an, cea mai grea parte din scrierea acestui pachet de resurse lunare pentru designeri și dezvoltatori este introducerea. În timp ce discutăm despre acest subiect, iată recapitulări din februarie 2015 ale celor mai bune și mai proaspete resurse pentru dezvoltatorii web ca tine.

În această tranșă, ne uităm la o ofertă specială motorul de căutare pentru a găsi fragmente de cod, un foarte inventiv referință la problemele de adresare din modulul Flexbox, și instrumente de dezvoltare pentru o mai bună gestionare a culoarea, amprenta și gradientele.

Gradient Animator

Gradientul CSS3 ne permite să creăm un gradient fără imagini pe site-ul nostru, fără a fi nevoie să încărcați imagini. Putem chiar combina cu CSS3 Animation pentru a da un efect mai convingator. Dar dacă codul este prea mult pentru tine, folosește traseul mai simplu de Gradient Animator pentru a genera unul cu o interfață frumoasă.

SVG Ghid de buzunar

SVG Ghid de buzunar este compilat de Joni Trythall. Este o referință la îndemână care vă va îndruma prin elementele de bază ale SVG (cum ar fi crearea de forme și text) până la caracteristici mai avansate (cum ar fi crearea de gradienți, căi de tăiere și modele). Cartea vine în format Markdown și este disponibilă în engleză și portugheză.

Flexbugs

Flexbox este un nou modul foarte promițător în CSS3, care s-ar schimba complet pe măsură ce construim layout-uri web. Cu toate acestea, el vine, de asemenea, cu probleme de compatibilitate cu browser-ul încrucișat. Acest depozit, Flexbugs, este o colecție de aceste bug-uri și soluții pentru a le aborda. Aceasta este o resursă foarte utilă pentru oricine trăiește pe marginea sângerării de pe Web.

icono

Este uimitor ceea ce putem realiza doar cu CSS, cum ar fi crearea unei pictograme pe deplin prezentabile folosind doar un singur element. icono este biblioteca care face acest lucru. În această bibliotecă veți găsi o colecție de icoane familiare care sunt realizate numai cu un singur element și CSS. Aceste pictograme se vor încărca mai repede și vor fi mai personalizabile decât pictogramele bazate pe imagini.

Dillinger

Dillinger este un editor plăcut pentru Markdown. Aici puteți scrie în format Markdown și puteți vedea instantaneu ieșirea din fila dreaptă. Pentru comoditatea dvs., Dillinger vă permite să vă exportați munca în format HTML, PDF sau doar într-un format de fișier Markdown odată ce ați terminat. Alternativ, puteți, de asemenea, să le conectați la un serviciu terț, cum ar fi Dropbox și Github, unde puteți salva fișierul.

HTML5Up

HTML5Up este o colecție de șabloane gratuite bazate pe HTML5. Puteți găsi o mulțime de machete care să răspundă diferitelor tipuri de site-uri: afacere, portofoliu sau doar un simplu blog. Toate șabloanele sunt receptive și asigură că conținutul și aspectul site-ului sunt plăcute în diferite dimensiuni ale ecranului.

Culorile CSS

Vă întrebați vreodată ce este numită o anumită culoare? Culorile CSS afișează numele culorii, precum și formatele Hex și RGBA pentru o colecție de culori de bază. Este o sursă bună pentru a găsi combinația perfectă de culori pentru site-urile dvs. web.

Emmet Re-vedere

Re-vizualizarea este o extensie Chrome care analizează site-ul dvs. web @mass-media interogări și afișează site-ul dvs. web în fiecare punct de interferență specificat în fiecare @mass-media interogare. Dacă sunteți în căutarea unui instrument care să vă salveze un pic de timp atunci când testați site-urile web receptive, atunci acesta este instrumentul de care aveți nevoie.

TypeGenius

Dacă aruncați o privire la biblioteca Google Font, veți găsi o mulțime de fonturi în diferite fețe, familie, greutate și tipuri. Prin urmare, alegerea perechii potrivite sau combinația de fonturi ar putea fi o sarcină reală copleșitoare. TypeGenius face selectarea perechilor de fonturi simple, rapide și posibile pentru populația generală.

SearchCode

După cum a spus și numele, acesta este un motor de căutare care caută coduri sau fragmente de cod din multe limbi de programare, inclusiv JavaScript, C, PHP. Acest motor de căutare va obține rezultatul său din mai multe surse, cum ar fi Github, Bitbucket și Google Code. Acesta este un instrument cu siguranță necesar pentru coderii grei.