Less Framework: un framework CSS per creare siti cross-device
Pagina 1 di 3
Il framework che vi presento in questo articolo è molto piccolo quanto potente. Il suo nome, neanche a dirlo, è Less Framework (oggi alla versione 4) ed è progettato per fornire supporto allo sviluppo di applicazioni web cross-device.
Creare applicazioni web in grado di essere fruite da una molteplicità di device è, oggi, molto importante in quanto aumenta in maniera esponenziale la visibilità del nostro sito web in quanto il contenuto potrà essere visibile sia sui classici desktop o portatili, ma anche sui più moderni smartphone o tablet.
Un altro punto di forza di questo framework è il fatto che sia rilasciato sotto licenza MIT e quindi non è soggetto a costi ne a particolari vincoli di utilizzo.
Tramite Less Framework è possibile realizzare siti o complesse applicazioni web compatibili con tutti i dispositivi in grado di connettersi alla Rete come, soprattutto, i dispositivi mobili (smartphone e tablet) che al giorno d'oggi sono sempre più diffusi ed utilizzati.
Il funzionamento è molto semplice. Il framework non fa nient'altro che applicare diversi stili CSS (tramite le media query) alle pagine web in base alla risoluzione dello schermo del dispositivo utilzzato dal visitatore, sia esso un normale computer, uno smartphone o un tablet.
Layout
Il framework mette a disposizione 4 diversi layout che ricoprono l'intera gamma dei dispositivi oggi in commercio:
- Il layout di default è quello utilizzato per computer (desktop o notebook) e per i tablet in posizione landscape (orizzontale). Questo layout è disposto su una griglia con 10 colonne per una larghezza totale di 992 pixel. Questo layout è anche quello utilizzato nel caso in cui il browser non sia compatibile con le media query.
- Il secondo layout riguarda, invece, i netbook ed i tablet (iPad compreso) in modalità portrait (verticale). Propone una versione a 8 colonne per 768 pixel di larghezza.
- Il terzo layout riguarda i dispositivi mobili in posizione landscape (orizzontale), quali iPhone ed iPod Touch. Il layout proposto è a 5 colonne per 480 pixel di larghezza.
- Il quarto ed ultimo layout proposto dal framework riguarda, infine, i dispositivi mobili come iPhones, iPod Touch e altri smartphone in modalità portrait (verticale). La griglia qui è costituita da 3 colonne per una larghezza di 320 pixel.
