Jak działa i skąd się wziął internet
Niekiedy można mieć wrażenie, że internet jest z nami od zawsze. Czy wiemy jednak jak i kiedy powstał? Jakie są podstawy jego działania?
Sprawa jest dość prosta, ale nieoczywista. Mi przynajmniej nie przyszłoby do głowy, że można tak zrobić.
Próbując zrobić ikony dostosowane do theme (motywu), jeszcze jakiś czas temu rozważałbym bardziej:
Problem w tym, że to wymaga obsługi takich sytuacji raz po razie, w całej aplikacji, gdziekolwiek tylko użyjesz ikony, która ma być na przykład biała w trybie “dark”, a czarna w trybie “light”. Nie mówiąc już o niepotrzebnym zaciąganiu dodatkowych assetów.
Aby osiągnąć taki efekt, można po prostu użyć @media
wewnątrz samej ikony.
1<svg ...>
2 <style>
3 @media (prefers-color-scheme: dark) {
4 path {
5 stroke: #FFFFFF;
6 }
7 }
8 @media (prefers-color-scheme: light) {
9 path {
10 stroke: #000000;
11 }
12 }
13 </style>
14 <path .../>
15</svg>
Przykład powyżej będzie ustawiał kolor obrysowania w ikonie SVG, zależnie od zastosowanego przez użytkownika motywu systemowego.
Oczywiście przy bardziej złożonych ikonach należy zadbać o to by każda ścieżka (path
) była obsłużona.
Niekiedy można mieć wrażenie, że internet jest z nami od zawsze. Czy wiemy jednak jak i kiedy powstał? Jakie są podstawy jego działania?
Jak chcesz zacząć ogarniać accessibility to zacznij od tej prostej listy. To absolutne konieczności!
Jak sprawdzić czy ktoś nie naciąga nas na kasę, oddając niskiej jakości, niedokończoną stronę? Na co zwrócić uwagę podczas zamawiania i odbioru strony?
Dziwnych zachowań formularzy jest wiele i potrafią one zupełnie zniszczyć odbiór aplikacji przez klientów. Dzisiaj omówimy temat tak żeby ten problem nie dotyka...