Dostosowanie wyglądu pod różne rozdzielczości jest często spotykane na strona internetowych, jednak najważniejsza kwestia, rozmiar strony, jej waga, ile użytkownik musi pobrać danych na urządzeniach mobilnych nie korzystających z wifii jest bardzo istotna.
W internecie można znaleźć wiele skryptów korzystających z javascriptu, które podmieniają zdjęcia w zależności od wykrytego rozmiaru urządzenia. Tworząc strony musimy pamiętać że każdy element jest ważny, nie tylko jej wygląd, dostosowanie pod wiele urządzeń, ale także prędkość wczytywania się strony.
Przykład rozwiązania dla HTML-a 5
< picture>
< source srcset="runner-a.jpg" media="(min-width: 950px)">
< source srcset="runner-b.jpg" media="(min-width: 450px)">
< img src="runner-c.jpg" alt="">
< /picture>
One Page – co to ?
Nowy trend, krótkotrwały pomysł, a może idealne rozwiązanie dla stron internetowych jeżeli użytkownik nie posiada treści, nie ma pomysłu na prowadzenie bloga, aby nie prowadzić wymyślonych aktualności ?
Jedna strona z przedstawieniem całej swojej oferty, opisem działalności i podstawowymi danymi kontaktowymi ?
Co o tym myślicie, przykład dla ułatwienia z okolicy Szamotuł. Czy takie strony także mogą być responsywne ?
Oczywiście że tak, jak nie responsywne to przynajmniej powinny należeć do grupy stron adaptacyjnych. czym różni się strona internetowa responsywna od adaptacyjnej ? To już w następnym artykule.
RWD – co to jest ?
Technika projektowania strony www, tak aby jej wygląd i układ dostosowywał się automatycznie do rozmiaru okna urządzenia, aby twoja strona internetowa wyświetlała się poprawnie na każdym urządzeniu, przy pełnym oknie www jak i przy pomniejszonym.
Jakie są korzyści dla użytkownika ? Ogromne, najważniejsze z nich to:
- dostępność na każdym urządzeniu
- poprawne wyświetlanie się strony internetowej
- wyświetlenie tylko ważnych treści dla niskich rozdzielczości – np dla 320px
- profesjonalne rozwiązanie dla profesjonalisty