Fading out siblings on hover in CSS
https:/
Trys here shows a nice little CSS trick to make hovered elements pop out (quite easy), while diming the siblings (that's the trick). Well done!
https:/
Trys here shows a nice little CSS trick to make hovered elements pop out (quite easy), while diming the siblings (that's the trick). Well done!
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…