Informujemy, że ta strona używa plików cookies. Dowiedz się więcej o celu ich używania i zmianie ustawień cookie w przeglądarce.
Korzystając ze strony wyrażasz zgodę na używanie cookie, zgodnie z aktualnymi ustawieniami przeglądarki. x

Strony RWD



Wraz z rozwojem technologii mobilnych coraz częściej korzystamy z internetu za pomocą smartphonów, tabletów i netbooków. Każde z tych urządzeń ma różne rozmiary wyświetlaczy i co za tym idzie różne rozdzielczości. Przygotowanie osobnej strony dla każdego z tych urządzeń jest bardzo czasochłonnym i kosztownym zajęciem. Pojawiła się więc idea, aby jedną stronę przygotować w ten sposób, aby elastycznie dostosowywała się do możliwości danego urządzenia. Rozwiązanie takie zostało nazwane Responsive Website Design (pierwszy raz termin ten pojawił się w 2010 roku w artykule Ethan Marcotte).

Strony RWD zmieniają całkowicie swój układ, gdy oglądamy je na różnych urządzeniach, przeglądarkach lub rozdzielczościach, a nawet gdy zmniejszamy okno przeglądarki. Elementy graficzne dostosowują się do dostępnego obszaru, nawigacja zmienia się np. z szerokiego menu do rozwijalnej listy.

Idea strony RWD opiera się na dostępnym w CSS3 Media Queries. Jest to rozszerzenie dostępnej już wcześniej możliwości przygotowywania osobnych arkuszy stylów dla różnych mediów (ekran, drukarka itd).

Projektowanie stron RWD wymaga dokładnego zaplanowania, jak strona będzie zachowywać się przy różnych rozdzielczościach. Musimy przygotować kilka wersji designu i napisać dodatkowy kod. W odróżnieniu od stron dedykowanych pod aplikacji mobilnych problemem jest też większy rozmiar strony.

Strony Responsive Website Design dopiero zaczynają się pojawiać. Warto jednak pomyśleć o tym rozwiązaniu - pozwoli ono w łatwy sposób dotrzeć do internautów korzystających z innych urządzeń, niż tradycyjne komputery i notebooki.


Zobacz nasze realizacje »