How to tame line-height in CSS
Read NoteAn interesting read that covers some of the basic terminologies of typesetting, as well as the technicalities of how browsers actually interpret the line-height value. Hint: it's not what you'd β¦
theAdhocracy
An interesting read that covers some of the basic terminologies of typesetting, as well as the technicalities of how browsers actually interpret the line-height value. Hint: it's not what you'd β¦
Andy always has some interesting thoughts about CSS, and this reset is no exception. Lots of interesting things here that fit very nicely with both my own experience and other resets that I've β¦
A great overview of techniques to help improve text legibility, working with the browser rather than against it to be as inclusive as β¦
Lots of companies rely on Microsoft Word for internal documentation and training, but code snippets are a readability nightmare. They don't have to be; with some reusable formatting, we can make clear code blocks in any version of Word.
I've been playing PokΓ©mon Go for a little while now (as has Alison) so when it was announced that a real-world event would finally be coming to London this year I was quite excited. β¦
... otherwise known as the Great Vulture Failure of 2020 β¦
What do you do when a website has loaded but the content is still being fetched from an API? One answer is to fill the page with animated placeholders, creating a skeleton of what the user can expect, with a dash of CSS animation to let them know that something's still going on behind the scenes.
Craft CMS can be a very enjoyable mobile authoring experience, but it can be improved with some clever plugins and a few relatively new core features.
Robb has come out with some very cool ideas over the years, but wow, seeing CSS-only specular highlighting and holograms is such a neat trick π€― I immediately want to co-opt some of this for the β¦
A halfway solution to a design pattern that I see often, but have yet to find an easy way to implement: text that wraps so it is always fattest in the middle, and thinnest at either end.
I've been saying for a couple of years that we are on the brink of a "fluid design" revolution in front-end development, similar to what happened around the late 2000s with "responsive design". β¦
Animating a grid element provides a lot of potential for fancy UIs and interesting interactions, but it's not immediately obvious when searching online how it needs to work and what the limitations are.
I read the entirety of the EAA β including all supporting documentation β so you don't have to.
Josh has added some additional thoughts to Andy's CSS reset. Personally, I like a combination of the two (with a dash of Stephanie's best practices thrown in for good measure), but wanted to capture β¦
The color-mix property enables a lot of interesting functionality when you realise that you can use it to mix transparency into colours, including design tokens.
A complete overview of the most recent WCAG 2.2 spec as it enters RC status, including quick overviews on the most common solutions to meet each new success β¦