Curated by Wenyi Chu

READ MORE
wednesday
01 Sep 2021
How to determine critical CSS for your webpage webperftools.com

If you ever tried optimizing your website performance, you probably run your web page through Google Page Speed and got several tips on what can be improved to make your site faster.

SHOW MORE
How to determine critical CSS for your webpage
Performance
3 Essential Design Trends, September 2021 webdesignerdepot.com

This collection of trends – from fun angles to illustrations where you wouldn’t expect them to cool three-dimensional concepts – is sure to help you think a little more out of the box. It might be just the right inspiration to cure some of that design boredom.

SHOW MORE
3 Essential Design Trends, September 2021
Design
Extract critical CSS web.dev

Learn how to improve render times with critical CSS technique.

SHOW MORE
Extract critical CSS
Performance
Refactoring CSS: Optimizing Size And Performance (Part 3) smashingmagazine.com

Refactored codebase should result in similar or improved performance and improved codebase health. After all, if deploying the refactored codebase causes loading or performance issues, it will result in less traffic and revenue.

SHOW MORE
Refactoring CSS: Optimizing Size And Performance (Part 3)
Performance
Why lab and field data can be different (and what to do about it) web.dev

Learn why tools that monitor Core Web Vitals metrics may report different numbers, and how to interpret those differences.

SHOW MORE
Why lab and field data can be different (and what to do about it)
Performance
Vector? Raster? Why not both! zachleat.com

This week I ran into an interesting class of problem that—in hindsight—could use a much better workflow. Does it exist?

SHOW MORE
Vector? Raster? Why not both!
Performance
friday
20 Aug 2021
What is ‘Elite Overproduction’? overcomingbias.com

Elite overproduction … describes the condition of a society which is producing too many potential elite-members relative to its ability to absorb them into the power structure. … a cause for social instability

SHOW MORE
What is ‘Elite Overproduction’?
General
Compat 2021 mid-year update: Flex gap everywhere web.dev

Mid-year update on Compat 2021—an effort to eliminate browser compatibility problems in five key focus areas: CSS flexbox, CSS Grid, position: sticky, aspect-ratio, and CSS transforms.

SHOW MORE
Compat 2021 mid-year update: Flex gap everywhere
Development
Using CSS Module Scripts to import stylesheets web.dev

Learn how to use CSS module scripts to import CSS stylesheets using the same syntax as JavaScript modules.

SHOW MORE
Using CSS Module Scripts to import stylesheets
Development
Blobbb Fun blobbb.fun

Generate random SVG blob

SHOW MORE
Blobbb Fun
Design