Abner Nascimento shares a fun animation experiment: He uses SVG filters and masks to create an interactive superhero-like illustration effect for the web.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/3AnVIYS
via IFTTT
Smashing Podcast Episode 41 With Eva PenzeyMoog: Designing For Safety
In this episode, we’re talking about designing for safety. What does it mean to consider vulnerable users in our designs? Drew McLellan talks to expert Eva PenzeyMoog to find out.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/3yCqixx
via IFTTT
HTTP/3 From A To Z: Core Concepts (Part 1)
What exactly is HTTP/3? Why was it needed so soon after HTTP/2 (which was only finalized in 2015)? How can or should you use it? And especially, how does this improve web performance? Let’s find out.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/3CuCqCY
via IFTTT
Responsible Markdown In Next.js
Parsing, processing, enhancing, and converting Markdown needs code. Kitty Giraudel explains how to keep Markdown out of the client in a Next.js application.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/3fLkhan
via IFTTT
Four Useful VSCode Extensions For Web Developers
VS Code can be supercharged wuth hundreds of VS Code extensions. In this article, Leonardo shares four useful extensions that help him in his daily work.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/3lAVeua
via IFTTT
Figma File Structure Best Practices
Luis Ouriach published a best practices guide on how to structure frames in Figma to ensure that the design process and handoff are as smooth as butter.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/3yA8lQ0
via IFTTT
Frustrating Design Patterns: Disabled Buttons
How can we make disabled buttons more inclusive? When do they work well, and when do they fail on us? And finally, when do we actually need them, and how can we avoid them? Let’s find out.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/3rZL9bp
via IFTTT
React Children And Iteration Methods
In this article, we’ll discuss and learn about the use case of iterating over React children and the ways to do it. In particular, we will deep dive into one of the utility methods, React.Children.toArray, that React gives us, which helps to iterate over the children in a way which ensures performance and determinism.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/2TXp5Sm
via IFTTT
Loading Third-Party JavaScript
How do you prevent third-party scripts from harming performance? Addy Osmani and Arthur Evans share how to load third-party JavaScript and which patterns you should avoid when doing so.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/3d6Eox6
via IFTTT
How To Build Resilient JavaScript UIs
Resilience is intrinsic to the web and therefore us, web developers. This article explores how graceful degradation, defensive coding, observability, and a healthy attitude towards failures better equips us before, during, and after an error occurs.
from Smashing Magazine — For Web Designers And Developers https://ift.tt/3xm7JMr
via IFTTT