Responsive Web Design
Responsive Web Design (RWD) to nic innego, jak projekt strony internetowej, której układ automatycznie dostosowuje się do wielkości ekranu urządzenia. Wyświetlane na ekranie treści skalują się tak, aby były one wygodne w odbiorze dla użytkownika. Strony responsywne cechuje uniwersalność, czego dowodem jest ich wygląd na smartfonie czy tablecie.
Dlaczego warto zmienić stronę na responsywną?
Przede wszystkim dlatego, że Google wspiera strony o tej strukturze. Wszelkie sklepy internetowe, blogi, portale, które są oparte na nowoczesnej architekturze będą wyświetlać się na wyższych pozycjach. To oznacza, że przestarzałe strony muszą liczyć się z mniejszą liczbą odwiedzin.
Media query
Media query składa się z jej typu oraz przynajmniej jednego wyrażenia, zadaniem którego jest określenie zakresu działania kodu css, poprzez użycie takich wartości jak szerokość, wysokość czy kolor. Media queries zostały dodane w specyfikacji CSS3, pozwalając na przygotowanie określonego stylu zawartości strony, w zależności od urządzenia docelowego dla kodu, bez potrzeby zmiany samej treści w każdym z przypadków.
Jak było wcześniej z Media Queries?
Media Queries nie są żadną nowością, bowiem już wcześniej dysponowaliśmy atrybutem media dla stylów CSS. Jednak wcześniej spektrum możliwości nie zachwycał, gdyż jedynym warunkiem, który mogliśmy tam umieścić, był wybór typu medium przy wyświetlaniu strony.
Do wyboru były więc następujące typy medium:
screen – ekrany komputerowe,
tty – media używające siatki o stałej szerokości znaków jak dalekopisy, terminale lub przenośne urządzenia z ograniczonymi możliwościami wyświetlania,
tv – odbiorniki telewizyjne (niska rozdzielczość, ograniczone przewijanie, dostępny dźwięk),
projection – prezentacje projektorowe,
handheld – urządzenia ręczne/przenośne (mały ekran, czarno-biały),
print – urządzenia drukujące,
braille – urządzenia do czytania braillem, przeznaczone dla osób niewidomych,
aural – syntezatory mowy, czytniki,
all – dostępne dla wszystkich powyższych urządzeń.
Darmowy hosting zapewnia PRV.PL