Corsi on-line

Responsive Design con Jeet

Jeet è un grid system basato su Sass (Syntactically Awesome Style Sheets, estensione di CSS) e Stylus (un processore per le regole di stile) che mette a disposizione strumenti e funzionalità attraverso i quali creare layout improntati al criterio del Responsive Design per i propri siti Internet o le proprie Web applications; una soluzione pensata per rendere più veloci i tempi necessari per la realizzazione di interfacce utente in grado di adattarsi alle risoluzioni dei display di diversi dispositivi (Desktop, smartphone, tablet, Smart Tv..).

CatturaA differenza della maggior parte dei grid system attualmente disponibili, spesso estremamente rigidi nella loro struttura, Jeet basa il suo funzionamento su un approccio incentrato sulla flessibilità. Uno dei vantaggi principali derivanti dal suo impiego riguarda il fatto che esso non produce markup HTML addizionale (e spesso inutile) che influirebbe negativamente sui tempi di caricamento delle pagine. Jeet inoltre non limita il numero di colonne utilizzabili (spesso non più di 12) ma permette allo sviluppatore di definire i template con maggiore libertà.

Riguardo alle ampie opportunità di personalizzazione, è da segnalare come Jeet consenta di utilizzare le frazioni (ad esempio “1/4”), i numeri decimali (ad esempio “0.75”) e persino le combinazioni tra frazioni e valori numerici in virgola mobile (ad esempio “1.5/4”) per la generazione dei layout desiderati; l’applicazione si rivela particolarmente interessante anche relativamente alle questioni legate alla compatibilità cross-browser e cross-version, per cui gli output prodotti saranno supportati persino da un programma per la navigazione Web ormai datato come Internet Explorer 9.

Jeet ha poi la caratteristica di poter operare in qualsiasi ambiente sia presente un sito Web statico basato su SCSS, un package di Node.JS in Stylus o un’applicazione basata su Ruby on Rails; nel sito ufficiale del progetto è presente la documentazione necessaria per utilizzare Jeet sia a livello principiante che avanzato.

Via Jeet

Post correlati
I più letti del mese
Tematiche