Definicja responsywnego projektowania stron internetowych

Lata temu, kiedy technologia była tym, czym była, trzeba było się tylko martwić, że robi to wizualne rzeczy (obrazy, gry, interfejsy aplikacji, ...) wyglądały dobrze na ekranie, który mógł mieć około 14 cali od monitor z komputer. Ale ewolucja To było nie do powstrzymania, a obecnie mamy wiele urządzeń i formatów.

Oznaczało to, że interfejs użytkownika lub jakakolwiek inna zawartość nie musi już radzić sobie z innymi rozmiary obrazu, jeśli nie na urządzeniach, które są używane w inny sposób, i różne proporcje szczególnie.

Internet, postęp, który pojawił się w latach 90. i od tego czasu stał się niezbędny, również przeszedł te zmiany w scenariuszu platformy, z którego mogą być używane, a podmioty zarządzające standardami sieciowymi musiały wybrać pomysłowe rozwiązania ułatwiające życie twórcom interfejsów Sieć.

Responsywna strona internetowa (zwana także czuły, przyjęcie oryginalnego angielskiego słowa) to taki, którego interfejs jest automatycznie zmieniany i jego Elementy graficzne są przesunięte w celu łatwego przeglądania przy dowolnym rozmiarze ekranu i proporcjach. wygląd.

instagram story viewer

Pomyślmy o różnorodność formaty ekranu od smartfona z ekranem 5” i proporcjami 18:9, które można czytać w pionie, po telewizor 16:9 40”, pozostawiając komputer lub tablet pomiędzy.

Dopóki nie podjęto kroków w celu stworzenia interfejsu wykres stron internetowych automatycznie dostosuje się do ekranu, na którym był przeglądany, „Rozwiązanie” polegało na przewidywaniu wszystkich możliwych formatów i serwowaniu odpowiednio różnych stron. Problemem były te nieprzewidziane formaty i te, które ewolucja technologiczna zapewniła w sposób naturalny.

Narzędzia do uzyskania responsywnego projektu, który dopasowuje się do formatu ekranu, w jakim oglądany jest obraz. strony internetowe niezależnie od formatu i rozmiaru ekranu, zostały ustawione przez W3C (World Wide Web) Konsorcjum).

A wprowadzenie tej technologii było możliwe dzięki oddzieleniu treści stron od tego, co było prezentacja wspomnianych treści i Spójrz i poczuj strony przy użyciu plików definicji stylów CSS.

Pozwalają one modyfikować wygląd całej witryny (rozumianej jako zestaw stron) bez konieczności dotykania kod źródło wszystkich plików HTML, ponieważ różni się definicjami stylu i prezentacji (zawarte w plik CSS) treści (znajdujących się w plikach HTML).

Elementy projektowania responsywnego były omawiane i wprowadzane do standardów internetowych przez W3C od końca pierwszej dekady XXI wieku.

To jest z uruchomić pierwszego iPhone'a w 2006 roku, w którym rozpoczęto wyścig o dostosowanie stron internetowych tak, aby doskonale widać zarówno w przeglądarkach stacjonarnych i dużych ekranach, jak i na urządzeniach telefony komórkowe.

Zdjęcia Fotolia: Aleksiej Szkitenkow / Bobb Klissourski