Projektowanie stron internetowych i tabletów - Responsive Design

• Kwiecień 29, 2024

Termin Responsive już od jakiegoś czasu jest na pierwszym planie, ale co to właściwie znaczy? Internet zmienił się znacznie na przestrzeni lat, z platformy opartej głównie na tekście na interaktywne, angażujące, multimedialne i na wiele urządzeń.

Strony internetowe zmieniły się w ciągu ostatniej dekady, aby odzwierciedlić ulepszenia w Internecie i urządzeniach, których używamy do jego przeglądania. Mówiąc o urządzeniach, mamy kilka rodzajów do wyboru, w tym komputery, minikomputery, tablety i smartfony. Wraz ze wzrostem liczby urządzeń i ich odmian problem staje się oczywisty. Każde urządzenie i każda odmiana urządzenia ma własny rozmiar ekranu.

Kiedy musieliśmy jedynie projektować witryny dla komputerów stacjonarnych i laptopów, naszym głównym rozważaniem było zapewnienie, aby strona była wyświetlana tak samo bez względu na komputer lub przeglądarkę internetową. Odpowiedzią było zaprojektowanie najpopularniejszych przeglądarek internetowych i najpopularniejszych rozdzielczości ekranu. To działało przez krótki czas. Kolejny problem stał się widoczny, gdy parametry te ciągle się zmieniały. Rozmiar mojego pierwszego komputera wynosił 800 x 600 i tak mi się podobało. Wtedy 1024 x 800 stało się normą. Teraz komputery urosły do ​​27 cali i większych. Dlatego docelowa rozdzielczość strony internetowej ciągle się zmieniała.

Właśnie wtedy, gdy zaczęliśmy lubić projektować te większe ekrany, popularność smartfona i tabletu znacznie wzrosła, dzięki ich fajnym aplikacjom, ale mniejszym ekranom. W rzeczywistości przewiduje się, że smartfony i stoły będą używane częściej niż komputery do przeglądania Internetu za kilka lat. Na początku było tylko kilka urządzeń mobilnych. Zaczęliśmy więc projektować zarówno główną stronę internetową dla użytkownika komputera, jak i drugą stronę dla użytkownika mobilnego. Ale to nie rozwiązało problemu całkowicie, ponieważ wciąż projektowaliśmy układy o stałej szerokości.

Nie możesz teraz założyć, jakiego urządzenia będzie używać przeglądarka do przeglądania Twojej witryny. Dlatego projektowanie niektórych stałych rozmiarów ekranu nie jest już najlepszą odpowiedzią na problem. Potrzebujemy sposobu, aby określić rozmiar ekranu urządzenia użytkownika i odpowiednio wyświetlić stronę internetową. Dlatego responsywne projektowanie stron internetowych, które wykorzystuje CSS do określania szerokości ekranu i wyświetlania strony internetowej w zależności od potrzeb. Dzięki temu możemy mieć tylko jedną stronę internetową, która w razie potrzeby przekształci się w kilka wersji.

Instrukcje Wideo: Responsive Web Design - jak to ugryźć. Strona od zera #7 (Kwiecień 2024).