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
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!
Your website might be ready to adapt to any viewport. But why should users wait for irrelevant desktop styles when they load it on mobile?