Webflow CSS Playground: web App per realizzare siti web responsive

Webflow CSS Playground: web App per realizzare siti web responsive

7512
2
CONDIVIDI

Webflow CSS playground
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!

Webflow responsive tool
 

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?