There’s a broader point here about declarative design:
Setting very specific values may feel like you’re in more control, but you’re actually rescinding control by introducing fragility in the form of overly-specific CSS.
Some excellent explanations for these five pieces of sensible typography advice:
- Set your base font size in relative units
- Check the colour of your type and only then its contrast
- Use highly legible fonts
- Shape your paragraphs well
- Correctly use the heading levels
This is a clever technique for a CSS/HTML only way of just-in-time loading of iframes using details and summary.
Think you know about styling lists with CSS? Think again!
This is just a taste of the kind of in-depth knowledge that Rich will be beaming directly into our brains at Web Day Out…
This is clever, and seems obvious in hindsight: use an anonymous @layer for your CSS reset rules!
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.
Having fun with view transitions and scroll-driven animations.
You might want to use `display: contents` …maybe.
Had you heard of these bits of CSS? Me too/neither!
Going back to school in Amsterdam.
The joy of getting hands-on with HTML and CSS.