This article is a sponsored by DebugBear There’s no single way to measure website performance. That said, the Core Web Vitals metrics that Google uses as a ranking factor are a great starting point, as they cover different aspects of visitor experience: Largest Contentful Paint (LCP): Measures the initial page load time. Cumulative Layout Shift […]
Effectively Monitoring Web Performance Read More »
A few links about headings that I’ve had stored under my top hat. “Page headings don’t belong in the header” Martin Underhill: I’ll start with where the <h1> should be placed, and you’ll start to see why the <header> isn’t the right location: it’s the header for the page, and the main page content should live within the <main> element. A classic
Headings: Semantics, Fluidity, and Styling — Oh My! Read More »
While new design projects might not be on the top of your mind heading into the holiday season and end of the year, there are still new tools for designers and productivity to help you stay on track. Even if you aren’t in a space to try them now, this is the perfect opportunity to
Exciting New Tools for Designers, November 2025 Read More »
Learn how to measure developer productivity effectively using DORA metrics instead of traditional methods like ticket counts and story points. Continue reading Measuring developer productivity, the old and new on SitePoint.
Measuring developer productivity, the old and new Read More »
I explained recently how I use <symbol>, <use>, and CSS Media Queries to develop what I call adaptive SVGs. Symbols let us define an element once and then use it again and again, making SVG animations easier to maintain, more efficient, and lightweight. Since I wrote that explanation, I’ve designed and implemented new Magnificent 7
Smashing Animations Part 6: Magnificent SVGs With “ And CSS Custom Properties Read More »
AI video isn’t the future—it’s already eating the internet alive. From fake influencers and auto-generated TikToks to corporate “spokespeople” who don’t exist, the flood of synthetic content is rewriting what’s real online. The question is: when everything can be faked, will *real* video become the rarest thing left?
How AI Video Is Taking Over the Internet Read More »
Here’s something you’ll spot in the wild: <div class=”btn” role=”button”>Custom Button</div> This is one of those code smells that makes me stop in my tracks because we know there’s a semantic <button> element that we can use instead. There’s a whole other thing about conflating anchors (e.g., <a class=”btn”>) and buttons, but that’s not exactly
Explaining the Accessible Benefits of Using Semantic HTML Elements Read More »
For years, “UX strategy” felt like a confusing, ambiguous, and overloaded term to me. To me, it was some sort of a roadmap or a “grand vision”, with a few business decisions attached to it. And looking back now, I realize that I was wrong all along. UX Strategy isn’t a goal; it’s a journey
A Practical Guide To UX Strategy Read More »
AI is turning the web into one big pastel gradient with rounded corners. Brutalism is the middle finger we need — raw, jarring, and impossible to fake. In a sea of safe, AI-generated beauty, ugly might be the only honest aesthetic left.
Brutalism in the AI Era: Why Ugly Might Be the Only Honest Aesthetic Left Read More »
Discover IvyForms, a new WordPress form builder plugin that solves common problems like SEO interference, spam, and poor user experience. Free to download. Continue reading Stop Losing Leads: Build Your WordPress Contact Forms with IvyForms on SitePoint.
Stop Losing Leads: Build Your WordPress Contact Forms with IvyForms Read More »
