Początek programowania: wersja mobilna vs wersja pc'etowa

Question

Witam

Ostatnio usłyszałem w jednym poradniku, że kodowanie strony zawsze powinno zacząć się od wersji mobilnej po czym przechodzić na wyższe rozdzielczości. Mógłby ktoś się do tego odnieść i powiedzieć jak sami robicie? Od jakiej wersji zaczynacie ? Co jakie ma plusy i minusy i dlaczego akurat tą wersję wybraliście ?

Answer 1

Strony powinno kodować się od wersji mobilnej z prostej przyczyny - jeżeli nie mamy wersji na komputer, wyświetli się wersja mobilna. Jeżeli mamy wersję komputerową, a wyświetlimy ją na komórce, strona nie będzie prezentowała się odpowiednio ładnie, co już sprawia, że oglądający może opuścić stronę. 

Mógłby ktoś się do tego odnieść i powiedzieć jak sami robicie?

Zawsze polecam obejrzeć filmik:

• Jak stworzyć stronę w Responsive Web Design?

Przedstawia on tworzenie strony od zera, jest całkiem nowy i trzyma się standardów. Osobiście staram się przerzucać moje strony na właśnie taki styl tworzenia - mobile-first, trzymanie się semantyki. Do sprawy podejść można jednak z drugiej strony:

I think the whole idea of mobile-first is to make sure we focus on most essential parts of the site to make a less cluttered / a nicer experience on smaller screens. So as long as we plan beforehand how our site will look at different sizes, I don't think it matters much which size we start coding first. For the sake of teaching media queries, I think from wide to small makes more sense.

Tak pisze The Net Ninja, typek prowadzący kanał na yt związany z front-endem. Ja jednak polecam pisać strony od wersji mobile.

Answer 2

To ma zastosowanie jedynie do Responsive Web Design i nazywa się mobile-first, co jest nazwą bardzo mylącą.

Prawdę mówiąc to podejście powinno nazywać się content-first, bo skupiamy się w nim na treści i czuwamy, żeby treść była jak najlepiej widoczna i dobrze rozplanowana. A następnie, mając więcej miejsca (czyli wyższą rozdzielczość), możemy myśleć o obudowywaniu tej treści kolejnymi dodatkami (np. sidebar).

Myślenie o Sieci w kategorii urządzeń przeczy jednej z podstawowych zasad Sieci: niezależności od urządzeń. Dlatego tym bardziej mobile-first powinno się nazywać content-first ;)