Ich habe viel über die Entwicklung von Responsive Design geforscht. Also bin ich von hier auf diesen Artikel gestoßen:
Ist es überflüssig? Mit jQuery Mobile und einem responsiven Layout / CSS-Medienabfragen?
Und es hat mich zum Nachdenken gebracht. Responsive Design ersetzt nicht die Erstellung einer Jquery Mobile-Website? Denn Responsive Design ist das Gleiche, was JQ Mobile aber besser macht, weil Sie mehr Kontrolle über jeden Bereich haben. Korrigiere mich, wenn ich falsch liege Ich habe mich nur gewundert und gelehrt! Warum sollte jemand JQuery Mobile verwenden oder sogar JQ Mobile mit einem responsiven Design verwenden?
Sie werden wahrscheinlich nicht jquery mobile verwenden, wenn Sie auch Desktop-Bildschirme unterstützen. Jquery Mobile ist nützlicher, wenn es um Handys und Tablets geht.
Responsive Design hingegen ermöglicht es Ihnen, Informationen auf Ihrer Website darzustellen und unabhängig von der Bildschirmgröße lesbar und nutzbar zu halten. Ziehen Sie Twitter Bootstrap, wenn Sie alle Bildschirmgrößen unterstützen möchten.
Aktualisieren
Normalerweise haben Sie eine andere Benutzeroberfläche für Desktop und Mobile / Tablets. Anhand der Bildschirmgröße können Sie entscheiden, wie jede Komponente (Kopfzeile, Navigationsleiste, Seitenleiste, Textkörper, Fußzeile) im Ansichtsfenster angeordnet wird und wie das Design aussehen soll.
Zum Beispiel wird Ihre Website ein einzelnes Spaltenlayout für Handys und ein zweispaltiges Layout für Tablets haben, im Gegensatz zu Ihrer Desktop-Version.
Die JQuery Mobile-Symbole können die gewünschte Größe haben, solange sie 14px groß ist ...
Obwohl dies nicht ganz richtig ist, müssen Sie sehr gut verstehen, wie CSS in JQuery Mobile verwendet wird, um die Größe von Symbolen zu ändern, geschweige denn, sie in Medienabfragen zu ändern.
Schaltflächen können Text und / oder Symbole enthalten. Es wäre schön, auf einem Desktop-PC Tasten mit Symbol und Text und nur ein Symbol auf einem Mobilgerät zu haben. Nun, das scheint noch schwieriger zu sein, da das Format der Schaltfläche durch Angabe von btn-* Klassen für die & lt; Schaltfläche & gt; (oder & lt; a & gt;) Element. Zum Beispiel:
%Vor%oder:
%Vor%So fügt JQuery Mobile weitere Einschränkungen für das, was Sie mit CSS machen können, hinzu und macht es so schwieriger, responsive Interfaces zu erstellen.
Es ist besser, mit jQuery mobile zu gehen, wenn Sie mobile Geräte und Handheld-Geräte mit kleineren Bildschirmen als einem Desktop verwenden.
Der Vorteil von jQuery Mobile besteht darin, dass Sie einige zusätzliche Funktionen wie Seitenereignisse, Seitenübergänge, Themen usw. erhalten. Es ist einfacher und einfacher als das Schreiben von Code, um all diese manuell auszuführen.
Außerdem verwendet jQuery Mobile mehr von einem flüssigen Layout, was bedeutet, dass Ihre Seiten in die meisten Bildschirmgrößen passen. Mit dem Responsive Design können Sie Informationen basierend auf der Bildschirmgröße anzeigen / ausblenden.
Wenn Sie eine Responsive Design-Webanwendung erstellen, kann ich vorschlagen, dass Sie dem Mobile-first -Ansatz folgen Was bedeutet im Wesentlichen, dass Sie Ihre Anwendungen zuerst für Mobilgeräte entwerfen und erstellen, anstatt dies nach der PC-Version zu tun?
Hier ist ein Beispiel aus dem Artikel:
%Vor%Auf diese Weise können Sie das jQuery mobile in Ihrem Entwicklungsprozess als redundant empfinden. Natürlich, wie andere bereits erwähnt haben, ist jQuery mobile praktisch, wenn Sie eine separate App für Handys und Tablets erstellen möchten.
Wenn Sie eine mobile Website erstellen möchten, müssen Sie jQuery mobile verwenden. Wenn Sie Unterstützung für den Desktop-Browser und den mobilen Browser benötigen, müssen Sie das Bootstrap- oder Foundation-Framework verwenden, um eine responsive Website zu erstellen.
Tags und Links html css3 jquery-mobile mobile responsive-design