2011-01-11 18 views
16

Nell'ultimo anno, sono diventato un fan di BluePrint.css per la gestione di progetti di app Web più grandi. Ho anche guardato le offerte 960 e YUI. Tutto bene (anche se ho qualche lamentela su YUI).Framework CSS per mobile dev?

Sto lavorando a un progetto mobile ora e dato che abbiamo bisogno di ospitare varie dimensioni dello schermo, sto pensando che un framework di griglia css è la strada da percorrere ancora.

Probabilmente modificherò pesantemente la logica di BluePrint e/o ne costruirò una da zero, ma prima di farlo, mi chiedevo se qualcuno ha utilizzato un particolare framework per dispositivi mobili e ne consiglierebbe uno particolare per mobile dev.

Ho guardato Meno e cssgrid

http://lessframework.com/

http://cssgrid.net/

Entrambi sono piuttosto bella. Meno utilizza larghezze di colonna coerenti e modifica il numero di colonne. Cssgrid utilizza colonne fluide per adattarsi alle dimensioni dello schermo. Io, d'altra parte, sto immaginando un altro metodo in cui dovremmo usare un numero fisso di colonne, quindi regolare le larghezze al volo in base alla larghezza dello schermo. Preferisco questa opzione perché ho scoperto che le griglie fluide possono diventare difficili da gestire con un nidificazione pesante. Qualche altra opzione dovrei dare un'occhiata prima?

Precisazione: al momento non ho necessariamente bisogno di una struttura completa dell'interfaccia utente. Finiremo sicuramente con uno, sia esso jQuery o il nostro, ma l'obiettivo principale al momento è quello di trovare e/o costruire un framework CSS per gestire il layout generale della pagina e il posizionamento su molteplici risoluzioni e orientamenti dello schermo del dispositivo mobile.

+1

Penso che tu sia sulla strada giusta. Lo esaminerò di più nella prossima settimana o giù di lì. Farò un post su questo blog quando avrò altre risposte. –

+0

Non è esattamente un framework css. Ma, [Nokia web web templates] (http://www.forum.nokia.com/info/sw.nokia.com/id/5d9cd41a-7438-495a-9a46-7470e7ec8576/Nokia_Mobile_Web_Templates.html) potrebbe aiutarti. – fravelgue

+1

Non mi fido di nulla da Nokia. ;) –

risposta

7

C'è il framework "320 and up" e lo HTML 5 mobile boilerplate (sebbene quest'ultimo non sia tanto un framework, ma un punto di partenza).

+0

contrassegnerò questo come risposta. Queste sono state tutte ottime risposte, ma questa sembra essere l'unica struttura CSS autonoma là fuori solo per i dispositivi mobili. –

+0

ci si riferisce a 320 e versioni successive o al codice HTML5 mobileplate? –

+3

Sì. Si riferisce a 320 e versioni successive o al codice HTML5 mobileplate. –

0

DA,

si può provare il quadro jQueryMobile.

Credo che this post possa aiutarti.

Cleber.

+1

Tuttavia, non è un framework CSS. –

+1

Sto per tuffarmi anche in jQueryMobile, ma non sembra che abbia una struttura CSS completa per il layout di pagina (sebbene erediti ovviamente i concetti dell'interfaccia utente jQuery) –

+0

Guarda questo http://www.sencha.com/products/js/ –

2

Se stai cercando di sviluppare per iPhone, si potrebbe dare un'occhiata al iUI Framework

+0

Stiamo cercando di realizzare tutti i tipi di dispositivi mobili e di schermate, da qui il pensiero che un framework di rete possa dare una mano. Per chiarire, ho bisogno di meno di un framework dell'interfaccia utente e più di un sistema di griglia di layout di pagina. –

+0

È framework per creare un sito simile al tema iPhone – GusDeCooL

1

Sì, suona come avrete costruire il proprio "progetto Mini" o "480 Grid System" - - e noi saremo qui per ammirarlo.

Un punto di partenza potrebbe essere il lavoro di Matthew James Taylor. Fa affidamento sulla griglia fluida che hai detto che non vuoi, ma vale la pena dare un'occhiata.

+0

Mi piace il '480 grid system'. Potrebbe chiamarlo 480.css;) –

Problemi correlati