A loading spinner in 8 lines of CSS with conic-gradient, radial-gradient, and keyframe animations.
There may be better or more concise ways to do this, but I like the simplicity and it works.
I love side projects
I love a side project. A while back I had to figure out how to screenshot a node, and in my most recent side project I’ve got the chance to do some things I knew about but have never used, as well as learning some new things I had never heard of.
Links of the week 1/12/24
Links I found interesting since the last list.
Links of the week 8/11/24
Interesting links I found this week.
Links of the week 1/11/24
Interesting links I found this week.
Links of the week 18/10/24
Interesting links I found this week.
does-not-prefer-color-scheme: dark but gets it anyway
Confession time: I really don’t like dark mode except in my text editor, and even then only if the weather’s not good enough to work outside. I’ve never activated dark mode on my phone but Android turns it on automatically when battery saver is on, which is fair enough.
Not quite responsive in one line
Bryan Rieger delivered a presentation called Rethinking the Mobile Web in 2010, just a few months after the invention of responsive web design. One of the most repeated points of that talk is, “the absence of support for @media queries is in fact the first media query”.
Using CSS grid and flexbox together
I’ve noticed a bit of confusion about CSS layout with grid and flexbox. Some people seem to be thinking they are different tools for the same job, or that grid is a replacement for flexbox.
Adventures in font loading
More and more of the sites I’m building recently are using webfonts, and some of these fonts are very heavy. I care about load time and page weight, so I set about finding ways to ensure I could use webfonts while minimising some of the associated problems, viz. FOUT and missing content.
