Why I Like Designing in the Browser – Cloud Four
This describes how I like to work too.
CSS element() function - Vincent De Oliveira
Fire up Firefox and try out these demos: the CSS element value is pretty impressive (although there are currently some serious performance issues).
To put it simply, this function renders any part of a website as a live image. A. Live. Image!
Related links
6 CSS Snippets Every Front-End Developer Should Know In 2025 · 19 January 2025
- Springy easing with
linear()- Typed custom properties
- View transitions for page navigation
- Transition animation for
dialogandpopover- Transition animation for
details- Animated adaptive gradient text
Justified Text: Better Than Expected? – Cloud Four
Some interesting experiments in web typography here.
New CSS that can actually be used in 2024 | Thomasorus
Logical properties, container queries, :has, :is, :where, min(), max(), clamp(), nesting, cascade layers, subgrid, and more.
Help us choose the final syntax for Masonry in CSS | WebKit
I really like the way that the thinking here is tied back to Bert Bos’s original design principles for CSS.
This is a deep dive into the future of CSS layout—make a cup of tea and settle in for some good nerdiness!
Related posts
Making the new Salter Cane website
A redesign with modern CSS.
Making the website for Research By The Sea
Having fun with view transitions and scroll-driven animations.
content-visibility in Safari
Safari 18 supports `content-visibility: auto` …but there’s a very niche little bug in the implementation.
Manual ’till it hurts
Try writing your HTML in HTML, your CSS in CSS, and your JavaScript in JavaScript.
CSS Day 2024
A genuinely inspiring event.