2013-03-29 18 views
5

Przeczytałem książkę "Najpierw mobilny" Luke'a WROBLEWSKIEGO i wiele innych lektur na ten temat. Jestem programistą internetowym i teraz jestem przekonany, że najlepszym rozwiązaniem jest "mobile first" lub "progressive enhancement".Jest jQuery-mobile "mobilny pierwszy"

Teraz szukam ram, aby to osiągnąć.

JQuery Mobile Annonce są "mobilne na początku", ale spróbowałem przez kilka dni, a teraz chciałbym powiedzieć "Nie, nie jest". Nie można mieszać go z innymi frameworkami; robi sztuczki takie jak trzymanie wszystkich stron w DOM (wymuszanie obciążenia za pomocą ajax), więc nie ułatwia mi życia. Próba użycia go do stopniowego ulepszania i kończenia przez wersję komputerową bez jej wyładowania wydaje się niemożliwa. Mam na myśli, że nie chcesz mieć dużych przycisków z komputerem stacjonarnym, więc myślę, że będę musiał po prostu upuścić js & css frameworka i to brzmi dziwnie. Nie wiem nawet, czy to możliwe.

JQuery mobile wygląda jak framework, aby uzyskać dedykowaną stronę internetową w wersji mobilnej z wyglądem bardziej niż aplikacje natywne niż mobilna pierwsza strona.

Proszę, niech ktoś mi powie, gdzie się mylę: * czy jQuery mobile jest naprawdę "mobilny pierwszy"? * Czy mogę wykonać funkcję stopniowego ulepszania (z komputerem stacjonarnym jako ostatnim celem) z jquery mobile? w przypadku tak, proszę powiedz mi, jak.

Oto Odpowiednia strona mówi, że jquerymobile jest ruchoma pierwsza: http://view.jquerymobile.com/1.3.0/docs/intro/#ProgressiveEnhancement

Mam również spróbować fundament ZURB i to działa dobrze, ale nie zapewniają wystarczającej widżet lub narzędzi, aby zapewnić przyjemny Mobiel UI. Mieszanie obu byłoby świetnym punktem, ale będzie wymagało wielu prac (konflikt CSS + może być konfliktem JS) i nie wiem nawet, czy to możliwe.

Wszelkie rady dotyczące korzystania z jquery mobile w mobilnym pierwszym kontekście będą mile widziane!

+0

Aby postawić to pytanie w bardziej konstruktywny sposób, czy możesz podać przykłady ram, z którymi jQuery Mobile jest w konflikcie, i bardziej szczegółowo opisać, co masz na myśli przez * ukończenie wersji na komputery bez rozładowania *? (FWIW, buforowanie strony DOM i ładowanie AJAX mogą być wyłączone, globalnie lub selektywnie). –

+0

Próbowałem poprawić pytanie. Naprawdę chcę znaleźć rozwiązanie, aby zrobić najpierw mobilne/progresywne ulepszenie, żeby mieć również fajny UX na komputerze stacjonarnym. – toutpt

+1

To subiektywne, ale sprawdź [1.3 Demo Center] (http://view.jquerymobile.com/1.3.0 /). Jest zaimplementowany z jQuery Mobile i renderuje się całkiem dobrze na komputerach IMHO. –

Odpowiedz

8

Podstawowa idea

Zacznijmy od początku, dla wszystkich, aby zrozumieć, definicja mobilnej pierwszej jest:

Komórka Najpierw jest pomysł, że strony internetowe powinny być najpierw zaprojektowany dla komórkowego urządzenia, w tym tylko te zadania/przedmioty, z których użytkownicy najczęściej korzystają. Następnie, w miarę wzrostu rynku nieruchomości, dodaj zadania/funkcje zgodnie z potrzebami w zależności od priorytetu użytkownika.

Cytat zaczerpnięty z here.

Zalety i wady jQuery Telefony

z mojego doświadczenia nie ma żadnych istniejących ram, które mogą być w pełni sklasyfikowane pod mobilnej pierwszej. jQuery Mobile jest zamknięty, ale niewystarczający.

Po pierwsze, mogę zgodzić się ze stwierdzeniem, że jQuery Mobile nie może być używane z innymi systemami. jQM to wysoce konfigurowalny framework, który może być w pełnym zakresie dostosowywany do prawie zupełnie innych dostępnych frameworków.

Jeśli chcesz użyć szkieletu lub nokautu, możesz go dostosować do swojej architektury MVP lub MVC. Jeśli chcesz go używać z podobnym środowiskiem, używają tylko JQM functionality. Musisz go tylko Google.

Ale, i będę to powtarzać stale, obecnie jQM nie jest dobrą platformą "out of box" do programowania desktopów. To po prostu fakt. Chociaż zapewnia widżety dostosowane do przeglądarek komputerowych, wciąż wyglądają jak widżety mobilne o dużych rozmiarach.

Drugą wielką wadą jest ich oficjalna dokumentacja. Choć w niektórych segmentach jest bardzo szczegółowy, zawiera mnóstwo błędów, nieistniejących przykładów, bez opisów API. Wygląda na to, że ktoś wytłumaczył ci, czym jest samochód, ale zapomniał wspomnieć, jak prawidłowo je prowadzić.

Dobry Przykład

To może być stałe, niestety tylko z ciężkim personalizacji. A z definicji nie jest to framework mobilny pierwszy. Jednak, aby lepiej zrozumieć mój punkt widzenia, oto dobry przykład użycia jQM w środowisku mobilnym/komputerowym: Mobile Songmeanings. Poszanowanie tych programistów, wykonali piękną pracę polegającą na łączeniu urządzeń przenośnych z komputerami. Niestety jest to tylko piękny spadek oceanu przeciętności.

wspólne rozwiązanie

Najczęściej naprawić tego problemu jest wykorzystanie jQM dla urządzeń mobilnych i jq UI dla środowiska graficznego. Trzeba też dodać Modernizer do tej mieszanki przyczyny musimy go:

  • odrębnym środowisku mobilnym z pulpitu jeden
  • stworzyć dynamiczny ładowarka zawartość (JS i CSS) w zależności od wykrytego środowiska

ostatnia myśl

Jeśli chcesz łatwo z pudełko rozwiązanie wtedy nie radzę jQuery Telefony użytkowania. Potrzeba kilku miesięcy nauki i uczenia się, rozwoju i testowania, dobrych i złych stron, użycia go w innych frameworkach i takich, aby w pełni go zrozumieć.

+1

Kolejna świetna odpowiedź – user2001897

1

Moff.js - Javascript Mobile First Framework. Podąża za wszystkimi mobilnymi pierwszymi technikami i wymaganiami. Możesz łatwo utworzyć mobilną pierwszą stronę. Najpierw utwórz stronę dla urządzenia mobilnego, a następnie załaduj dodatkowe części strony na żądanie użytkownika lub rozszerzając okno na duże urządzenia, takie jak tablet lub komputer. To jest article o jego możliwościach.

Powiązane problemy