UI Dev Newsletter

Issue:#57

2021-05-17

• Optimizing Web Vitals using Lighthouse

  https://web.dev/optimize-vitals-lighthouse/

  Addy Osmani covers new tooling in Lighthouse, PageSpeed, and DevTools to help identify how your site can improve on the Web Vitals.

• Container Queries in Web Components

  https://mxb.dev/blog/container-queries-web-components/

  Max Böck explores Container Queries and shares the process of creating a book store demo.

• Component-level art direction with CSS Container Queries

  https://www.sarasoueidan.com/blog/component-level-art-direction-with-container-queries-and-picture/

  Sara Soueidan explores the possibilities of Container Queries by taking a closer look into a classic card component.

• Toggling CSS Custom Properties with Radio Buttons

  https://css-irl.info/toggling-css-custom-properties-with-radio-buttons/

  Michelle Barker shares why CSS Variables are great for toggling between different values using radio buttons.

• What I Learned by Relearning HTML

  https://www.dannyguo.com/blog/what-i-learned-by-relearning-html

  Danny Guo shares his positive experience while relearning HTML by taking a beginners course and reading the MDN documentation for HTML.

• 🧠 Psychology of Design: 101 Cognitive Biases & Principles That Affect Your UX

  https://growth.design/psychology/

  A complete list of cognitive biases and design principles. Tons of product examples, tips, and checklists to improve your user experience.

• Web Development for Beginners - A Curriculum

  https://github.com/microsoft/Web-Dev-For-Beginners

  Microsoft offers a 12-week, 24-lesson curriculum all about JavaScript, CSS, and HTML basics.

• Glassmorphism CSS Generator

  https://markodenic.com/tools/glassmorphism-css-generator/

  Marko Denic creates a helpful tool for generating appealing glass effects with CSS only.

All issues

• Issue #62 (2021-06-21)
• Issue #61 (2021-06-14)
• Issue #60 (2021-06-07)
• Issue #59 (2021-05-31)
• Issue #58 (2021-05-24)
• Issue #57 (2021-05-17)
• Issue #56 (2021-05-10)
• Issue #55 (2021-05-03)
• Issue #54 (2021-04-26)
• Issue #53 (2021-04-19)
• Issue #52 (2021-04-12)
• Issue #51 (2021-04-05)
• Issue #50 (2021-03-29)
• Issue #49 (2021-03-22)
• Issue #48 (2021-03-15)
• Issue #47 (2021-03-08)
• 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)