Web Development

Avoid common Terraform multi-environment pitfalls. Practical strategies for managing dev, staging, and production infrastructure with separate state files and modules. Continue reading Managing Infrastructure Across Multiple Environments on SitePoint.

Learn about touch target accessibility standards and WCAG guidelines. Discover why 24x24px or 44x44px targets improve usability for all users with code examples. Continue reading Touch Targets and Web Accessibility on SitePoint.

2026 is almost upon us. I know we’re all itching to see the clock strike midnight (cue The Final Countdown by Europe), but not without recapping the best CSS-related things that happened over the last two weeks! Conditional view transitions Chris Coyier showed us how to trigger different view transitions based on the URL (or

A new year is the perfect opportunity to break free from routines, reset habits, and refine how you do things. And while you may have made plenty of New Year’s resolutions, sometimes it’s the small changes that work wonders — a tidy desktop and a new wallpaper, for example, that give you a little motivation

When we think about people who are deaf, we often assume stereotypes, such as “disabled” older adults with hearing aids. However, this perception is far from the truth and often leads to poor decisions and broken products. Let’s look at when and how deafness emerges, and how to design better experiences for people with hearing

Discover SitePoint’s top 20 developer newsletter articles of 2025, featuring insights on React, AI, SQL, CSS, APIs, and modern web development trends. Continue reading Yearly Recap of SitePoint’s Dev Newsletter on SitePoint.

If I had to whittle down my favorite thing about CSS-Tricks to one thing — and like Tom Petty hits, there’s a lot of ’em — it’s that we take moments like this to hit Pause and simply write like humans. We’re a super technical site that gets into super technical web dev jargon and

In my previous article, I explored how AI can help us create functional personas more efficiently. We looked at building personas that focus on what users are trying to accomplish rather than demographic profiles that look good on posters but rarely change design decisions. But creating personas is only half the battle. The bigger challenge

The text-decoration-inset CSS property solves a problem that we’ve had since the beginning of the web, which is that text decorations such as underlines extend beyond the first and last characters (to the edges of the content box, to be specific), resulting in vertical misalignment. CodePen Embed Fallback I say it’s a problem “we’ve” had