Responsive Web Design

pytanie zadane 28 października 2016 w HTML i CSS przez Lukasz9210 Obywatel (1,060 p.)

Co to znaczy ,,umieć RWD" ? Czy wystarczy że zna się system siakowy w Bootstrapie i media queries?

3 odpowiedzi

odpowiedź 28 października 2016 przez jpacanowski VIP (101,940 p.)
wybrane 28 października 2016 przez Lukasz9210

odpowiedź 28 października 2016 przez Comandeer Guru (601,510 p.)

Responsywność to wbrew popularnej opinii nie znajomość media queries (które raczej wywodzą się z nurtu Adaptive Web Design a nie Responsive Web Design) a filozofia myślenia.

To po prostu myślenie o stronie jako o treści, która może być prezentowana w wielu różnych środowiskach, których właściwości nie jesteśmy w stanie jednoznacznie ustalić. To oznacza, że jedyne, co możemy zrobić, to tak tę treść wyeksponować, żeby była widoczna zawsze – i to w sposób umożliwiający efektywne i przyjemne z niej zapoznanie się. Ta reguła zwie się dokładniej "content first" a jej najpopularniejszą inkarnacją jest bez wątpienia "mobile first", w którym skupia się na dostosowaniu treści do najmniejszego możliwego ekranu, dzięki czemu łatwiej później dostosować stronę do większych (zamiast usuwać niepotrzebne rzeczy, po prostu dodajemy nowe, gdy miejsce nam na to pozwala).

To także przejście na myślenie proporcjami, nie zaś sztywnymi wymiarami jak w tradycyjnym web designie.

I na samym wreszcie końcu warto wspomnieć o media queries, które w tym wszystkim są po prostu szczegółem implementacyjnym.

odpowiedź 28 października 2016 przez Ivan Maniak (60,650 p.)

A co znaczy umieć HTML? Według mnie tego nie da się określić.
Potrafię stworzyć stronę używając samych div-ów. Czy oznacza, to że potrafię tworzyć strony? I tak, i nie.

Jeżeli masz stronę i potrafisz ją wykonać [z RWD] to znaczy, że umiesz RWD. Pewnie, stworzyć stronę, a stworzyć stronę to dwie różne rzeczy.Chyba najlepszym sposobem będzie podlinkowanie jakiegoś projektu i zapytać innych, czy zrobiłeś to dobrze [Warto zaznaczyć, że chodzi Ci o RWD w takim temacie].

Czy wystarczy system siatkowy Botstrapa? Nie, nie ograniczaj się do samego systemu siatkowego. Co będzie, gdy nie będziesz mógł skorzystać z Bootstrapa? Poznaj chociaż teorię, jak taki system został stworzony, a jeżeli masz więcej chęci to możesz nawet stworzyć taki sam [Po co tworzyć drugi raz to samo? Dla praktyki. Tak po porstu]
Jak mówimy już o RWD, to warto zainteresować się flexbox-em w CSS.