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.
Happy coding!