Time to read: under 3 minutes
#512
September 18, 2024
Read on the web
Hey Designers!
This week we have:
* 7 ways to make your website better * Swiss web design * complex design * sticky headers * and more…
7 Ways to Make Your Website Unique
How do you make your websites stand out and prevent your designs from looking like everyone else’s? Matt shares seven different approaches to make your web design truly unique.
FLUX ACADEMY
Top Freelance Web Designers, Developers, and Creative Talent in France
In this article, awwwards spotlighted the best independent talent from France, including top UX designers, frontenders, creative developers, and digital product designers.
AWWWARDS
3 Essential Design Trends, September 2024
September’s web design trends by Corrie Cousins have a fun, fall feeling …. See what’s trending in website design this month.
CARRIE COUSINS
Swiss Web Design — a case study
Swiss web design is more than just an aesthetic choice; it’s a purposeful approach to delivering clean, intuitive, and effective digital experiences. But, what makes Swiss web design stand out?
INVISIONCHIP
Complex Web Design Is an Overlooked Opportunity That Needs Designers
Kai Wong explains how to enter the steady world of complex web design and design when the content is often overwhelming.
KAI WONG
TOOLS
* 👨✈️ Avatars – A collection of diverse free avatar.
* 🌏 Everyone Draw – Draw pixel art with people around the world on an infinite canvas.
Sticky Headers And Full-Height Elements: A Tricky Combination
Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like `100vh`. Philip Braunen explores why this happens and presents a solution to fix it.
PHILIP BRAUNEN
CSS Display Contents
Learn how to use display contents to build more fluid layouts.
AHMAD SHADEED
Creating a Custom Cursor for Your Website
If you’re looking to give your website a unique touch, follow along as Bridget Amana shows how to create a custom circle cursor using a bit of CSS and JavaScript.
BRIDGET AMANA
The Easy Way to Understand Flexbox Alignment
In this video Kevin Powell takes a look at some tricks to remembering the difference between justify-content and align-items, and better understanding why they work a little differently from one another.
KEVIN POWELL
The Two Lines of CSS That Tanked Performance (120fps to 40fps)
Learn how to speed background animation. In this case, it took two lines of CSS.
COMPONENT ODYSSEY
🔗 Time travelling CSS with :target
🔗 The undeniable utility of CSS `:has`
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.
#512
September 18, 2024
Read on the web
Hey Designers!
This week we have:
* 7 ways to make your website better * Swiss web design * complex design * sticky headers * and more…
7 Ways to Make Your Website Unique
How do you make your websites stand out and prevent your designs from looking like everyone else’s? Matt shares seven different approaches to make your web design truly unique.
FLUX ACADEMY
Top Freelance Web Designers, Developers, and Creative Talent in France
In this article, awwwards spotlighted the best independent talent from France, including top UX designers, frontenders, creative developers, and digital product designers.
AWWWARDS
3 Essential Design Trends, September 2024
September’s web design trends by Corrie Cousins have a fun, fall feeling …. See what’s trending in website design this month.
CARRIE COUSINS
Swiss Web Design — a case study
Swiss web design is more than just an aesthetic choice; it’s a purposeful approach to delivering clean, intuitive, and effective digital experiences. But, what makes Swiss web design stand out?
INVISIONCHIP
Complex Web Design Is an Overlooked Opportunity That Needs Designers
Kai Wong explains how to enter the steady world of complex web design and design when the content is often overwhelming.
KAI WONG
TOOLS
* 👨✈️ Avatars – A collection of diverse free avatar.
* 🌏 Everyone Draw – Draw pixel art with people around the world on an infinite canvas.
Sticky Headers And Full-Height Elements: A Tricky Combination
Sticky elements don’t play nicely if they have to coordinate with other elements to make up a combined height, like `100vh`. Philip Braunen explores why this happens and presents a solution to fix it.
PHILIP BRAUNEN
CSS Display Contents
Learn how to use display contents to build more fluid layouts.
AHMAD SHADEED
Creating a Custom Cursor for Your Website
If you’re looking to give your website a unique touch, follow along as Bridget Amana shows how to create a custom circle cursor using a bit of CSS and JavaScript.
BRIDGET AMANA
The Easy Way to Understand Flexbox Alignment
In this video Kevin Powell takes a look at some tricks to remembering the difference between justify-content and align-items, and better understanding why they work a little differently from one another.
KEVIN POWELL
The Two Lines of CSS That Tanked Performance (120fps to 40fps)
Learn how to speed background animation. In this case, it took two lines of CSS.
COMPONENT ODYSSEY
🔗 Time travelling CSS with :target
🔗 The undeniable utility of CSS `:has`
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.