Il tool che segnalo oggi è utile per generare in maniera semplice ed intuitiva elementi di design responsive attraverso un’interfaccia visuale. La doppia utilità di questo tool è rappresentata dal fatto che è possibile generare ed esportare sia pezzi di codice (bottoni, sezioni, form, ecc…) che un vero e proprio layout responsive con tanto di test.
Per utilizzare Webflow css playground clicca qui
Disegna, esporta, pubblica!
Il concetto principale è quello di realizzare il layout attraverso un’interfaccia utente fornita dalla web app, attraverso il drag & drop è possibile spostare i vari elementi, esportare il codice e utilizzarlo.
Essendo un’interfaccia utente la curva di apprendimento è bassa, con un po’ di esercizio riuscirete ad avere padronanza dello strumento e a realizzare design reattivi ed eleganti.
Test ed esportazione
Il tool permette di testare la pagina web su 3 dispositivi: desktop, tablet e smartphones attraverso il menu di sinistra.
In fase di esportazione è possibile selezionare il tipo di foglio di stile: CSS, SCSS, SAS o LESS. Cosa c’è di meglio?
