UI Dev Newsletter

Issue:#41

2021-01-25

• Web Almanac: Media

  https://almanac.httparchive.org/en/2020/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

  https://developer.chrome.com/blog/new-in-chrome-88/#aspect-ratio

  Chrome announces the support of the aspect-ratio property.

• Building a sidenav component

  https://web.dev/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

  https://calendar.perfplanet.com/2020/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

  https://dev.to/5t3ph/my-top-css-tips-as-shared-on-twitter-part-1-23e2

  Stephanie Eckles compiles a list of CSS tips, including gradient borders to more aesthetic :focus styles.

• Why Tailwind Isn't for Me

  https://dev.to/jaredcwhite/why-tailwind-isn-t-for-me-5c90

  Jared White outlines reasons why Tailwind CSS was not the choice for him.

• How We Improved SmashingMag Performance

  https://www.smashingmagazine.com/2021/01/smashingmag-performance-case-study/

  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.

  https://twitter.com/smashingmag/status/1352185650091581441

  Smashing Magazine shares a tip on how to debug layout shifts.

All issues

• Issue #46 (2021-03-01)
• Issue #45 (2021-02-22)
• Issue #44 (2021-02-15)
• Issue #43 (2021-02-08)
• Issue #42 (2021-02-01)
• Issue #41 (2021-01-25)
• Issue #40 (2021-01-18)
• Issue #39 (2021-01-11)
• Issue #38 (2021-01-04)
• Issue #37 (2020-12-28)
• Issue #36 (2020-12-21)
• Issue #35 (2020-12-14)
• Issue #34 (2020-12-08)
• Issue #33 (2020-12-01)
• Issue #32 (2020-11-23)
• Issue #31 (2020-11-16)
• Issue #30 (2020-11-09)
• Issue #29 (2020-11-02)
• Issue #28 (2020-10-26)
• Issue #27 (2020-10-19)
• Issue #26 (2020-10-12)
• Issue #25 (2020-10-05)
• Issue #24 (2020-09-28)
• Issue #23 (2020-09-21)
• Issue #22 (2020-09-14)
• Issue #21 (2020-09-07)
• Issue #20 (2020-08-31)
• Issue #19 (2020-08-24)
• Issue #18 (2020-08-17)
• Issue #17 (2020-08-10)
• Issue #16 (2020-08-03)
• Issue #15 (2020-07-27)
• Issue #14 (2020-07-20)
• Issue #13 (2020-07-13)
• Issue #12 (2020-07-06)
• Issue #11 (2020-06-29)
• Issue #10 (2020-06-22)
• Issue #9 (2020-06-15)
• Issue #8 (2020-06-08)
• Issue #7 (2020-06-01)
• Issue #6 (2020-05-25)
• Issue #5 (2020-05-18)
• Issue #4 (2020-05-11)
• Issue #3 (2020-05-04)
• Issue #2 (2020-04-27)
• Issue #1 (2020-04-20)