2013-03-29 9 views
5

Ho letto il libro "Mobile first" di Luke WROBLEWSKI e molte altre letture su questo argomento. Sono uno sviluppatore web e ora sono davvero convinto che "mobile first" o "progressive enhancement" sia la strada da percorrere.jquery-mobile "mobile first"

Ora sto cercando un framework per raggiungere questo obiettivo.

JQuery mobile annonce sono "mobili prima" ma ho dato una prova durante alcuni giorni e ora tenderei a dire "No non è". Non è possibile combinarlo con altri framework; fa trucchi come mantenere tutte le pagine nel DOM (forzare il carico usando ajax) in modo da non rendermi la vita più facile. Cercare di usarlo per migliorare progressivamente e finire con una versione desktop senza scaricarlo, sembra impossibile. Voglio dire che non vuoi avere grandi pulsanti con un computer desktop, quindi suppongo che dovrò semplicemente rilasciare il js & css del framework e questo suona strano. Non so nemmeno se sia possibile.

JQuery mobile si presenta come un framework per realizzare una versione web mobile dedicata del tuo sito con un aspetto & che si percepisce come un'app nativa più che un primo sito web mobile.

Quindi, per favore qualcuno potrebbe dirmi dove ho sbagliato: * jQuery mobile è davvero "mobile first"? * posso fare il miglioramento progressivo (con desktop come ultimo obiettivo) con jquery mobile? in caso di sì, per favore dimmi come.

Ecco la pagina corrispondente dice che jquerymobile è mobile prima: http://view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement

ho anche provare fondazione di ZURB e funziona bene, ma non fornire abbastanza widget o strumenti per fornire piacevole interfaccia utente mobiel. Mescolare entrambi sarebbe il punto principale, ma avrà bisogno di molti lavori (conflitto CSS + potrebbe essere un conflitto JS) e non so nemmeno se sia possibile.

Tutti i consigli su come utilizzare jquery mobile in un primo contesto mobile saranno i benvenuti!

+0

Per rendere questa domanda più costruttiva, puoi fornire esempi di framework con cui jQuery Mobile è in conflitto, e approfondire cosa intendi per * finire con una versione desktop senza scaricare *? (FWIW, il caching DOM delle pagine e il caricamento AJAX possono essere disabilitati, globalmente o in modo selettivo.) –

+0

Ho cercato di migliorare la domanda. Voglio davvero trovare una soluzione per fare il primo miglioramento progressivo/mobile per avere anche una bella UX sul desktop – toutpt

+1

Questo è soggettivo, ma controlla il [1.3 Demo Center] (http://view.jquerymobile.com/1.3.0 /). È implementato con jQuery Mobile e rende abbastanza bene sui desktop IMHO. –

risposta

8

idea di base

Iniziamo dal principio, per tutti di capire, definizione di cellulare prima è:

mobile In primo luogo è l'idea che i siti web dovrebbero prima essere progettati per cellulare dispositivi, incluse solo quelle attività/articoli che i visitatori del sito web utilizzano di più. Quindi, man mano che aumenta lo spazio sullo schermo, aggiungi le attività/funzioni secondo necessità in base alla priorità dell'utente.

Citazione presa da here.

Vantaggi e svantaggi di jQuery Mobile

la mia esperienza non c'è alcun quadro esistente che può essere completamente categorizzato sotto mobile in primo luogo. jQuery Mobile è chiuso ma non abbastanza.

In primo luogo, sono d'accordo con la tua affermazione che jQuery Mobile non può essere utilizzato con altri framework. jQM è un framework altamente personalizzabile e può essere completamente personalizzabile in quasi tutti gli altri framework disponibili.

Se si desidera utilizzare backbone o knockout che può essere personalizzato per la loro architettura MVP o MVC. Se si desidera utilizzarlo con framework simili, utilizzare solo jQM functionality desiderato. Hai solo bisogno di Google.

Ma, e lo ripeterò costantemente, attualmente jQM non è una buona piattaforma "pronta all'uso" per lo sviluppo desktop. Questo è semplicemente il fatto. Sebbene offra widget adattati ai browser desktop, sembrano ancora widget mobili di dimensioni eccessive.

Secondo grande svantaggio è la loro documentazione ufficiale. Sebbene sia molto dettagliato in alcuni segmenti, contiene un sacco di errori, esempi non esistenti, privi delle descrizioni API. Sembra che qualcuno ti abbia spiegato cos'è la macchina, ma ho dimenticato di menzionare come guidarla correttamente.

buon esempio

Questo può essere risolto, purtroppo solo con una personalizzazione pesante. E dalla definizione questo non è un mobile primo quadro. Ma per rendere il mio punto più preciso ecco un buon esempio di utilizzo di jQM in ambiente mobile/desktop: Mobile Songmeanings. Rispetto a quegli sviluppatori, hanno fatto un bel lavoro di fusione mobile con desktop. Purtroppo questo è solo un bel calo in un oceano di mediocrità.

soluzione comune

correzione più comune a questo problema è l'utilizzo di jQm per i dispositivi mobili e JQ UI per l'ambiente desktop. Dobbiamo anche aggiungere un Modernizer in questa causa mix ne abbiamo bisogno per:

  • ambiente mobile separato dal desktop uno
  • creare un caricatore di contenuti dinamici (JS e CSS) a seconda di un ambiente rilevato

finale pensiero

Se desiderate facile dalla scatola soluzione allora io non consiglio jQuery mobile utilizzo. Occorrono pochi mesi di successi, apprendimento, sviluppo e test, lati positivi e negativi, come utilizzarlo con altri framework e simili per comprenderlo appieno.

+1

Un'altra grande risposta – user2001897

1

Moff.js - Javascript Mobile First Framework. Segue tutte le prime tecniche e requisiti mobili. È possibile creare facilmente la prima pagina mobile. Prima crea una pagina per dispositivo mobile, quindi carica parti aggiuntive della pagina tramite la richiesta dell'utente o estendendo la finestra a dispositivi di grandi dimensioni come tablet o desktop. Questo è article sulle sue capacità.