Ben Crowder

Blog: #css

7 posts :: tag feed :: about the blog :: archive

Links #37

Trying out a new format with these link bundles, in the hope that dropping the bulleted list format is a) more flexible and b) more conducive to writing a bit more about the links, rather than limiting myself to a single line with an awkward semicolon shoved in if I need more room.

Andy Bell on recent/upcoming CSS changes. Good stuff here. I’m probably most looking forward to using :is and clamp() and ch (all of which I’d read about before but had mostly forgotten). Oh, and scroll-margin-top.

Design Engineering Handbook by Natalya Shelburne et al., a free ebook which looks interesting. (I’ve read part of the first chapter so far.) Design Better (which appears to be an InVision thing) has other free books available as well, on various design-related topics.

Max Koehler on continuous typography. Also see his post about the tool and the tool itself. This is great, and I hope these ideas get broader traction. (Also, I’m excited to start using Source Serif 4 and its optical sizing axis.)

Aleksey Kladov on including an file. Great idea. Having a high-level overview is so helpful.

Graydon Hoare on always betting on text. I’ve probably linked to this before, but it’s good and worth rereading occasionally.

Reply via email or via office hours

Links #36

Reply via email or via office hours

Links #25

Reply via email or via office hours

Links #11

Reply via email or via office hours

While not all of these are actually one-liners, Una Kravets’s Ten modern layouts in one line of CSS has some neat tricks I hadn’t seen before. (I’m realizing I really need to brush up on modern CSS. It’s been a few years and lots of things have changed in that time.)

Reply via email or via office hours

Finally got around to trying CSS grid layout. It’s amazing. I’m very much looking forward to learning it in depth — it seems so much easier for desktop-size layout.

Reply via email or via office hours

Mini timelines with CSS

I wanted to add small timelines to a little web-based genealogy proof-of-concept I’m working on, and I realized that it’d be pretty easy to make the tick marks using CSS box-shadows. And it was.

There are some caveats (if you change the background color, you have to edit the CSS to match — you can’t use an rgba color with an opacity of 0 because then the tick marks fill the whole space), but overall it works well.

Reply via email or via office hours