Damian’s notes

Spicy Sections is a web component that takes sections and can display them as tabs or detail/summary depending on screen size.

It’s developed as part of explorations in Open UI, to get an idea of how a future ‘tabs’ element should be designed.

Information about how you might want to tweak your website design for Safari 15 in a video from WWDC 2021 with Jen Simmons. There are new CSS features for exposing the "safe" viewport (where you know browser chrome will not occlude your page's text).

Bloated CSS frameworks are a needless waste of bandwidth (possible exception for those still supporting IE11). Here are minimal snippets for modern CSS layouts and components, created by Stephanie Eckles of ModernCSS.dev

Tutorials about new features of CSS aimed at people already experienced with CSS

A cool portfolio web site that only works if you DISABLE JavaScript.

You are probably too young to remember the days when web designers were required take in to account surfers who routinely disabled JavaScript for security reasons (which still apply, but which we ignore because we want to use Twitter).

Insisting on having JavaScript disabled is a bit extreme but it demonstrates as nothing else could that you can produce sophisticated layouts with CSS alone.

Every Layout by Heydon Pickering & Andy Bell is a collection of CSS patterns for layout that avoids magic numbers and @media break-points

A tool for experimenting with the proposed CSS color-mod functions. I find it useful even without browser support: I enter a CSS colour, fiddle with knobs like alpha and lightness, and see the resulting colour in CSS format I can copy in to a stylesheet.

Experiments with CSS Grid inspired by the paintings of Piet Mondrian

Looks like some of the work I did to automatically crop thumbnails on Ooble is available as a simple CSS property.