While there’s no truly native way to build a light/dark color scheme switcher yet, we all try our best to build something that comes close. Some native HTML options are often overlooked in favor of hacky solutions. Let’s make them well-known and widely used while we wait for the proper built-in one.
Hi, my name is
Vadim Makeev
I’m a frontend developer in love with the Web, browsers, bicycles, and podcasting
Here you can find my thoughts on web development, some of my projects, and information about me
Articles
HTML semantics is a nice idea, but does it really make a difference? There’s a huge gap between HTML spec’s good intentions and what browsers and screen readers are willing to implement.
If you copy one of my article titles, you’ll probably get “ARTICLE TITLE” in uppercase. Why would I name my article like that? It’s not me, it’s browsers and specs again.
For most developers, HTML is just an artifact, like a binary file, and it often gets wrong and ugly. Fortunately, browsers are smart enough to handle poor markup. But sometimes, they take our mistakes personally, and tags start jumping around.
Remember this old trick that allowed us to load only critical CSS and defer the rest? The one, that used media="print"
and onload
event. I just realized that sometimes it doesn’t work in Safari.
Recently Sacha Greif challenged his Twitter followers to code a fancy highlighter effect using only CSS. Guess what? I took the bait and started coding!