Time to read: under 3 minutes Β βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ βΒ β
#517
November 27, 2024
Read on the web
Hey Designers! π
Β
This week we have:
* logo tweaks * responsive design failing * 7 web designs mistakes * scroll animations * and more…
Β
DESIGN
π₯ These subtle tweaks took my logo from amateur to professional (anyone can do it!)
Kyle shares little tricks to create a simple logo, that’s both polished and professional.
THE ADMIN BAR
Why Responsive Design is Failing Modern Users
In this article, Louise dives into the limitations of responsive design, explores why it often falls short for modern users, and discusses how developers and designers can adapt to address these challenges.
LOUISE NORTH
Top 7 Web Design Mistakes That Hurt Your SEO and How to Avoid Them
The following article identifies seven of the most common web design mistakes that hurt SEO, along with actionable solutions to help improve rankings and user experience.
MOHAMAD BEYROUTI
Fonts That Speak: Typography as a Storytelling Tool in Modern Design
Letβs dive into the world of typography design and explore how it relates to storytelling to figure out how you can leverage it.
ROSHAN PERERA
AIβs Transformative Impact On Web Design: Supercharging Productivity Across The Industry
Discover how AI is reshaping web design, boosting productivity in design, coding, UX, and copywriting while amplifying human creativity in a new article by Paul Boag.
PAUL BOAG
Β
NEWS
π Web Design services market is going to boom.
πΌ What not to include on your designer resume in 2025.
Β
DEV
π₯ CSS Popover + Anchor Positioning is Magical
If youβve ever needed the positioning of an element to be connected (or anchored) to the position of another element, then youβll be very excited about anchor positioning in CSS!
KEVIN POWELL
Popping Comments With CSS Anchor Positioning and View-Driven Animations
How combining CSS Anchor Positioning and Scroll-Driven Animations opens up new possibilities that clearly fall into what most of us would have considered JavaScript territory just last year.
JUAN DIEGO RODRΓGUEZ
Overflow Clip
Ahmad Shadeed explains how overflow: clip works in CSS.
AHMAD SHADEED
(Up-) Scoped Scroll Timelines
You can give a name (“custom ident”) to any scrolling element’s “timeline”, have a parent element pick it up, then have any other element use it for their own animation timeline. It’s a trip!
CHRIS COYIER
Consecutive Scroll Animations with One Element
A simple concept of animating one element across different waypoints on scroll using GSAP Flip and ScrollTrigger.
MANOELA ILIC
Β
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.
#517
November 27, 2024
Read on the web
Hey Designers! π
Β
This week we have:
* logo tweaks * responsive design failing * 7 web designs mistakes * scroll animations * and more…
Β
DESIGN
π₯ These subtle tweaks took my logo from amateur to professional (anyone can do it!)
Kyle shares little tricks to create a simple logo, that’s both polished and professional.
THE ADMIN BAR
Why Responsive Design is Failing Modern Users
In this article, Louise dives into the limitations of responsive design, explores why it often falls short for modern users, and discusses how developers and designers can adapt to address these challenges.
LOUISE NORTH
Top 7 Web Design Mistakes That Hurt Your SEO and How to Avoid Them
The following article identifies seven of the most common web design mistakes that hurt SEO, along with actionable solutions to help improve rankings and user experience.
MOHAMAD BEYROUTI
Fonts That Speak: Typography as a Storytelling Tool in Modern Design
Letβs dive into the world of typography design and explore how it relates to storytelling to figure out how you can leverage it.
ROSHAN PERERA
AIβs Transformative Impact On Web Design: Supercharging Productivity Across The Industry
Discover how AI is reshaping web design, boosting productivity in design, coding, UX, and copywriting while amplifying human creativity in a new article by Paul Boag.
PAUL BOAG
Β
NEWS
π Web Design services market is going to boom.
πΌ What not to include on your designer resume in 2025.
Β
DEV
π₯ CSS Popover + Anchor Positioning is Magical
If youβve ever needed the positioning of an element to be connected (or anchored) to the position of another element, then youβll be very excited about anchor positioning in CSS!
KEVIN POWELL
Popping Comments With CSS Anchor Positioning and View-Driven Animations
How combining CSS Anchor Positioning and Scroll-Driven Animations opens up new possibilities that clearly fall into what most of us would have considered JavaScript territory just last year.
JUAN DIEGO RODRΓGUEZ
Overflow Clip
Ahmad Shadeed explains how overflow: clip works in CSS.
AHMAD SHADEED
(Up-) Scoped Scroll Timelines
You can give a name (“custom ident”) to any scrolling element’s “timeline”, have a parent element pick it up, then have any other element use it for their own animation timeline. It’s a trip!
CHRIS COYIER
Consecutive Scroll Animations with One Element
A simple concept of animating one element across different waypoints on scroll using GSAP Flip and ScrollTrigger.
MANOELA ILIC
Β
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.