Drawter: creiamo al volo il layout
Juliusdesign ci segnala una cosa fighissima:
Drawter è un tool online in versione beta, che permette di creare al volo un layout per una pagina web ed ottenere il codice HTML e CSS in pochi secondi
Il tool si sviluppa su uno stage supportato da due righelli per le ascisse e ordinate, con le quali possimo disegnare le parti del nostro progetto con precisione.
Lo strumento permette inoltre di determinare varie caratteristiche come lo sfondo, il colore, attributi e molto altro ancora.
A lato troviamo dei pannelli draggabili con i quali gestire i vari elementi, inseire parametri, eliminarli o spostarli
In seguito potremo scaricare il codice di riferimento all’HTML usato e i fogli di stile CSS selezionando in alto il tasto “CODE”
Possiamo vedere un video su come utilizzare al meglio questo ottimo strumento online
Drawter può essere usato per creare al volo bozze di porgetti web senza dove mettere mano sul codice
L'Autore
Laura Gargiulo, webdesigner freelance. Web architect senior, esperta xhtml, css, usabilità, design, cms, webmarketing e Seo, Wordpress specialist. Membro del progetto di prossima pubblicazione Piperita Lab e dell'IWA Italy Visita il mio sito personale Lauryn.it e contattami pure per un preventivo gratuito.
Add to Google
8 Commenti
wow interessante! lo proverò!
Interessante davvero, può ottimizzare la fase di iniziale dei progetti…
già, voglio provarlo in modo effettivo nel prossimo progetto, è più facile buttar giù le idee, per chi magari non è abituato a farlo su carta o preferisce farlo in digitale…
mm…utile fino ad un certo punto. L’ho provato ma con risultati non eccellenti. A parte che confonde automaticamente il posizionemento dei div, e poi non è che rispetta al massimo le coordinate che imposti!
Secondo me è più utile per costruire un framework personale CSS. Questo sim dato che puoi coreggere il codice, ma un intero sito…ahhh
Come è stato già detto è molto utile per chi preferisce fare le bozze in digitale anzichè su carta!
Da provare sicuramente.
mi ha entusiasmato la notizia… ma poi mi sono incacchiato nel muovere i box e non so come si eliminano.
Forse se migliora…
[...] | ItalianWebDesign posted under CSS, Web Designing, web application Post correlati: Form e backend in pochi [...]
Lo provo subito