Projektowanie
Strona responsywna (RWD)
Strona responsywna to strona zbudowana tak, żeby jej układ dopasowywał się do szerokości ekranu, na którym jest wyświetlana, zamiast istnieć w osobnych wersjach na komputer i telefon. Jedna strona, każda szerokość.
Termin pochodzi z 2010 roku i podejście jest dziś domyślne, ale „responsywna” i „działa na telefonie” to nie to samo. Układ, który technicznie się przełamuje, nadal może zepchnąć ważną treść trzy ekrany pod zdjęcie, schować nawigację w menu, którego nikt nie otwiera, albo ścisnąć tabelę w nieczytelny pasek.
Decyzje, które mają znaczenie, dotyczą kolejności i priorytetu, nie tylko szerokości. Na wąskim ekranie kolumny układają się jedna pod drugą i coś musi być pierwsze. Jeśli ta kolejność nigdy nie została ustalona, ustala ją przeglądarka według kolejności w kodzie, co zwykle oznacza to, co układ na komputer akurat postawił po lewej.
Najczęstsza awaria, którą widzę, to projekt zatwierdzony na makiecie desktopowej, a potem „zrobiony responsywnie” przez tego, kto go wdrażał. Zachowanie responsywne jest decyzją projektową. Powinno być w pliku, a tam, gdzie go nie ma, wdrożenie musi je podjąć jawnie, a nie domyślnie.
Projektowanie stronProjektowanie