Disegnare pagine web per iPad con Magazine Grid
Lunedì 26 Settembre 2011 - 09:41
di Kiko
Una volta costruito il sito, visto l’enorme successo del marchio Apple, spesso il cliente chiede pure una versione ottimizzata e specifica per dispositivi quali iPhone e iPad. I CMS più conosciuti e usati mettono a disposizione dello sviluppatore diversi plugin. Questi ultimi non sono altro che template specifici per piccoli schermi e buoni in generale per dispositivi touch o mini browser
Ma se si vuole un design e funzionalità di navigazione specifiche si deve scrivere da zero un nuovo template. In tal caso può essere di grande aiuto un tool come Magazine Grid.
Aggiustiamo il tiro. Non si tratta di un vero e proprio tool, ma di un framework CSS. Molto leggero, il codice non supera i 5 KB, Magazine Grid si basa su HTML5 ed è rivolto a chi deve progettare il design di pagine web per iPad. Si tratta di una griglia e di pochi altri elementi con cui adattare il disegno originale allo schermo del dispositivo di casa Apple.
Dal sito ufficiale è sufficiente scaricare i sorgenti e dare un’occhiata al file di esempio per capirne il semplice funzionamento.
Categoria: CSS, Web Design | Permalink
Commenti
1
Sembra interessante, essendo un framework CSS creato dagli sviluppatori di Aside Mag, il primo magazine fatto in html5.
O.T. A proposito, per i possessori di iPad, come vi sembra questa rivista? http://www.asidemag.com/
è veloce e fluida da navigare?
Può reggere il confronto che con le app native dell’appstore?
2
@fburatti la rivista non l’ho provata, ho solo giocato velocemente col framework. Carino, attendo di usarlo in modo più pesante su un sito.
E non so se può reggere il confronto!
3
Buongiorno
Ho potuto provare il magazine su iPad e visionare il codice del framework. Da una prima analisi la rivista demo è ottima come composizione, e si adatta alla rotazione dell’iPad, ma ci sono molte cose mettono in dubbio che sia stata creata utilizzando solo il framework che viene distribuito. Sicuramente c’è del javascript e molto altro css creato appositamente.
Il framework alla fine si riduce ad un sistema a griglie css + media queries.# - postato da Sandro Lain - 26 Settembre 2011 - 12:50
4
Articolo utilissimo, grazie!
# - postato da siti web brescia - 13 Ottobre 2011 - 14:31
5
Un tool molto utile che mi permetterà di risparmiare tempo. Grazie
6
@Sandro, @siti web brescia, @andrea
è certamente un tool interessante, vediamo come evolve!