Atunci când creezi un site web, una dintre cele mai migăloase etape o reprezintă adesea configurarea layout-ului structural – scheletul CSS în care vor fi așezate toate elementele de conținut, coloanele laterale (sidebar) și secțiunile principale ale paginii. Din fericire, dacă dorești să generezi o structură curată și bine proporționată, există utilitare web concepute special pentru a automatiza acest proces.
Unul dintre cele mai cunoscute instrumente de acest tip este Yahoo Grid Builder, o aplicație bazată pe renumita bibliotecă YUI (Yahoo! User Interface Library).
Ce facilități oferă Yahoo Grid Builder?
Generatorul de grile dezvoltat de Yahoo simplifică substanțial munca de frontend development prin câteva opțiuni practice:
- Presetări flexibile de lățime: Poți alege lățimi fixe sau fluide standard (de exemplu, 750px, 950px, 974px sau 100% din ecran).
- Organizare pe coloane: Permite configurarea rapidă a machetelor cu 2, 3 sau 4 coloane, stabilind ordinea de afișare și poziția conținutului principal față de barele laterale.
- Generare instantanee de cod: Utilitarul produce cod HTML semantic și reguli CSS optimizate, compatibile între multiple browsere web.
Iată câteva capturi de ecran care ilustrează interfața și modul de utilizare a generatorului:
