TIL: a:link in CSS doesn't match a elements without any href attribute! 😲
https://codepen.io/nhoizey/pen/dyggeOJ
It makes sense, but I never use a elements without href attributes (different from # of course), so I didn't know… 🤷♂️
Watch Out for Layout Shifts with ‘ch’ Units
In our case, we were using ch units to define our page layout. This meant that our post content was equal to 50ch units (or the width of fifty…
display: contents considered harmful
At this point, I don’t think we as an industry can use display: contents with confidence. Past actions are a good indicator of future behavior,…
Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?
Using object-fit: cover; in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many <source> in a <picture>?
HTML and CSS based View Transitions are coming
While same-document View Transitions have now been available for a while in Chromium browsers for Single Page Applications (SPA), they were requiring the use of a JavaScript API. Chrome Canary now allows us to develop and test View Transitions with HTML and CSS only, obviously targeting Multiple Pages Applications (aka Web sites 🤷♂️).
Early Days Examples of View Transitions
All of these are page transitions, like when you leave one page and go to another. As opposed to the document.startViewTransition kind, which are…
Eric Bailey
Chris Coyier