Time to read: under 3 minutes
#511
September 4, 2024
Read on the web
Hey Designers!
This week we have:
* fixing basic web design mistakes * design tips for dark themes * reduce unused JavaScript * and more…
Fixing Basic Web Design Mistakes
In this video, Matt uses a live website to highlight some common mistakes and show you how quickly they can be fixed using fundamental principles of graphic design.
FLUX ACADEMY
Dark Theme: 5 UI Design Tips
In this article, you will find a few factors to maintain usability and aesthetic appeal, when designing a dark theme.
UX PLANET
If You Want to Test the Fundamentals of Your Design, Take Off Your Glasses
A quick way to make use of “people don’t read, they scan’”
CHRISTOPHER K WONG
The 80/20 Rule in Design Job Interviews
Why you rarely make it past the case study presentation and how to fix it.
MATEJ LATIN
Redesigning a Random Website I found on the Internet
Reimagining a popular companies landing page design, by Caler Edwards.
CALER EDWARDS
TOOLS
* 🧰 FavIconVideo – Upload a gif and convert it to an animated favicon.
* 💭 Alpha Colors Generator – Generates translucent colors.
State of CSS 2024
Want to calculate a square root or cosine in your CSS? Use that to build scroll-triggered animations? And maybe scope all of it down so it doesn’t have any unwanted effects? Now you can do all that, and much more!
STATE OF CSS
How To Reduce Unused JavaScript
To optimize your site for web performance and improve Core Web Vitals, you need to find a way to reduce unused JavaScript on your site. In this tutorial, Anna Motus looks into some hands-on techniques you can use to achieve this goal.
ANNA MONUS
Build an Animated Javascript Accordion Component, with Overlapping Panels
Discover how to build an accordion using simple JavaScript animation in this step-by-step tutorial.
GEORGE MARTSOUKOS
Easy Fix for a Very Annoying Z-Index Issue
Kevin Powell tip for fixing z-index issues when using CSS Transitions.
KEVIN POWELL
🔗 CSS finally adds vertical centering in 2024
🔗 How to Make Scrollable Sticky Sidebar in 5 Minutes
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.
#511
September 4, 2024
Read on the web
Hey Designers!
This week we have:
* fixing basic web design mistakes * design tips for dark themes * reduce unused JavaScript * and more…
Fixing Basic Web Design Mistakes
In this video, Matt uses a live website to highlight some common mistakes and show you how quickly they can be fixed using fundamental principles of graphic design.
FLUX ACADEMY
Dark Theme: 5 UI Design Tips
In this article, you will find a few factors to maintain usability and aesthetic appeal, when designing a dark theme.
UX PLANET
If You Want to Test the Fundamentals of Your Design, Take Off Your Glasses
A quick way to make use of “people don’t read, they scan’”
CHRISTOPHER K WONG
The 80/20 Rule in Design Job Interviews
Why you rarely make it past the case study presentation and how to fix it.
MATEJ LATIN
Redesigning a Random Website I found on the Internet
Reimagining a popular companies landing page design, by Caler Edwards.
CALER EDWARDS
TOOLS
* 🧰 FavIconVideo – Upload a gif and convert it to an animated favicon.
* 💭 Alpha Colors Generator – Generates translucent colors.
State of CSS 2024
Want to calculate a square root or cosine in your CSS? Use that to build scroll-triggered animations? And maybe scope all of it down so it doesn’t have any unwanted effects? Now you can do all that, and much more!
STATE OF CSS
How To Reduce Unused JavaScript
To optimize your site for web performance and improve Core Web Vitals, you need to find a way to reduce unused JavaScript on your site. In this tutorial, Anna Motus looks into some hands-on techniques you can use to achieve this goal.
ANNA MONUS
Build an Animated Javascript Accordion Component, with Overlapping Panels
Discover how to build an accordion using simple JavaScript animation in this step-by-step tutorial.
GEORGE MARTSOUKOS
Easy Fix for a Very Annoying Z-Index Issue
Kevin Powell tip for fixing z-index issues when using CSS Transitions.
KEVIN POWELL
🔗 CSS finally adds vertical centering in 2024
🔗 How to Make Scrollable Sticky Sidebar in 5 Minutes
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.