Tagged with: css

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.

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.

Flexbox vertical ordering

The only times I’ve had cause to use flexbox in anger is for content re-ordering, or as Jordan Moore more eloquently puts it, content choreography. Even at that I’ve only ever used vertical re-ordering and that’s all I’ll be talking about in this post. Other more comprehensive resources are listed at the end.