What Is CSS Containment and How Can I Use It?
CSS containment lets you isolate layout and paint work to self-contained ‘islands’. Here’s what each contain value does and how to use it safely.
Feed items
Category
Sort
Filter & sortFrontend · Recommended
Category
Sort
CSS subgrid is super good
I’m all aboard the CSS subgrid train. Now I’m seeing subgrid everywhere. Seriously, what was I doing before subgrid? I feel like I was bashing rocks together. Consider the follower HTML: The content could be simple headings and paragraphs. […]
New in ThemeBuilder: Typography and AI Theming Enhancements
See how the ThemeBuilder Typography module for centralized font management and component-level AI theming enhancements can help in our app design and development. Progress ThemeBuilder is a visual styling tool for customizing Telerik and Kendo UI components. Instead of digging through component documentation, ThemeBuil…
Build Accessible Components with Angular Aria
A simple way to add accessibility to your Angular app is with Angular Aria, which gives you production-ready, WCAG-compliant directives. Building accessible components is one of those things we know we should do, but often skip because it feels overwhelming. We need to read about accessibility tips and tricks and a lot…
You've gained a new achievement
For the past month or so I've been obsessed with a book series that's apparently been popular and I just didn't realize - Dungeon Crawler Carl. Without giving too much away, it's basically about a person, and his glorious cat, who get caught up in a real world RPG. I'm currently on book 3 (of 8) and am enjoying every p…
How to Build Your First Full Stack App as a Beginner
There is a point in learning full stack development where reading about it stops being enough. You need to build something and watch the pieces connect. This guide walks through what a simple full stack project looks like, what each... The post How to Build Your First Full Stack App as a Beginner appeared first on Tree…
Apple at 50: my top five Apple moments
The whole world is on the streets, delirious with joy, as today one of the world’s largest companies turns 50 years old. The web is full of reminiscences about Apple and Saint Steve, such as Apple at 50: My 10 most memorable moments. I haven’t been an Apple user for as long as many have, […]
ESLint v10: Flat Config Completion and JSX Tracking
ESLint version 10 has removed the legacy eslintrc configuration system, finalizing a long transition to flat config. The update enhances developer experience, especially for plugin authors and monorepo teams, by changing configuration file location and improving JSX reference tracking. Node.js support has been tightene…
I quit. The clankers won.
… is what I’m reading far too often! Some of you are losing faith! A growing sentiment amongst my peers — those who haven’t already resigned to an NPC career path† — is that blogging is over. Coding is cooked. What’s the point of sharing insights and expertise when the Cognitive Dark Forest will […]
Sniffing Out the CSS Olfactive API
A deep sniff of the new CSS Olfactive API, a set of proposed features for immersive user experiences using smell. Sniffing Out the CSS Olfactive API originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsletter.
Front-End Fools: Top 10 April Fools’ UI Pranks of All Time
These are the historical pranks I consider the top 10 most noteworthy, rather than the “best.” You’ll see that some of them crossed the line and/or backfired. Front-End Fools: Top 10 April Fools’ UI Pranks of All Time originally published on CSS-Tricks, which is part of the DigitalOcean family. You should get the newsl…
The UX Case Study of a Refrigerator
What if the most broken user experience you deal with daily… is your refrigerator? This UX teardown applies product thinking to the humble fridge — exposing its dark patterns, terrible navigation, and hope-based interaction design.
A Practical Guide To Design Principles
Design principles with references, examples, and methods for quick look-up. Brought to you by Design Patterns For AI Interfaces, **friendly video courses on UX** and design patterns by Vitaly.
Animating 160,000 Cubes in Three.js to Visualize Dithering
A step-by-step breakdown of how I built a Three.js visual explainer on dithering by animating 160,000 cubes with custom shaders.
The AI Workshop (Apr 2026 cohort)
Edition #7 is open. The AI Workshop April 2026 cohort enrolls April 1st–5th.
Audio-Visual Vibe Coding with Qwen3.5-Omni: Write Code from Video Alone
Qwen3.5-Omni was released today (March 30, 2026) by Alibaba's Tongyi Lab. This omnimodal model can understand text, images, audio, and video, and generate both text and speech. Key features: Thinker-Talker architecture with Hybrid-Attention Mixture of Experts, 256K token context, 100M+ hours of multimodal training, 113…
Fancy Short Screen Recording Tools
There is a category of apps that help record short-form videos, mostly screencasts. For those of you who work on products that you need to showcase/teach people how to use, video can be super effective. Here’s a list of the ones I’ve seen for reference: I’ve been trying them out for videos like this, but […]
Loading, Accessing and Converting Office and PDF Documents with Telerik Document Processing Libraries
Here’s what you need to get started with Telerik Document Processing Libraries to work with PDF, Word and Excel files (and, like any good suite, make all those document types look very much alike). Progress Telerik Document Processing Libraries, in addition to letting you work with a variety of document formats (…
Take the “chart explosion” coding challenge and earn your spot at CODE100 in July in Berlin
In July, I will run another live edition of CODE100 at the WeAreDevelopers World Congress and if you want to take part and earn your spot on stage in front of 5000 people, why not have a go at solving this year’s challenge? The char explosion problem Oh dear, we wanted to show you some […]
Arnaud Rocca’s Portfolio: From a GSAP-Powered Motion System to Fluid WebGL
An exploration of how reusable GSAP animations, custom text transitions, and fluid WebGL interactions shape a distinctive portfolio experience.
What’s !important #8: Light/Dark Favicons, @mixin, object-view-box, and More
Short n’ sweet but ever so neat, this issue covers light/dark favicons, @mixin, anchor-interpolated morphing, object-view-box, new web features, and more. What’s !important #8: Light/Dark Favicons, @mixin, object-view-box, and More originally published on CSS-Tricks, which is part of the DigitalOcean family. You should…
The Joy Of A Fresh Beginning (April 2026 Wallpapers Edition)
With the new month just around the corner, could there be a better occasion to freshen up your desktop? If you’re looking for some unique and inspiring wallpapers to accompany you on all those adventures that April may bring — and maybe spark some new ideas, too — well, this post has got you covered.
Releasing Searcher, a Configurable, Privacy-Minded Chromium Extension to Trigger Random Searches
A mini-tool to make it costlier to invade your privacy.
Instantiating Objects and Accessing Properties in Blazor
Learn how to use Blazor’s interop features with JavaScript to handle live C# objects for typeable code. Blazor is Microsoft’s framework ideal for creating single-page applications (SPAs), complementing the stack for developing applications entirely in .NET. This is why each year we see significant updates i…
Sabbatical #08: Christchurch
“It is no bad thing to celebrate a simple life.” ― The Lord of the Rings Now that I've explored the north island of New Zealand, it was time to head over to what many describe as "the better island". Initially, I had planned to stay in Christchurch for two nights, take a bus to Twizel, and borrow a small camper van fro…
The Drill-Down Menu with Details and @scope
Even if you nest details elements, you can ensure only one level of them is open at a time, making a menu you can drill down (and up!) from.
Kendo UI for jQuery: AI Coding Assistant
See how the Kendo UI for jQuery AI Coding Assistant can help speed up development and prototyping with an MCP server that provides contextually aware code that follows Kendo UI patterns. AI-powered coding assistants have become an important part of modern software engineering workflows. While AI tools excel at generati…
Where Confidence Needs No Decoration: The Malvah.Studio Story
A look at how Malvah.Studio creates distinctive brand experiences for businesses looking beyond the ordinary.
Form Automation Tips for Happier User and Clients
That gap between "the form works" and "the business works" is something we don't really tend to discuss much as front-enders. We focus a great deal on user experience, validation methods, and accessibility, yet we overlook what the data does once it leaves our control Form Automation Tips for Happier User and Clients o…
When All You Can Do Is All or Nothing, Do Nothing
Tools and Context Dumb Design Systems The Browser Default Is Not Failure Missed Opportunities Are Safer Than Bad Optimisations Use Hints Where You Have Certainty Do Nothing, Deliberately I’ve been working a lot over the last few years on the idea of web performance for design systems. While a lot of my clients want me…
CSS position: sticky now sticks to the nearest scroller on a per axis basis!
If you’ve ever tried to build a data table with a sticky header and a sticky first column, you know the pain. You’d think a simple position: sticky with top: 0 and left: 0 would be enough, but the reality was that only one of both would stick. A recent change to CSS fixes this: position: sticky now plays nice with sing…
Google Stitch: Is This the End of the Junior Designer?
The pixel-perfect designer is dead, and Google Stitch just held the funeral. We’re officially trading the "craft" of manual UI for the era of "Vibe Design"—where a 30-second prompt can outperform a month of Figma iterations.
Resource Names for Enterprise TypeScript Monorepos
How to bring consistency to multi-service TypeScript applications by treating resource names and resource types as first-class concepts with shared utilities ...
Chain-of-Thought Debugging with DeepSeek-R1: When to Let AI Think Through Bugs
Learn when DeepSeek-R1's chain-of-thought reasoning beats standard AI at debugging React race conditions, async Node.js bugs & complex state mutations. Continue reading Chain-of-Thought Debugging with DeepSeek-R1: When to Let AI Think Through Bugs on SitePoint.
DeepSeek V3 Complete Guide: Deploy and Optimize Local AI in 2026
Self-hosted DeepSeek V3 deployment guide: Configure local inference, build a Node.js/React full-stack AI app, optimize performance & reduce AI costs by 80%+. Continue reading DeepSeek V3 Complete Guide: Deploy and Optimize Local AI in 2026 on SitePoint.
DeepSeek API Integration with React and Next.js
Learn DeepSeek API integration in React and Next.js. Build a streaming AI chat app with the OpenAI SDK, route handlers, validation, and Vercel deployment. Continue reading DeepSeek API Integration with React and Next.js on SitePoint.
DeepSeek vs GPT-4: Real Developer Benchmarks & Performance Comparison 2026
DeepSeek benchmarks vs GPT-4 compared. Code generation performance: 82.6% vs 80.5% HumanEval. Cost: 10x cheaper. See which model wins for developers in 2026. Continue reading DeepSeek vs GPT-4: Real Developer Benchmarks & Performance Comparison 2026 on SitePoint.
Fine-Tune DeepSeek Models for Custom Use Cases
In this tutorial you will take a general-purpose language model, adapt it to a specific task with a few thousand labeled examples, and deploy the result behind an API your frontend can call. DeepSeek's open-weight models, particularly DeepSeek-R1 and DeepSeek-V3, ship under permissive licenses that allow commercial use…
Claude Code 2.5: New Features for Web Developers
Claude Code 2.5 adds sub-agent task delegation, persistent hierarchical memory, background hooks, custom slash commands, and Model Context Protocol (MCP) integration to terminal-based workflows. Here's what it means to you. Continue reading Claude Code 2.5: New Features for Web Developers on SitePoint.
Nuxt Test Utils v4: Vitest v4 Requirement, Mocking Overhaul and Stricter Environment Setup
Nuxt Test Utils has released version 4.0.0, which primarily integrates Vitest v4. This update changes the test environment setup to beforeAll, resolving issues with module-level mocks. It also improves mockNuxtImport for cleaner partial mocking and enhances state management for registered endpoints. The library remains…
Motion Highlights #17
From fluid simulations to bold microinteractions, this edition showcases vibrant animation and visual storytelling from across the creative web.
Pixels of the Week – March 29, 2026
The week, we replace AI with humans and draw prompt answers, discover how AI hallucinations confuse shoppers and tourists and answer the question "can we educate accessibility overlay companies?". Also enjoy the longest line of sight on earth, beautiful illustrations, and an adorable Ikea x Tiny Chef collab.
“Conflict”
On not playing the “modern language game,” but calling things what they are.
Chain-of-Thought Debugging with DeepSeek-R1: When to Let AI Think Through Bugs
Picture a React component that intermittently displays a stale counter value, but only when a user clicks rapidly after a network response. Console.log shows the correct state. Breakpoints interrupt the timing and the bug vanishes. This tutorial walks through three concrete production bug patterns in JavaScript, React,…
DeepSeek-R1 Python SDK: Building Async Multi-Step Workflows
Synchronous API calls to large language models create a fundamental bottleneck in multi-step AI pipelines. This article walks through building a complete async multi-step research workflow using DeepSeek-R1's chain-of-thought reasoning model and Python's native asyncio primitives. How to Build Async Multi-Step Workflow…
Hybrid AI Workflows: Combining DeepSeek-R1 Reasoning with Claude Sonnet Coding
How to Build a DeepSeek-R1 + Claude Sonnet Hybrid Workflow Configure API keys for DeepSeek and Anthropic in a .env file and install Node.js dependencies.Build a DeepSeek-R1 reasoning client that returns structured JSON architecture plans.Build a Claude Sonnet coding client that accepts the reasoning plan as context and…
Error Recovery Patterns: Building Resilient DeepSeek-R1 Applications
The gap between a working DeepSeek-R1 demo and a production-ready application is measured in error handling. This tutorial builds a complete error recovery system in Node.js with a React frontend, covering circuit breaker logic, API fallback strategies, and graceful degradation that keeps the user informed. How to Buil…
Integrating DeepSeek-R1 with VS Code: HTTP API Extension Development
Most development teams now use AI-assisted coding tools, but DeepSeek-R1 stands apart from the majority. This tutorial walks through building a fully functional VS Code extension from scratch that sends editor context to DeepSeek-R1's HTTP API and returns intelligent code completions and chat responses directly inside…
You are falling behind because you haven’t fed the insincerity machine in the last 5 minutes
I was lucky enough to witness the beginnings of social media, working on the platforms that made it happen. I’ve also seen the decline of its first iterations and products. Currently I am witnessing the idea of a social web being perverted, weaponised and automated out of any trace of human or social aspect… In my curr…
Checking if a Movie has a Post or Mid Credit Scene
Tell me if you done this before - you're sitting in a movie theater after it's ended and want to know if you should stay for a mid, or post-credit scene (also called a stinger). You open your phone, google, and end up a web page that has five gigs of ads or so and then thirty to forty paragraphs of text talking about t…