Reading List #61


I spent some time this week getting into CSS Grid for a client project and loved how “easy” it felt to build those layouts, once you get the hang of it. Not sure what made me wait for so long to dive into it, but happy I finally did.

Also, we released version 1.10.0 of picu, which introduces a way for us to get some anonymouis usage data, which we wouldn’t get from otherwise (all transparent and opt-in of course). Instead of using one of the solutions out there to collect the data, we decided to build something ourselves from scratch. While this was a bit more work, it gives us total control over what data is sent, where it’s sent to and how it’s stored. Also, it was much more fun this way. Some information about it can be found here and I’d love to share more as soon as we tested it for a while.

Frontend Development

๐Ÿค“ CSS @property

While I worked with CSS variables quite a bit and knew how to set, get and update them with CSS or JavaScript, I wasn’t aware of the @property syntax to register CSS properties.

FullyStacked โ€“ Register custom properties in CSS, get and update them with JavaScript โ€“ @property: giving superpowers to CSS variables

๐Ÿ”ฅ Rebuilding Techcrunch

Sometimes two people have the same idea, but approach it from different angles. In this case, the idea was to “rebuild Techcrunch”, but while Ahmad Shadeeds approach was to find out how he can rebuild it using modern CSS, Jamie Marsland used only the WordPress Block Editor (Gutenberg) โ€“ as he did for quite a few layouts in the past months โ€“ to accomplish the same. Funny coincidence that they both came up with the same-ish challenge at the same time. Would be interesting to compare the two results.

Ahmad Shadeed โ€“ Case Study: Rebuilding TechCrunch layout with modern CSS
Jamie Marsland โ€“ WOW! I rebuilt in 30 mins with WordPress ๐Ÿ”ฅ


๐Ÿ‘ Twenty Twenty Four

The development of the new default theme kicked off and I love what I’ve seen of the design so far. Looking forward to dig into the code for a bit, as it’s always a good place to look for “state-of-the-art” ways of doing things. โ€“ Twenty Twenty Four


๐Ÿ™ƒ Spurious Correlations

If you ever need some examples to explain why correlation โ‰  causation, this site is exactly what you’ll need. I mean, no one in their right mind could argue that “Films Nicolas Cage appeared in” and “People drowning in a pool” would have a causal relationship, yet they correlated for at least 10 years.

Spurious Correlations

โœŒ๏ธ Have a good weekend!

Made with โค๏ธ in Switzerland