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

Post correlati

• 27 luglio 2010 -- Punto della situazione
• 22 agosto 2009 -- Ispirazione e design per il 2009…forse anche 2010?
• 23 luglio 2009 -- Gallery degli altri partecipanti al graphic contest

1. 

   Nyo (13 comments) says:

   2 dicembre 2008 at 10:13

   wow interessante! lo proverò!

   reply
2. 

   ffranz (125 comments) says:

   2 dicembre 2008 at 12:05

   Interessante davvero, può ottimizzare la fase di iniziale dei progetti…

   reply
3. 

   Lauryn (3407 comments) says:

   2 dicembre 2008 at 12:07

   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…

   reply
4. 

   ffranz (125 comments) says:

   2 dicembre 2008 at 12:54

   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

   reply
5. 

   Flavia (75 comments) says:

   2 dicembre 2008 at 13:56

   Come è stato già detto è molto utile per chi preferisce fare le bozze in digitale anzichè su carta!
   Da provare sicuramente.

   reply
6. 

   DarioDN (91 comments) says:

   2 dicembre 2008 at 21:04

   mi ha entusiasmato la notizia… ma poi mi sono incacchiato nel muovere i box e non so come si eliminano.
   Forse se migliora…

   reply
7. 

   Martini Samuele (14 comments) says:

   25 maggio 2009 at 23:39

   Lo provo subito

   reply