Adam’s such a mad scientist with CSS. He’s been putting together a series of “notebooks” that make it easy for him to demo code. He’s got one for gradient text, one for a comparison slider, another for accordions, and the list goes on. One of his latest is a notebook of scroll-driven animations. They’re all […]
Scroll Driven Animations Notebook Read More »
Content testing is a simple way to test the clarity and understanding of the content on a page — be it a paragraph of text, a user flow, a dashboard, or anything in between. Our goal is to understand how well users actually perceive the content that we present to them. It’s not only about
How To Test And Measure Content In UX Read More »
This article is a sponsored by DebugBear Loading your website HTML quickly has a big impact on visitor experience. After all, no page content can be displayed until after the first chunk of the HTML has been loaded. That’s why the Time to First Byte (TTFB) metric is important: it measures how soon after navigation
Time To First Byte: Beyond Server Response Time Read More »
We’ve been able to get the length of the viewport in CSS since… checks notes… 2013! Surprisingly, that was more than a decade ago. Getting the viewport width is as easy these days as easy as writing 100vw, but what does that translate to, say, in pixels? What about the other properties, like those that take a percentage,
Typecasting and Viewport Transitions in CSS With tan(atan2()) Read More »
The evolution of emojis from simple icons to a universal language highlights the power of intuitive, inclusive, and emotionally resonant design. For UX and web designers, emojis offer valuable lessons in simplicity, standardization, and creating meaningful connections with diverse audiences.
✨Why Emojis Are the Ultimate User Interface ✨ Read More »
Some Amazon app users are noticing a new design, with the navigation bar and the company logo now missing. Instead, a large search bar greet users, raising questions about whether this change is part of a broader redesign or a test for a future logo-less interface.
Amazon App Ditches the Logo (For Now)—Is This the Future of App Design? Read More »
I’m trying to come up with ways to make components more customizable, more efficient, and easier to use and understand, and I want to describe a pattern I’ve been leaning into using CSS Cascade Layers. I enjoy organizing code and find cascade layers a fantastic way to organize code explicitly as the cascade looks at
Organizing Design System Component Patterns With CSS Cascade Layers Read More »
From MacRumors: Stationery Pad is a handy way to nix a step in your workflow if you regularly use document templates on your Mac. The long-standing Finder feature essentially tells a file’s parent application to open a copy of it by default, ensuring that the original file remains unedited. This works for any kind of
Make Any File a Template Using This Hidden macOS Tool Read More »
Opera Air is a newly launched browser that integrates mindfulness features like guided meditations and stretch reminders to promote a balanced and focused browsing experience.
Opera Air: A Mindful Browser That Strikes a Delicate Balance Read More »
I don’t know how it is for other designers, but when I start a new project, there’s always this moment where I just sit there and stare. Nothing. No idea. Empty. People often think that “creativity” is some kind of magic that suddenly comes out of nowhere, like a lightning strike from the sky. But
