O ile na początku funkcjonowania Internetu cały ruch był obsługiwany przez urządzenia typu deskop, o tyle rosnąca liczba mobilnych odpowiedników zmusiła projektantów witryn do szukania metod na prawidłowe wyświetlanie się zasobów, co ostatecznie umożliwiła technika RWD. A dokładniej wzorzec, dzięki któremu strona WWW dopasowywała się do okna przeglądarki, niezależnie od używanej platformy – smartfona bądź komputerów.

 

RWD – jak dostosowuje układ strony do rozmiaru ekranu?

I jakkolwiek na starcie wyświetlanie się witryn w przeglądarce bazowało na ujęciu adaptacyjnym (AWD). A więc tworzeniu wielu wersji strony pod każdy rodzaj urządzenia i w oparciu o tzw. breakpointy. To znaczy określone pułapy szerokości, po których przekroczeniu następował przeskok na inny typ rozdzielczości.


O tyle RWD, aby płynnie dopasowywać się do ekranu, realizuje to za pomocą języka CSS, a dokładniej przy użyciu tzw. Media Queries. Co pozwala uniknąć konstruowania wielu dokumentów HTML względem różnych urządzeń, a zastosować jeden, acz z odmiennymi sposobami wyświetlania się zasobów po stronie przeglądarki. W czasie gdy względem AWD lustrzany proces zachodził w obrębie serwera i to on zwracał adekwatną dla rozdzielczości odsłonę witryny.

 

RWD vs. Mobile First – gdy użyteczność to konieczność

Przejście na standard RWD nie było przypadkowe. I wynikało wprost z zapotrzebowania użytkowników, którzy po 2010 r. zaczęli się na większą skalę przesiadać na urządzenia mobilne. Zostało to również zauważone przez Google. A wprowadzona w 2015 r., tzw. dyrektywa Mobile First, zaczęła faworyzować strony WWW przyjazne dla platform o mniejszej rozdzielczości ekranu.

Zmieniło to sposób projektowania witryn. Co oznacza, że urządzenia typu deskop nie były już wyznacznikiem, a layout tworzono pod ujęcie mobilne. Tym samym RWD zaczęło dopasowywać układ do większej skali, a nie na odwrót. Gdzie rzeczony trend odbija się w designie stron do dzisiaj.

Powiązane artykuły

Ciąg Fibonacciego — wyjaśnienie pojęcia i przykłady zastosowania.

11 paź 2022

Ciąg Fibonacciego to ciąg liczb naturalnych, który zaczyna się od 0 i 1, a każda kolejna liczba jest sumą dwóch poprzednich. Ciąg ten został opisany przez włoskiego matematyka Leonardo Fibonacciego w XII wieku.

Tomasz Kozon

#back-end

related-article-image-Ciąg Fibonacciego

SXO — połączenie UX i SEO

24 mar 2022

Coraz częściej mówi się o konieczności połączenia działań z zakresu user experience (UX) i SEO. SXO, czyli Search Experience Optimization, to pojęcie, które odnosi się do łączenia tych dwóch dziedzin w celu uzyskania jak najlepszych wyników w organicznych wynikach wyszukiwania.

Tomasz Kozon

#web-design

Body leasing w IT. Czy warto wynajmować programistów na godziny?

23 mar 2022

Body leasing w IT to coraz popularniejszy sposób na pozyskanie specjalistów z branży informatycznej. W ramach tego rozwiązania, przedsiębiorstwa wynajmują programistów na określony czas, co pozwala im na elastyczność w zakresie zatrudnienia specjalistów i dostosowanie ich do potrzeb projektu.

Tomasz Kozon

#hr

Scrum Master - kim jest i czym się zajmuje?

22 mar 2022

Scrum Master to specjalista odpowiedzialny za koordynację projektu oraz zarządzanie zespołem pracującym w metodologii Scrum. Jest to osoba, która odpowiada za prawidłowe wdrożenie i przestrzeganie zasad Scrum oraz zapewnienie, że zespół jest zmotywowany, zaangażowany i skoncentrowany na realizacji celów projektu.

Tomasz Kozon

#product-management

Skąd uczyć się programowania? Studia informatyczne, Boot Campy czy platformy e-learningowe?

21 mar 2022

Programowanie jest jednym z najważniejszych i najszybciej rozwijających się zawodów w dzisiejszym świecie. Aby rozpocząć pracę jako programista, konieczne jest posiadanie odpowiedniej wiedzy i umiejętności. Pytanie, które pojawia się przed każdą osobą, która chce rozpocząć naukę programowania, brzmi: skąd uczyć się programowania?

Tomasz Kozon

#hr

Google Workspace, Microsoft Teams, Slack - narzędzia do pracy zespołowej.

20 mar 2022

W dzisiejszych czasach praca zespołowa jest nieodłącznym elementem pracy w wielu organizacjach. Aby ułatwić komunikację i koordynację działań, coraz częściej wykorzystywane są specjalne narzędzia do pracy zespołowej, takie jak Google Workspace, Microsoft Teams czy Slack.

Tomasz Kozon

#project-manager

Życie w stylu cyber nomad. Czy można efektywnie pracować, zwiedzając świat?

19 mar 2022

Styl życia cyber nomadów to coraz częściej spotykany trend, polegający na łączeniu pracy z podróżowaniem. Dzięki rozwojowi technologii oraz coraz większej dostępności internetu, coraz więcej osób decyduje się na taki sposób życia. Wielu ludzi marzy o tym, by pracować z dowolnego miejsca na świecie, a jednocześnie cieszyć się pięknymi krajobrazami i poznawać nowe kultury.

Tomasz Kozon

#marketing

Zobacz wszystkie artykuły