Nowoczesne projektowanie stron internetowych
Responsive Web Design (RWD) to nowoczesne projektowanie strony, zmieniające jej wygląd zależnie od wielkości i rodzaj ekranu, na którym jest wyświetlana. Coraz więcej użytkowników...
Filtruj według kategorii
Responsive Web Design (RWD) to nowoczesne projektowanie strony, zmieniające jej wygląd zależnie od wielkości i rodzaj ekranu, na którym jest wyświetlana. Coraz więcej użytkowników korzysta z Internetu nie tylko na komputerze stacjonarnym lub laptopie, ale też na tabletach, smartfonach, a nieraz także na starszych telefonach lub telewizorach. Ich liczba rośnie z miesiąca na miesiąc, więc warto już teraz tak przygotować witrynę, żeby na każdym urządzeniu wyglądała dobrze i żeby nie zawierała poziomego paska przewijania. Dokonuje się tego wykorzystując Media Queries, czyli odpowiednie zapytania w pliku CSS. Da się to wdrożyć na już istniejącej stronie, ale może to okazać się bardzo kłopotliwe i czasochłonne – zdecydowanie łatwiej jest stworzyć nowy szablon, od początku zaprojektowany pod RWD. W tym celu najlepiej budować witrynę używając prostokątnych elementów głównych, które potem można dowolnie przesuwać i zwężać, w zależności od szerokości ekranu urządzenia. Ważne jest też używanie obrazków o wielkości dopasowującej się do rodzica. Więcej informacji na ten temat oraz szczegółowe sposoby używania Media Queries znajdują się w artykule: Użycie Media Queries na stronie dla użytkowników mobilnych.
Komentarze