Don’t judge a book by its cover
Some neat CSS from Tess that’s a great example of progressive enhancement; these book covers look good in all browsers, but they look even better in some.
Questioning Container Queries / Paul Robert Lloyd
Paul’s being contrary again.
Seriously though, this is a good well-reasoned post about why container queries might not be the the all-healing solution for our responsive design problems. Thing is, I don’t think container queries are trying to be an all-encompassing solution, but rather a very useful solution for one particular class of problem.
So I don’t really see container queries competing with, say, grid layout (any more than grid layout is competing with flexbox), but rather one more tool that would be really useful to have in our arsenal.
Related links
NoLoJS: Reducing the JS Workload with HTML and CSS - Web Performance Calendar
You might not need (much) JavaScript for these common interface patterns.
While we all love the power and flexibility JS provides, we should also respect it, and our users, by limiting its use to only what it needs to do.
Yes! Client-side JavaScript should do what only client-side JavaScript can do.
Custom Asidenotes – Eric’s Archived Thoughts
An excellent example of an HTML web component from Eric:
Extend HTML to do things automatically!
He layers on the functionality and styling, considering potential gotchas at every stage. This is resilient web design in action.
Write Code That Runs in the Browser, or Write Code the Browser Runs - Jim Nielsen’s Blog
So instead of asking yourself, “How can I write code that does what I want?” Consider asking yourself, “Can I write code that ties together things the browser already does to accomplish what I want (or close enough to it)?”
Quantity queries using has() selector
Here’s a handy little tool for generating CSS with :has() selectors in order to do quantity queries.
Related posts
Underlines and line height
How to make the distance of link underlines proportional to the line height of the text.
Style your underlines
Make your links beautiful and accessible.
CSS snippets
Some styles I re-use when I’m programming with CSS.
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.