Il blog di Francesco D'Aguanno

Layout o matic generatore layout css

Pubblicato da Franklyn il giorno 10/10/2007.

Nel terzo appuntamento di WebApps of the week parliamo di Layout-o-matic.

Grazie a questo piccolo applicativo possiamo generare layout css, quindi tableless, in pochi secondi.

L'applicazione pubblicata da InkNoise è un po' datata; se ne parlava su HTML.it già dal 2003, ma secondo la mia modesta opinione (IMHO) è ancora molto attuale.

L'utilizzo di questa web application è davvero semplice, ci sono una manciata di impostazioni da effettuare, prima di salvare o visualizzare il risultato.

Per prima cosa è necessario decidere quale layout adottare: pagina intera, due colonne (sidebar a destra o a sinistra) o tre colonne.

Fatto questo, bisogna impostare lo spazio tra gli elementi (margin) e l'eventuale padding degli stessi.

L'ultima cosa da decidere è l'eventuale presenza di hack per arginare l'errata interpretazione del box model da parte di Internet Explorer.

A questo punto è si può procedere con il download o con la visualizzazione a video del risultato.

Purtroppo il codice generato da Layout-o-matic non supera né l'esame del CSS validation service, né la validazione del Markup Validation Service nel sito del W3C.

In relatà gli errori nella validazione sono solo piccole imprecisioni; in particolare:

1. Nel CSS validation service le seguenti proprietà non risultano valorizzate:
   • (#banner) margin-bottom: ;
   • (#content) margin-left: ;
   • (#sidebar-a) width: ;
   • (#sidebar-a) margin-right: ;
   • (#footer) margin-top: ;
2. Nel Markup Validation Service l'unico errore è la mancanza del TAG title.

Post scritto da Franklyn