Responsive Web Design (RWD) to podejście do tworzenia stron WWW, w którym wygląd i układ treści dopasowują się do parametrów urządzenia użytkownika, przede wszystkim do szerokości i orientacji ekranu. W praktyce oznacza to, że te same treści pozostają czytelne i wygodne w obsłudze na smartfonie, tablecie i komputerze, bez potrzeby tworzenia osobnych "wersji" strony.
Poprawna definicja wskazuje na dostosowanie wymiarów/układu do wielkości ekranu, bo to jest sedno responsywności: zmiana rozmieszczenia kolumn, skalowanie obrazów, reorganizacja menu, zmiana wielkości typografii lub odstępów tak, aby interfejs nadal był użyteczny.
Dlaczego pozostałe odpowiedzi są błędne?
- "Strona internetowa, która ładuje się bardzo szybko." Szybkość jest ważna, ale dotyczy wydajności (optymalizacji zasobów, serwera, kompresji). Strona może być bardzo szybka i jednocześnie nie dopasowywać się do ekranu, więc nie jest to definicja RWD.
- "Strona internetowa, która posiada interaktywne elementy, takie jak przyciski i formularze." Interaktywność wynika z funkcji strony (UI i logika działania), a nie z responsywności. Formularze i przyciski mogą istnieć zarówno na stronach responsywnych, jak i nieresponsywnych.
- "Strona internetowa, która jest dostępna tylko na komputerach stacjonarnych." To zaprzeczenie idei RWD. Responsywność zakłada poprawne działanie na różnych urządzeniach, szczególnie mobilnych.
Wskazówka egzaminacyjna: gdy widzisz termin RWD, szukaj w odpowiedziach słów i sensu związanego z "dopasowaniem układu do ekranu/urządzenia" (czytelność, zmiana layoutu, elastyczność). Nie myl tego z wydajnością ani z funkcjami interaktywnymi.
