We ran 100 real-world coding tasks through Claude Code and Cursor to measure tokens per second, code accuracy, and total cost per task. Here’s the data that settles which AI IDE is right for your workflow. Continue reading Claude Code vs Cursor: 2026 Developer Benchmark on SitePoint.
Claude Code vs Cursor: 2026 Developer Benchmark Read More »
Web browsers ship new features all the time, but what fun is it if we can’t build silly and fun things with them? In this article, let’s go over a few demos that I’ve made by using the new customizable <select> feature, and walk through the main steps and techniques that I’ve used to implement
Abusing Customizable Selects Read More »
This article is a sponsored by SurveyJS There’s a mental model most React developers share without ever discussing it out loud. That forms are always supposed to be components. This means a stack like: React Hook Form for local state (minimal re-renders, ergonomic field registration, imperative interaction). Zod for validation (input correctness, boundary validation, type-safe
Building Dynamic Forms In React And Next.js Read More »
The z-index property is one of the most important tools any UI developer has at their disposal, as it allows you to control the stacking order of elements on a webpage. Modals, toasts, popups, dropdowns, tooltips, and many other common elements rely on it to ensure they appear above other content. While most resources focus
The Value of z-index Read More »
Design tokens were supposed to make our lives easier—but now they’re eating us alive. What started as a way to create harmony between design and code has turned into an endless maze of abstractions, debates, and JSON files nobody understands. This is the story of how our obsession with consistency turned design systems into bureaucracies.
Token Fatigue: When Abstraction Eats Itself Read More »
Ten years ago, persuasive design was a relatively new frontier in the field of UX. In a 2015 Smashing article, I was among those who showed a way for practitioners to move from being primarily focused on improving usability and removing friction to also guide users toward a desired outcome. The premise was simple: by
Persuasive Design: Ten Years Later Read More »
Should you use AI for automation? Learn when AI agents add value vs. traditional automation, common mistakes small teams make, and a practical decision framework. Continue reading AI Agents vs Traditional Automation: How Small Teams Can Choose the Right Approach on SitePoint.
AI Agents vs Traditional Automation: How Small Teams Can Choose the Right Approach Read More »
Learn GitLab CI/CD for React: set up automated testing, building, and deployment to GitLab Pages. Complete guide with real examples and practical tips. Continue reading GitLab CI/CD for Frontend Developers: From Zero to Deployed on SitePoint.
GitLab CI/CD for Frontend Developers: From Zero to Deployed Read More »
I’ve been working in User Experience design for more than twenty years. Long enough to have seen the many job titles, from when stakeholders asked us to “just make it pretty” to when wireframes were delivered as annotated PDFs. I’ve seen many tools come and go over the years, methodologies rise and fall, and entire
Human Strategy In An AI-Accelerated Workflow Read More »
Temani Afif recently did this exercise and I thought I’d build off of it. Some of these are useful. Many of them are not. There’s a bird at the end! html html { /* I mean, duh */ } :root :root { /* Sarsaparilla, anyone? */ } :root is a CSS pseudo-class that matches the
The Different Ways to Select in CSS Read More »
