Ist jquery-mobile "mobile first"

Question

Ich habe das Buch "Mobile first" von Luke WROBLEWSKI und viele andere Lesungen zu diesem Thema gelesen. Ich bin Webentwickler und jetzt bin ich wirklich überzeugt, dass "mobile first" oder "progressive enhancement" der richtige Weg ist.

Jetzt suche ich nach einem Rahmen, um dies zu erreichen.

JQuery mobile annonce sie sind "mobile zuerst", aber ich habe einen Versuch während einiger Tage gegeben und jetzt würde ich dazu neigen, zu sagen "Nein, es ist nicht". Sie können es nicht mit anderen Frameworks mischen; Es macht Tricks wie alle Seiten im DOM zu behalten (die Last mit Ajax zu erzwingen), so dass es mein Leben nicht einfacher macht. Es scheint unmöglich zu sein, es zu benutzen, um progressive Verbesserungen zu machen und mit einer Desktop-Version zu beenden, ohne es zu entladen. Ich meine, Sie wollen keine großen Tasten mit einem Desktop-Computer, so denke ich, ich muss nur die js & css des Rahmens fallen lassen, und das klingt komisch. Ich weiß nicht einmal, ob es möglich ist.

JQuery Mobile sieht aus wie ein Framework, um eine dedizierte mobile Web-Version Ihrer Website mit einem Blick & Gefühl als native Apps mehr als eine mobile erste Website zu erreichen.

Also bitte könnte mir jemand sagen wo ich falsch liege: * ist jQuery mobile wirklich "mobile first"? * Könnte ich eine progressive Erweiterung (mit Desktop als letztes Ziel) mit jquery mobile machen? im Falle von ja, bitte sag mir wie.

Hier ist die entsprechende Seite, dass jquerymobile zu sagen ist mobil zuerst: http://view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement

Ich habe auch ZURB Stiftung versuchen, und es funktioniert gut, aber bieten nicht genug Widget oder Tools schön mobiel UI zur Verfügung zu stellen. Mischen Sie beide wäre der große Punkt, aber es wird eine Menge Arbeiten (CSS-Konflikt + möglicherweise JS-Konflikt) und ich weiß nicht einmal, ob es möglich ist.

Alle Ratschläge, wie Sie jquery mobile in einem mobilen ersten Kontext verwenden, werden begrüßt!

Answer 1

Grundidee

Lets am Anfang beginnen, für jedermann zu verstehen, die Definition von mobilen ersten ist:

Mobile First die Idee ist, dass Web-Sites sollten zunächst für mobil ausgelegt sein Geräte, einschließlich nur solche Aufgaben/Elemente, die Website-Besucher am meisten verwenden. Dann, wenn die Bildschirmimmobilie zunimmt, fügen Sie die Aufgaben/Merkmale je nach Bedarf basierend auf der Benutzerpriorität hinzu.

Zitat aus here.

Vor- und Nachteile von jQuery Mobile

Aus meiner Erfahrung gibt es kein bestehendes Rahmens ist, die vollständig unter mobilen ersten kategorisiert werden können. jQuery Mobile ist geschlossen, aber nicht genug.

Erstens kann ich Ihrer Aussage zustimmen, dass jQuery Mobile nicht mit anderen Frameworks verwendet werden kann. jQM ist ein stark anpassbares Framework und kann zu fast jedem anderen verfügbaren Framework in vollem Umfang angepasst werden.

Wenn Sie Backbone oder Knockout verwenden möchten, kann es an ihre MVP- oder MVC-Architektur angepasst werden. Wenn Sie es mit einem ähnlichen Framework verwenden möchten, verwenden Sie nur jQM functionality Sie wollen. Sie müssen nur Google es.

Aber, und ich werde es ständig wiederholen, derzeit ist jQM keine gute "out of box" Plattform für Desktop-Entwicklung. Das ist einfach die Tatsache. Zwar bieten sie Widgets, die an Desktop-Browser angepasst sind, sie sehen jedoch immer noch wie übergroße mobile Widgets aus.

Zweite große Nachteile ist ihre offizielle Dokumentation. Obwohl es in einigen Segmenten sehr detailliert ist, hat es eine Menge Fehler, nicht existierende Beispiele, keine API-Beschreibungen. Es sieht so aus, als hätte Ihnen jemand erklärt, welches Auto ist, aber vergessen zu erwähnen, wie man es richtig fährt.

Gutes Beispiel

Dies fixiert werden kann, leider nur mit einer schweren Anpassung. Und nach der Definition ist dies kein Mobiler erster Rahmen. Aber um meinen Punkt genauer zu machen, hier ist ein gutes Beispiel für jQM-Nutzung in der mobilen/Desktop-Umgebung: Mobile Songmeanings. Respekt vor diesen Entwicklern, sie haben einen schönen Job gemacht, Mobile mit Desktop zu verschmelzen. Leider ist dies nur ein schöner Tropfen in einem Meer von Mittelmäßigkeit.

gemeinsame Lösung

Die häufigsten Update für dieses Problem ist die Nutzung von JQM für mobile Geräte und jQ UI für Desktop-Umgebung. Wir sollten auch ein Modernizer in diese Mischung Ursache fügen wir müssen es:

• separate mobile Umgebung von Desktop eine
• einen dynamischen Inhalt loader erstellen (js und css) in Abhängigkeit von einer erfassten Umgebung

letzter Gedanke

Wenn Sie Box Lösung einfach wollen heraus dann Nutzung ich rate nicht jQuery mobile. Es dauert nur wenige Monate, in denen wir lernen, entwickeln und testen, gute und schlechte Seiten, wie man es mit anderen Frameworks verwendet und wie man es vollständig versteht.

Answer 2

Moff.js - Javascript Mobile erste Framework. Es folgt alle mobilen ersten Techniken und Anforderungen. Sie können mobile erste Seite einfach erstellen. Erstellen Sie zuerst die Seite für das mobile Gerät, laden Sie dann weitere Teile der Seite nach Benutzeranforderung oder erweitern Sie das Fenster auf große Geräte wie Tablet oder Desktop. Dies ist article über seine Fähigkeiten.