UI Dev Newsletter #67

Issue:#67

2021-07-26

Resource inlining in JavaScript frameworks

https://web.dev/aurora-resource-inlining/

Minko Gechev shows how to improve Largest Contentful Paint across the JavaScript ecosystem by inlining Critical CSS.
Detecting media query support in CSS and JavaScript

https://kilianvalkhof.com/2021/web/detecting-media-query-support-in-css-and-javascript/

Kilian Valkhof shows how to detect support for media queries regardless of if they are turned on.
Using the Specificity of :where() as a CSS Reset

https://css-tricks.com/using-the-specificity-of-where-as-a-css-reset/

Mojtaba Seyedi explains how to use the 'where()' selector to reset the weight of the selector for easier overriding.
Prevent unwanted Layout Shifts caused by Scrollbars with the scrollbar-gutter CSS property

https://www.bram.us/2021/07/23/prevent-unwanted-layout-shifts-caused-by-scrollbars-with-the-scrollbar-gutter-css-property/#classic-vs-overlay

Bramus Van Damme explains how developers could control a side-effect when showing scrollbars on the web to avoid layout shifts.
The Ultimate Cheat sheet List For Web Developers

https://dev.to/insha/the-ultimate-cheat-sheet-list-for-web-developers-2i9i

Insha Ramin shares some quick and helpful cheat sheets that'll save you hours in wasted time each week.
Chrome DevTools: Easily control typography with the CSS Font Editor

https://umaar.com/dev-tips/244-font-editor/

Umar Hansa shows how to use the font editor within the styles pane to change typography on a web page quickly.
How To Learn Stuff Quickly

https://www.joshwcomeau.com/blog/how-to-learn-stuff-quickly/

Josh Comeau shares what he has learned about learning and shows how he pick up new skills lickety-split.
PageSpeed Compare

https://pagespeed.compare/

Sander Heilbron shares a project that allows you to compare performance metrics of your pages against each other or your competitors using Google PageSpeed Insights.

All issues

UI Dev Newsletter

Issue:#67

All issues

Subscribe to the UI Dev Newsletter