Blog o budowie stron i marketingu - Aurelia Sypniewska
Blog o budowie stron i marketingu - Aurelia Sypniewska
Tym razem pokażę wam jak zbudować prostą oś czasu (timeline, linia czasu) na stronie internetowej z pomocą HTML i CSS. By ją zbudować i zrozumieć jak ją rozbudować lub przebudować przyda się przynajmniej podstawową wiedzę z obu języków.
Właściwość aspect-ratio umożliwia zdefiniowanie pożądanej szerokości do wysokości elementu znajdującego się w kontenerze, polu. W praktyce umożliwia nam to dostosowywanie się zawartości w obszarze do wymiarów przeglądarki. Być może wydaje się to na początku mało użyteczne jednak trzeba pamiętać, że w dzisiejszych czasach strony wyświetlamy na różnej wielkości urządzeniach.
Tematem jakim dziś się zajmiemy będą responsywne tabele na stronie internetowej lub jak kto woli RWD Tables. Jak zapewne wiecie responsywność jest obecnie jednym z podstawowych wymogów jakie musi spełnić witryna internetowa a tabelki same z siebie zbytnio takie nie są.
Dosyć sporym problemem użytkowników sieci jest brak dostępu do internetu.
Media query to bardzo użyteczna „zmienna”, „zapytanie” wprowadzone w CSS3. Prawidłowo użyta umożliwia dostosowanie wyglądu strony w zależności od np. szerokości ekranu, rodzaju urządzenia. Z tego powodu spotykana jest ona na każdej stronie typu RWD.
Obecnie do stworzenia strony internetowej obsługiwanej na urządzeniach mobilnych wykorzystywane są 2 metody – RWD (Responsywne projektowanie stron internetowych) i Wersja Mobilna. Jak zwykle każda z nich posiada zarówno wady jak i zalety – no cóż, nie istnieje idealne rozwiązanie. A, którą z nich wybrać? Spróbuję na to pytanie odpowiedzieć poniżej.
W dzisiejszych czasach nikogo już nie dziwi kiedy obraz na stronie (RWD Responsive Web Design) zaczyna się „kurczyć” dostosowując w ten sposób swoje rozmiary do wielkości ekranu urządzenia.
W dzisiejszych czasach bardzo istotne jest by nasza strona internetowe, blog czy sklep dobrze otwierała się na różnego typu urządzeniach. Dlatego przygotowałam listę 6 aplikacji do sprawdzenia czy strona poprawnie działa na różnych urządzeniach.
![Jak używać @media query? Kilka przydatnych przykładów. [CSS3]](https://aurainweb.pl/wp-content/uploads/2019/10/mobile.jpg)
