RWD raz jeszcze

0

Czy sa jakies narzedzia do:

  • projektowania stron RWD (znaczaco ulatwiajace caly proces)
  • sprawdzania takich stron na roznych wirtualnych urzadzeniach ?

Co jest lepszym rozwiazaniem: stosowanie RWD czy wykonanie dwoch stron na komputery i osobno na urzadzenia mobilne? Co sie lepiej sprawdza?

0

Od końca:
To zależy. Nie każda strona nadaje się do zrobienia w RWD (ale większość powinna).

Do sprawdzenia strony pod konkretne rozdzielczości jest mnóstwo narzędzi, głównie online, które przeskalowywują Ci okno przeglądarki. W Firefox jest coś takiego jak Ctrl+Shift+M.
Do projektowania - projektuje się w programie graficznym, a tutaj nic Ci nie powiem. Jeżeli "projektujesz" stronę, od razu ją robiąc w przeglądarce, nie wiedząc co tak naprawdę chcesz osiągnąć - to Ci biedna strona wyjdzie.
Do kodzenia są frameworki pod RWD (oklepany bootstrap i inne)

0

Jesli projektujesz strone by byla responsywna to zaczynasz od projektu graficznego. Graficy jak tworza strone responsywna to maja gridy (takie pasy przechodzace przez caly projekt pokazujace im jak idzie rozklad kolumn i jak maja zbudowac by sie ladnie skladalo).

Potem, albo gotowy framework jak kolega wspomnial o kombajnie bootsrapa, albo wlasny grid system (np. za pomoca tego wygenerujesz http://gridpak.com/ http://gridinator.com/) bez bajerow, lekki zwinny i przyjemny. co kto lubi, co kto potrzebuje.
Co do testowania to kilka sposobow:

  • najprostszy to zmniejszanie szerokosci przegladarki, wtedy widzisz jak strona sie skaluje na pelnej gamie rozdzielczosci.
  • potem mozesz uzyc narzedzi online jak: http://responsive.is/ lub skorzystac z pluginow pod chrome/firefox ktore dadza ci taka mozliwosc nawet sprawdzenia strony na localhoscie.
  • no i najpewniejszy bo natywny ,czyli odpalanie na roznych urzadzeniach. czesto emulatory nie pokaza wszystko a najprostsze narzedzia na pewno wyloza sie na wielkosci czcionki, bo ona tez powinna byc responsywna.

sa jeszcze emulatory online: https://www.manymo.com/emulators i http://iphone4simulator.com/ itd itd, sporo tego.

Co do tego co jest lepsze a co nie. Teraz jest moda na RWD, bo sporo osob ma tablety itp. wiec do normalnych stron wystarczy strona responsywna, ale jesli potrzebujesz czegos dedykowane pod konkretne urzadzenia, jak np. portal badoo to wtedy osobny system jest tutaj wymogiem. wiec moim zdanie osobny layout dla urzadzen mobilnych, tylko w wyjatkowych okolicznosciach na specjalne potrzeby.

PS> taka potrzeba moze byc rowniez fikusny design, ktory leci obrazkiem z lewej do prawej, i menu wbudowanym w grafike strony, nijak nie nadajacym sie do wyswietlenia pod mobilnym urzadzeniem.

1 użytkowników online, w tym zalogowanych: 0, gości: 1