Robiłem wiele badań nad budowaniem Responsive design, więc natknąłem się na ten artykuł stąd:
Czy jest zbyteczne przy użyciu jQuery Mobile i responsywnego układu / zapytań o media CSS?
I to zmusiło mnie do myślenia. Won "t Responsive Design zastępuje tworzenie strony internetowej Jquery Mobile? Ponieważ responsywny design to to samo, co JQ Mobile robi, ale lepiej, ponieważ masz większą kontrolę nad każdym obszarem. Popraw mnie jeśli się mylę Zastanawiałem się i uczyłem się! chcesz używać JQuery Mobile lub nawet używać JQ Mobile z responsywnym projektem?
Odpowiedzi:
2 dla odpowiedzi № 1prawdopodobnie nie użyjesz jquery mobile, jeśli wspierasz również ekrany na komputery stacjonarne.Jquery mobile jest bardziej przydatny, jeśli chodzi o telefony komórkowe i tablety.
Responsywny design z drugiej strony umożliwia Tobiewyświetlać informacje w Twojej witrynie i zapewniać ich czytelność i użyteczność niezależnie od rozmiaru ekranu. Zapoznaj się z Bootstrap na Twitterze, jeśli chcesz obsługiwać wszystkie rozmiary ekranu.
Aktualizacja
Zwykle masz różne interfejsy na komputer itelefon komórkowy / tablety. W oparciu o rozmiar ekranu możesz zdecydować, w jaki sposób każdy komponent (nagłówek, pasek nawigacyjny, pasek boczny, treść, stopka) zostanie umieszczony na rzutni i jak powinien wyglądać projekt.
Na przykład Twoja witryna będzie miała układ jednej kolumny dla telefonów komórkowych i układ dwukolumnowy dla tabletów w porównaniu z wersją komputerową.
2 dla odpowiedzi nr 2
Ikony JQuery Mobile mogą mieć żądany rozmiar, o ile ma 14 pikseli ...
Chociaż nie jest to całkowicie prawdą, musisz bardzo dobrze zrozumieć, w jaki sposób CSS jest używany w JQuery Mobile, aby zmienić rozmiar ikon, nie mówiąc już o ich zmianie w zapytaniach o media.
Przyciski mogą mieć tekst i / lub ikony. Byłoby miło mieć przyciski z ikoną i tekstem na komputerze stacjonarnym i tylko ikoną na urządzeniu mobilnym. Cóż, wydaje się to jeszcze trudniejsze, ponieważ format przycisku jest określony przez nadanie klasom btn- * elementu <button> (lub <a>). Na przykład:
<a href="#caddy" class="ui-btn ui-btn-icon-notext ui-corner-all ui-icon-caddy ui-nodisc-icon ui-alt-icon">Caddy</a>
lub:
<a href="#order" class="ui-btn-a ui-corner-all ui-btn ui-btn-icon-right ui-icon-carat-r">Checkout</a>
Tak więc JQuery Mobile dodaje więcej ograniczeń do tego, co można zrobić za pomocą CSS, przez co trudniej jest budować responsywne interfejsy.
1 dla odpowiedzi nr 3
Lepiej jest korzystać z jQuery mobile, jeśli kierujesz reklamy na urządzenia przenośne i urządzenia przenośne z mniejszymi ekranami niż na komputerach.
Zaletą jQuery Mobile jest to, że tozapewnia pewne dodatkowe funkcje, takie jak zdarzenia na stronie, przejścia między stronami, motywy itp. Jest to łatwiejsze i prostsze w porównaniu do pisania kodu, aby wykonać je wszystkie ręcznie.
Ponadto jQuery Mobile używa bardziej płynnego układu, co oznacza, że Twoje strony mieszczą się w większości rozmiarów ekranu. Gdzie jako responsywna konstrukcja pozwala wyświetlać / ukrywać informacje na podstawie rozmiaru ekranu.
0 dla odpowiedzi nr 4
Jeśli tworzysz aplikację internetową z responsywnym wzornictwem, możesz zasugerować, abyś postępował zgodnie z nią Mobilny - pierwszy podejście, które zasadniczo oznacza, że projektujesz i budujesz aplikacje na urządzenia mobilne zamiast robić to po zakończeniu wersji na komputer?
Oto przykład zaczerpnięty z artykułu:
/*Large screen styles first - Avoid*/
.product-img {
width: 50%;
float: left;
}
@media screen and (max-width: 40.5em) {
.product-img {
width: auto;
float: none;
}
}
/* mobile first approach */
@media screen and (min-width: 40.5em) {
.product-img {
width: 50%;
float: left;
}
}
W ten sposób możesz poczuć, że mobilna aplikacja jQuery jestzbędny w twoim procesie rozwoju. O ile już wspomnieliśmy, jQuery mobile przydaje się, gdy chcesz zbudować osobną aplikację na telefony komórkowe i tablety.
-3 dla odpowiedzi № 5
jeśli chcesz zbudować witrynę mobilną, musiszkorzystaj z jQuery mobile, jeśli chcesz mieć obsługę przeglądarki na komputerze i przeglądarki mobilnej, musisz użyć bootstrap lub framework Foundation, aby utworzyć responsywną stronę.