L’approccio al mondo CSS non è facile per tutti. Non serve solo leggere tutorial o guide perché la pratica riveste un ruolo fondamentale. Anche l’utilizzo di alcuni facili strumenti potrà esservi d’aiuto e fornirvi una praticità che la sola lettura non può darvi.
In questo post volevo presentarvi due strumenti online davvero preziosi per creare e generare CSS3 in modo facile, intuitivo e,soprattutto, costruttivo.
Si tratta di due generatori di regole per CSS3, come dicevo.
Il primo è CSS3 Generator e, come vi mostra la figura, è davvero di semplice uso. Scegliete la regola che volete costruire fra le seguenti :
- border radius (per creare box con angoli arrotondati)
- box shadow (per creare box con effetti luce)
- text shadow
- RGBA
- @font-face (possibilità di utilizzare font non comuni)
- multiple columns
- box resize
- box sizing
- outline
Quindi valorizzate i vari campi coinvolti nella regola secondo le vostre esigenze e vedete, in tempo reale, il Preview di quanto realizzato. Noterete che compaiono anche le icone dei vari browser con la versione che supporta quella regola.
Il secondo è CSS3, Please! ed è molto simile al primo.
Al suo interno troverete un codice CSS liberamente modificabile con la possibilità di visualizzare immediatamente i risultati delle modifiche apportate.
Potrete modificare i valori sottolineati e, automaticamente, tutte le altre regole si adatteranno alle modifiche apportate!
Ecco le proprietà che potrete testare:
- border radius
- box shadow
- gradienti
- RGBA
- transform (possibilità di ruotare un elemento della pagina)
- font face (possibilità di utilizzare font non comuni)
Una volta terminato il lavoro sarà possibile copiare, in tutto o in parte, queste regole e incollarle nel proprio foglio di stile.
