Drukowanie stron internetowych jest nadal ważnym elementem w dzisiejszym świecie cyfrowym. Choć coraz więcej treści jest konsumowanych online, to nadal istnieją sytuacje, w których potrzebujemy wydrukować stronę internetową. Być może chcemy zachować ważne informacje, stworzyć kopię zapasową lub udostępnić dokument w formie papierowej. Dlatego tak istotne jest przygotowanie kodu CSS, który pozwoli na prawidłowe i estetyczne drukowanie stron internetowych.
Nowa składnia media query w CSS
Budowanie nowoczesnego designu strony powinno być oparte o poprawne wypełnienie ekranu treścią i przedstawienie jej w efektowny sposób. Z pomocą przychodzi nam tutaj technika zwana @media query.
prefers-reduced-motion, redukcja ruchu na stronie
Tworząc nowoczesne strony internetowe chcemy, aby była ona przyjazna użytkownikowi. Chcemy także, aby treść na stronie była przedstawiona w atrakcyjny sposób, także w formie animacji. Nie można jednak przesadzić, bo wtedy uwaga użytkownika zostanie rozproszona i jest mniejsza szansa, że dotrze do informacji, której szukał. Dzisiejszy wpis poświęcę zagadnieniu, które pomoże w zmniejszeniu ruchu na stronie (redukcja ruchu), gdy użytkownik sobie tego życzy.
Media Queries level 4
Zapytania o media przeglądarki są bardzo istotne, gdy tworzymy responsywne strony www. Dzisiaj dobrą praktyką jest projektowanie stron w tak zwanym podejściu „mobile first” oraz elastycznie dopasowane do rodzaju urządzenia i szerokości jego ekranu. Dzisiaj chcę przedstawić czwarty poziom Media Queries, czyli dostosowanie elementów względem wielu parametrów w nowym podejściu (zakresy).