Time to read: under 3 minutes
#514
October 16, 2024
Read on the web
Hey Designers!
This week we have:
* 20 typography mistakes * 4 web design principles * don’t use viewport units * defer offscreen images * and more…
20 Common Typography Mistakes in UI Design
Avoid these typography mistakes and learn pro tips to make your designs user-friendly and visually appealing.
SUPERCHARGE DESIGN
Why Every UX/UI Designer Should Attend a Masterclass with Brad Frost
In this blog post, John Hagen introduces us to Brad Frost work and share why designers should attend one of his masterclasses — and how his insights can influence our craft and the value we add to companies.
JOHN LEE HAGEN
🎥 Web Design Basics: 4 Principles Every Beginner Needs To Know
Four key principles you will need to understand if you are learning web design.
FLUX ACADEMY
21 UX Strategies to Maximize User Engagement Without Exploitation
Discover the most effective behavioral design frameworks, learn how to drive daily active user growth and retention, and gain practical insights for developing sustainable, ethical strategies that keep your products engaging without becoming exploitative.
TARAS BAKUSEVYCH
Why Your Website Needs a Design System
Gaelle Monin explores the benefits and reasons why a design system is not just a luxury but a prerequisite for a sensible and proactive approach to web development.
GAELLE MONIN
MISC
* 🤷♂️ 5 tips for avoiding confusing category names
* 🤥 Your perfectionism is lying to you
🎥 Please, Don’t Use Viewport Units for Font Sizes
In this video, Kevin Powell looks at why we shouldn’t use viewport units for our font sizes, how we can use clamp(), and how using a tool like Utopia makes figuring it all out a lot easier.
KEVIN POWELL
Practical Accessibility Tips You Can Apply Today
Kevin Andrews shares some useful snippets of markup with handy explainers to help you deliver more accessible components.
KEVIN ANDREWS
Tables with Fixed Headers and Horizontal Scroll
Turns out, creating an HTML table that has both horizontal scroll and fixed headers can be a tricky problem. Tania Rascia explains how to.
TANIA RASCIA
How to Defer Offscreen Images and Background Images
Deferring offscreen images and background images is a web performance optimization technique that can improve user experience and Core Web Vitals on your site. Learn how to defer offscreen images right in the HTML using the ` loading=”lazy”` attribute.
ANNA MONUS
Benchmarking the performance of CSS @property
When starting to use a new CSS feature it’s important to understand its impact on the performance of your websites, whether positive or negative. With `@property` now in Baseline this post explores its performance impact, and things you can do to help prevent negative impact.
BRAMUS
Comments or feedback?
Want to submit an article?
Hit reply to this email!
Never want to hear from us again? Break our hearts and unsubscribe.
#514
October 16, 2024
Read on the web
Hey Designers!
This week we have:
* 20 typography mistakes * 4 web design principles * don’t use viewport units * defer offscreen images * and more…
20 Common Typography Mistakes in UI Design
Avoid these typography mistakes and learn pro tips to make your designs user-friendly and visually appealing.
SUPERCHARGE DESIGN
Why Every UX/UI Designer Should Attend a Masterclass with Brad Frost
In this blog post, John Hagen introduces us to Brad Frost work and share why designers should attend one of his masterclasses — and how his insights can influence our craft and the value we add to companies.
JOHN LEE HAGEN
🎥 Web Design Basics: 4 Principles Every Beginner Needs To Know
Four key principles you will need to understand if you are learning web design.
FLUX ACADEMY
21 UX Strategies to Maximize User Engagement Without Exploitation
Discover the most effective behavioral design frameworks, learn how to drive daily active user growth and retention, and gain practical insights for developing sustainable, ethical strategies that keep your products engaging without becoming exploitative.
TARAS BAKUSEVYCH
Why Your Website Needs a Design System
Gaelle Monin explores the benefits and reasons why a design system is not just a luxury but a prerequisite for a sensible and proactive approach to web development.
GAELLE MONIN
MISC
* 🤷♂️ 5 tips for avoiding confusing category names
* 🤥 Your perfectionism is lying to you
🎥 Please, Don’t Use Viewport Units for Font Sizes
In this video, Kevin Powell looks at why we shouldn’t use viewport units for our font sizes, how we can use clamp(), and how using a tool like Utopia makes figuring it all out a lot easier.
KEVIN POWELL
Practical Accessibility Tips You Can Apply Today
Kevin Andrews shares some useful snippets of markup with handy explainers to help you deliver more accessible components.
KEVIN ANDREWS
Tables with Fixed Headers and Horizontal Scroll
Turns out, creating an HTML table that has both horizontal scroll and fixed headers can be a tricky problem. Tania Rascia explains how to.
TANIA RASCIA
How to Defer Offscreen Images and Background Images
Deferring offscreen images and background images is a web performance optimization technique that can improve user experience and Core Web Vitals on your site. Learn how to defer offscreen images right in the HTML using the ` loading=”lazy”` attribute.
ANNA MONUS
Benchmarking the performance of CSS @property
When starting to use a new CSS feature it’s important to understand its impact on the performance of your websites, whether positive or negative. With `@property` now in Baseline this post explores its performance impact, and things you can do to help prevent negative impact.
BRAMUS
Comments or feedback?
Want to submit an article?
Hit reply to this email!
Never want to hear from us again? Break our hearts and unsubscribe.