Web Development

What’s !important #5: Lazy-loading iframes, Repeating corner-shape Backgrounds, and More

This issue of What’s !important is dedicated to our friends in the UK (aka me), who are currently experiencing a very miserable 43-day rain streak. Presenting: the five most interesting things to read about CSS from the last couple of weeks. Plus, the latest features from Chrome 145, and anything else you might’ve missed. TL;DR: […]

What’s !important #5: Lazy-loading iframes, Repeating corner-shape Backgrounds, and More Read More »

Building Digital Trust: An Empathy-Centred UX Framework For Mental Health Apps

Imagine a user opening a mental health app while feeling overwhelmed with anxiety. The very first thing they encounter is a screen with a bright, clashing colour scheme, followed by a notification shaming them for breaking a 5-day “mindfulness streak,” and a paywall blocking the meditation they desperately need at that very moment. This experience

Building Digital Trust: An Empathy-Centred UX Framework For Mental Health Apps Read More »

Making a Responsive Pyramidal Grid With Modern CSS

In the previous article, we built the classic hexagon grid. It was a responsive implementation without the use of media queries. The challenge was to improve a five-year old approach using modern CSS. Support is limited to Chrome only because this technique uses recently released features, including corner-shape, sibling-index(), and unit division. CodePen Embed Fallback

Making a Responsive Pyramidal Grid With Modern CSS Read More »

Seedance 2.0 vs. Sora 2 vs. Runway Gen-4: AI Video API Comparison for Developers (2026)

In-depth developer comparison of Seedance 2.0, OpenAI Sora, and Runway Gen-4 AI video APIs. Covers API architecture, latency benchmarks, pricing, rate limits, SDK support, code examples, and a decision framework for production integration. Continue reading Seedance 2.0 vs. Sora 2 vs. Runway Gen-4: AI Video API Comparison for Developers (2026) on SitePoint.

Seedance 2.0 vs. Sora 2 vs. Runway Gen-4: AI Video API Comparison for Developers (2026) Read More »

Claude Code Agent Update: Anthropic’s Multi-Agent Feature Now Lets You Run a Team of AI Developers

Learn how Anthropic’s Agent Teams feature for Claude Code lets you spawn multiple AI agents to work on your codebase in parallel. Covers architecture, setup, real-world usage patterns, limitations, and what multi-agent AI development means for the future of software engineering. Continue reading Claude Code Agent Update: Anthropic’s Multi-Agent Feature Now Lets You Run a

Claude Code Agent Update: Anthropic’s Multi-Agent Feature Now Lets You Run a Team of AI Developers Read More »

Approximating contrast-color() With Other CSS Features

You have an element with a configurable background color, and you’d like to calculate whether the foreground text should be light or dark. Seems easy enough, especially knowing how mindful we ought to be with accessibility. There have been a few drafts of a specification function for this functionality, most recently, contrast-color() (formerly color-contrast()) in

Approximating contrast-color() With Other CSS Features Read More »

Designing For Agentic AI: Practical UX Patterns For Control, Consent, And Accountability

In the first part of this series, we established the fundamental shift from generative to agentic artificial intelligence. We explored why this leap from suggesting to acting demands a new psychological and methodological toolkit for UX researchers, product managers, and leaders. We defined a taxonomy of agentic behaviors, from suggesting to acting autonomously, outlined the

Designing For Agentic AI: Practical UX Patterns For Control, Consent, And Accountability Read More »