- Pantelis Kalogiros’s CSS 3D Adventure — impressive hack, which makes me think about other ways CSS’s 3D functionality could be used (for actual projects)
- Ethan Wang on leading-trim in CSS — a much-needed fix, looking forward to this getting implemented
- NASA’s patent for a new way to get to the moon — I…didn’t know these could be patented
- An animation showing how Jupiter’s gravity saves us from asteroids — thank you, Jupiter
- Ben Southwood on the rise and fall of the industrial R&D lab — oh how I wish I could have worked at Bell Labs or Xerox PARC
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.)
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.