UI Dev Newsletter Issue #41
In this issue: media web almanac, sidenav component, Tailwind opinions, and more.
Web Almanac: Media
Tamas Piros, Ben Seymour, and Eric Portis share insights analyses on how we use and misuse images and videos on the web.
New in Chrome 88: CSS aspect-ratio property
Chrome announces the support of the aspect-ratio property.
Building a sidenav component
Adam Argyle shares how he prototyped a Sidenav component for the web that is responsive, stateful, supports keyboard navigation, works with and without Javascript, and works across browsers.
Running Lighthouse in GitHub Actions
Barry Pollard shows how to automate Lighthouse audits in the GitHub repository.
My Top CSS Tips As Shared on Twitter - Part 1
Stephanie Eckles compiles a list of CSS tips, including gradient borders to more aesthetic :focus styles.
Why Tailwind Isn't for Me
Jared White outlines reasons why Tailwind CSS was not the choice for him.
How We Improved SmashingMag Performance
Vitaly Friedman takes a close look at some of the changes they made on the Smashing Magazine site to optimize the web performance and improve the Core Web Vitals metrics.
A little tip for auditing the layout shifts and avoid performance issues.
Smashing Magazine shares a tip on how to debug layout shifts.