2025; I think every front-end developer should know how to enable page transitions, transition a <dialog>, popover, and <details>, animate light n' dark gradient text, type safe their CSS system, and add springy easing to animation.
Radar
Links to things we’re checking into.
:hover > :not(:hover), sorry not sorry
I don't see this technique enough: focus by demotion. Very often we create focus by promotion: hover to create a glow, focus rings, or even just making text bold.
A couple CSS tricks for HTML Dialog elements
I recently was messing around with the HTML <dialog> element. It’s really handy for native dialogs without a ton of JavaScript.
Get This and Other Things In Our Weekly Email Newsletter
No Results Found
The page you requested could not be found. Try refining your search, or use the navigation above to locate the post.
More News & Articles
Fixed Navigation: Enhancing User Experience and Aesthetic Appeal
Explore the advantages and considerations of fixed navigation design in web development. Enhance user experience and aesthetics while ensuring it serves a purpose in your design.
Microinteractions
Microinteractions are subtle site animations enhancing engagement. They include triggers, rules, feedback, and sometimes loops/modes. Practical uses: improving engagement, guiding user behavior. Well-designed microinteractions boost user engagement and your online presence.
Complex vs. Complexity: Designing for User Engagement
Discover the delicate balance between complexity and simplicity in web design. Learn how designers shape user experiences by harnessing complexity to create user-friendly websites.