De multe ori dorim să lucrăm la un proiect și să creăm efecte noi din CSS, dar poate că nu ne vin idei imediat sau nu stăpânim 100% sintaxa specifică fiecărui efect.
Pe internet există o sumedenie de utilitare și generatoare online care te pot ajuta să obții diverse stiluri vizuale fără a recurge la imagini și fără a fi nevoie de cunoștințe avansate de Photoshop sau alte programe grafice.
În continuare am selectat zece asemenea utilitare practice și vă invit să le folosiți cu încredere.
CSS Text Shadow [link]
Cu acest utilitar poți genera cod CSS pentru efecte stilizate de text și umbre. Toate exemplele generate sunt realizate exclusiv din cod CSS, fără nicio imagine.
52framework [link]
Este un framework CSS conceput pentru a facilita utilizarea HTML5 și CSS3, asigurând în același timp compatibilitatea retroactivă atât cu Internet Explorer 6, cât și cu cele mai noi versiuni de navigatoare.
Modernizr – HTML5 & CSS3 [link]
Modernizr te ajută să detectezi și să implementezi opțiuni din HTML5 și CSS3 care nu sunt suportate nativ în browserele mai vechi, oferind mecanisme de fallback.
Generator de butoane [link]
Această aplicație dezvoltată de CSS-Tricks te ajută să configurezi și să generezi rapid codul CSS necesar pentru un buton cu aspect modern.
CSS3buttons [link]
CSS3buttons oferă un set de clase CSS gata făcute pentru a crea butoane atractive foarte ușor și fără bătăi de cap. Include o varietate largă de stiluri, ideale în special pentru panouri de administrare sau aplicații web.
CSS Transforms Code Generator [link]
Un instrument util pentru ajustarea și testarea transformărilor CSS (rotire, translație, înclinare și scalare), oferind direct codul CSS cross-browser corespunzător.
CSS3 Gradient Generator [link]
Te ajută să generezi rapid codul CSS complet pentru degradeurile (gradient) dorite pe paginile tale web.
CSS3 Drop Shadow Generator
Un utilitar simplu și intuitiv pentru generarea codului de umbră pe elemente (box-shadow), cu ajustări pentru rază de difuzie, deplasare și nuanță.
CSS Generator pentru radius, shadows, RGBA, @font-face și coloane [link]
O suită versatilă care generează fragmente de cod CSS pentru colțuri rotunjite (border-radius), umbre, transparențe RGBA, @font-face, coloane de text și tranziții.
@font-face Generator [link]
Generatorul consacrat de la Font Squirrel care convertește fonturile în pachete web complete (WOFF, EOT, SVG, TTF), pregătite pentru integrare prin regula CSS @font-face.
