UI Dev Newsletter
UI Dev Newsletter is a hand-curated list of articles, tutorials, opinions, and tools related to User Interface development. Enjoy the read.
UI Dev Newsletter is a hand-curated list of articles, tutorials, opinions, and tools related to User Interface development. Enjoy the read.
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.
https://markodenic.com/tools/glassmorphism-css-generator/
Marko Denic creates a helpful tool for generating appealing glass effects with CSS only.
If you found anything helpful, you could buy me a coffee.
Buy me a coffee☕️ ☕️ ☕️