I recently came across an old jQuery tutorial demonstrating a “moving highlight” navigation bar and decided the concept was due for a modern upgrade. With this pattern, the border around the active navigation item animates directly from one element to another as the user clicks on menu items. In 2025, we have much better tools […]
Creating The “Moving Highlight” Navigation Bar With JavaScript And CSS Read More »
Gmail in 2025 should be more than an inbox—it should write your emails, follow up, and manage your communication for you. Why are we still typing replies when AI can understand tone, context, and intent better than ever? The future isn’t inbox zero—it’s email that handles itself.
The Future of Gmail Isn’t an Inbox—It’s an Assistant That Writes Your Emails for You Read More »
The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Most popovers can be light-dismissed, closing when the user clicks or taps outside the popup. Currently, HTML popover lacks built-in auto-close functionality, but it’s easy to add. Auto closing popups are useful for user interfaces
Creating an Auto-Closing Notification With an HTML Popover Read More »
The “I Only Use Figma” designer is convinced Figma can solve all of life’s problems, from wireframes to world peace. They’ll flex their Figma files like a secret society, leaving you wondering if they could design a better universe—if only it were in vector format.
The Figma Fanboy: Designing with Passion, Judgment, and a Lot of Auto-Layouts Read More »
In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon (and also g). This time around, we are going to tackle a more advanced topic, the absolute powerhouse of SVG
Decoding The SVG path Element: Line Commands Read More »
If you’re following along, this is the third post in a series about the new CSS shape() function. We’ve learned how to draw lines and arcs and, in this third part, I will introduce the curve command — the missing command you need to know to have full control over the shape() function. In reality,
Better CSS Shapes Using shape() — Part 3: Curves Read More »
Duolingo’s notifications are a masterclass in psychological manipulation, using FOMO and guilt to keep users engaged and reinforce habits. While effective for habit formation, they raise questions about whether they’re perpetuating a digital addiction.
The Art of Duolingo Notifications: The Subtle Manipulation of Language Learners Read More »
In many countries, web accessibility is a human right and the law, and there can be heavy fines for non-compliance. Naturally, this means that text and icons and such must have optimal color contrast in accordance with the benchmarks set by the Web Content Accessibility Guidelines (WCAG). Now, there are quite a few color contrast
Exploring the CSS contrast-color() Function… a Second Time Read More »
The State of CSS 2025 Survey dropped a few days ago, and besides waiting for the results, it’s exciting to see a lot of the new things shipped to CSS over the past year reflected in the questions. To be specific, the next survey covers the following features: calc-size() shape() Scroll-driven animations Container scroll-state queries
The State of CSS 2025 Survey is out! Read More »
When people talk about UX, it’s usually about the things they can see and interact with, like wireframes and prototypes, smart interactions, and design tools like Figma, Miro, or Maze. Some of the outputs are even glamorized, like design systems, research reports, and pixel-perfect UI designs. But here’s the truth I’ve seen again and again
Collaboration: The Most Underrated UX Skill No One Talks About Read More »
