UI Dev Newsletter #85
Issue #85
2021-11-29
-
Backgrounds
https://web.dev/learn/css/typography/
Chrome Developers share a module where you will learn how to style text on the web. -
My Custom CSS Reset
https://www.joshwcomeau.com/css/custom-css-reset/
Josh Comeau shares his custom CSS reset and explains every rule in detail with examples. -
How I made Google’s data grid scroll 10x faster with one line of CSS
https://medium.com/@johan.isaksson/how-i-made-googles-data-grid-scroll-10x-faster-with-one-line-of-css-78cb1e8d9cb1
Johan Isaksson describes how he improved Google Search Console page scrolling by making it 10x faster with a single line of CSS. -
Modern CSS in a Nutshell
https://cloudfour.com/thinks/modern-css-in-a-nutshell/
Scott Vandehey shares a high-level overview of the current state of CSS. -
Using Position Sticky With CSS Grid
https://ishadeed.com/article/position-sticky-css-grid/
Ahmad Shadeed explains why position: sticky isn’t working as expected with a child of a grid container. -
Make your website stand out with a custom scrollbar
https://esteetey.dev/make-your-website-stand-out-with-a-custom-scrollbar
Estee Tey describes how to re-create the CSS Tricks scrollbar. -
Cross-fading any two DOM elements is currently impossible
https://jakearchibald.com/2021/dom-cross-fade/
Jake Archibald shows why the cross-fading is not working when neither element is fully opaque. -
Squoosh
https://squoosh.app/
Squoosh is the image optimizer that allows you to compress and compare images with different codecs in your browser.
Happy coding!