Dlaczego „responsywne” projektowanie stron internetowych nie powinno być brane pod uwagę?

9

To może wydawać się bardziej pytaniem o projekt graficzny niż pytaniem programistycznym, ale myślę, że ma znacznie więcej zalet technicznych / programistycznych niż faktyczny projekt graficzny.

Koncepcja „responsywnego” projektowania stron internetowych opiera się na wykorzystaniu zapytań o media w CSS3 w celu wykrycia wielkości urządzenia wyświetlającego i odpowiedniego dostosowania reguł CSS - zasadniczo dynamicznego CSS. To wypełnia lukę w wielu przypadkach wdrażania - w szczególności mobilnych.

Myślę, że korzystanie z zapytań o media pojawia się powoli (okazało się, że wiele osób tak naprawdę o tym nie wie), ale zastanawiam się, czy istnieje powód do powolnego przyjmowania. Czy jest to niepraktyczne dla aplikacji internetowych? Czy brakuje mi czegoś, co może być podstawową pułapką?

Nic
źródło
2
Wiele osób jest po prostu ignorantami i nie uczy się nowych metod.
Raynos
@Raynos, ale nauka jest świetną zabawą!
Nic.
1
Jest tak, ponieważ prędkość Internetu rośnie w miarę upływu czasu, a czas reakcji nie jest już prawdziwym problemem, a wysiłek nie jest już uzasadniony? Może się mylę, ponieważ ten pomysł wygląda świetnie!
WinW
1
Migrować do webmasters.SE?
Peter Taylor,

Odpowiedzi:

9

Musisz skakać przez obręcze, aby rzeczywiście zadziałało. W przypadku strony, którą rozwijam, @media (max-width:800px)definiowałem arkusz stylów dla telefonów i innych mniejszych ekranów. Ale nie był używany np. Przez iPhone'a.

Okazuje się, że programiści przeglądarek telefonów zakładają, że ludzie nie biorą pod uwagę małych ekranów, więc kłamią silnikowi renderującemu (na przykład iPhone twierdzi, że ma więcej niż 900 pikseli szerokości), chyba że wstawisz dodatkowy metatag, aby powiedzieć, że nie kłamać. Kiedy dochodzi do tego, że walczysz z implementatorami przeglądarki, zaczynasz się zastanawiać, czy warto.

Peter Taylor
źródło
Tak więc Zurb Foundation i Twitter Bootstrap radzą sobie z tym całkiem dobrze. Wymaga małego JavaScript do obsługi przełączania na żądanie. Są też ustawienia DPI itp. Korzystanie z tych frameworków CSS sprawia, że ​​jest to naprawdę łatwe. A przynajmniej ich części.
Berin Loritsch,
Warto zauważyć, że to pytanie i odpowiedź pochodzą z 6 lat temu i mogą nie odzwierciedlać obecnych wskaźników adopcji.
Peter Taylor,
O przepraszam. To było wczoraj w głównym kanale z jakiegoś powodu. Nie pomyślałem o sprawdzeniu daty.
Berin Loritsch,
4

Nie mogę mówić za wszystkich, ale z własnego doświadczenia decydował czas i pieniądze. Ja i moi koledzy zawsze patrzymy na najnowsze rzeczy, ale projektowanie i wdrażanie różnych układów dla urządzeń o różnych rozmiarach to wielka sprawa. Zwłaszcza biorąc pod uwagę, że na mojej 3-letniej Nokia 5800 wszystkie nasze strony wyglądają dobrze - pasek, który muszę przewinąć, aby uzyskać zawartość paska bocznego. Projektujemy i wdrażamy strony internetowe dla małych firm i osób prowadzących działalność na własny rachunek.

Innym powodem, który może być ważny, jest udostępnianie całkowicie oddzielnej witryny internetowej dla wersji mobilnych z własną oddzielną mapą witryny ( http://www.google.com/support/webmasters/bin/answer.py?hl=pl&answer=34648 ), jest łatwym i podstawowym sposobem na utrzymanie witryny.

Pelshoff
źródło
Cóż, myślę, że zdecydowanie trudno jest wprowadzić responsywny projekt witryny, która jest wdrażana lub w trakcie cyklu, ale myślę, że znacznie łatwiej byłoby zaimplementować coś takiego, niż mieć całą inną subdomenę mobilną. Na szczęście Railsy nieco to streszczenie abstrakcyjnie wykorzystują.
Nic
Cóż, należy dodać, że w naszym przypadku klient faktycznie zlecone wersję mobilną konkurentowi :( Ja osobiście pójść z szablonów, a nie innym miejscu, jak również.
Pelshoff
2

Jeśli możesz zagwarantować niezawodne odzyskiwanie danych, wszystko jest w porządku.

Ale wyobraź sobie, że ktoś ładuje stronę internetową w przeglądarce okienkowej komputera stacjonarnego. Czy zmuszasz ich, aby otworzyli pełny ekran, aby przeczytać wszystko, czy dostosowujesz rozmiar do zmniejszonego okna i wyświetlasz dużo pustej przestrzeni, gdy ją maksymalizują? Podajesz CSS raz, przy ładowaniu strony!

Co z przeglądarką telefonu, która przełącza tryby krajobrazu / portretu podczas obracania telefonu? Co z przeglądarką, która po prostu ma zbyt małą rozdzielczość i ludzie zwykle używają powiększenia, ale już dostosowałeś się do zgłoszonej, zbyt małej rozdzielczości, a strona staje się nieczytelna?

Postępuj zgodnie ze standardowymi wytycznymi tworzenia przyzwoitego uniwersalnego, skalowalnego CSS i pozwól przeglądarce obsłużyć skalowanie strony do właściwej rozdzielczości.

SF.
źródło
9
Jest nowa funkcja w CSS3, która pozwala na dynamiczne reguły dla różnych rozmiarów ekranu, które zmieniają się automatycznie.
Steffan Donal
@Ruirize Dokładnie - użyj statycznego CSS, który ma reguły dynamicznie dostosowujące treść - dobrze. Żądaj dynamicznie generowanego CSS, który ma reguły statycznie ustawiające zawartość dla twojego rozmiaru ekranu - nie.
SF.
2
OP mówi o używaniu zapytań o media, które dynamicznie dostosowują rzeczy na podstawie (między innymi) rozmiaru ekranu. Nie załadowano żadnych dodatkowych plików.
Travis Northcutt
1
@SF .: spróbuj zmienić rozmiar okna Kalendarza Google (nowy czerwony motyw, a nie starszy niebieski), przerażające jest, jak sobie z tym radzą.
Lie Ryan,
2
@SF: Oryginalny post mówił o zapytaniach medialnych, a nie o różnych CSSach opartych na nagłówkach lub w / e.
Pewpewarrows