• Open

    How to Create a Scalable KYC Onboarding Flow in React with Shadcn UI
    Every B2B SaaS product with a compliance requirement (like banking, lending, payroll, or crypto) hits the same wall early on: before you can let a business use your platform, you need to verify who th  ( 12 min )
    How the Chrome Dino Game Works Under the Hood: A Tour of Chromium's Source Code
    You've seen it a hundred times: the Wi-Fi drops, Chrome shrugs, and a little pixelated T-Rex appears, ready to sprint through a desert the moment you hit the spacebar. That tiny game, hidden behind th  ( 11 min )
    How to Build a Production-Ready AI Agent for $0/Month Using PHP, cPanel, and Gemini Flash
    In this tutorial, you’ll build a practical AI agent that can receive a user prompt, decide whether it needs to use a tool, execute that tool in PHP, store conversation history in MySQL, and continue r  ( 13 min )
    Python for Mechanical Engineering
    Whether you're designing robotics, analyzing fluid dynamics (CFD), or working through complex engineering data, learning to code is one of the most effective ways to boost your workflow and technical  ( 4 min )
    Master Low-Level Graphics in C: Build a Software Renderer from Scratch
    When learning C, it's easy to get stuck building text-based terminal applications that simply ask for user input and print a result back out. While those are great for learning the basics of the langu  ( 4 min )
    How to Build a Browser-Based PDF Color Overlay Tool Using JavaScript
    Sometimes you don't want to change the actual content of a PDF. You simply want to add a colored layer over part or all of the document. This can be useful for creating branded reports, adding colored  ( 12 min )
  • Open

    New EU Guidelines For AI Labelling
    New EU guidelines, why AI sparkles aren’t enough, when AI labels are required, and what the rules mean for AI-powered features and products.  ( 13 min )

  • Open

    AI Paper Review: Generative Modeling by Estimating Gradients of the Data Distribution
    Today, diffusion models have become one of the most influential families of generative AI systems. They power applications ranging from image synthesis and editing to video generation, scientific disc  ( 26 min )
    How to Build an AI Agent with Per-User OAuth Access [Full Handbook]
    When your AI agent serves more than one person, every tool call must answer: who's the agent acting for? Let's learn how to solve this by building an AI agent that connects with Slack and GitHub. A Sl  ( 31 min )
    How to Build a Browser-Based PDF Filter Studio with JavaScript
    PDF editing isn't limited to adding signatures or merging documents. Sometimes you simply want to improve the appearance of a PDF by increasing brightness, boosting contrast, adding blur, converting i  ( 13 min )
  • Open

    Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong
    The warning is correct. And the recommended fixes you've probably seen are wrong. Here's what you can do instead to properly fix the issue. Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 37 min )

  • Open

    Product Experimentation at Scale: How Airbnb, Netflix, Lyft, and Uber run Causal Inference on LLM-Based AI Features
    Causal inference for LLM-based AI features is no longer theoretical. Airbnb, Netflix, Lyft, and Uber have published detailed engineering blog posts describing exactly how they measure the causal impac  ( 27 min )
  • Open

    Building Tactile UX: Honoring Intentional Design With Lottie
    When tasked with building a highly interactive, tactile web experience, the architecture must serve the art direction. In this article, Alexey Kopytin explains their architectural rationale for building a digital stress-relief squeeze toy game using Lottie animations, DOM events, and distance-based math to maintain absolute control over their designers’ intentional motion.  ( 14 min )

  • Open

    Animating CSS border-image
    Border images are an overlooked feature. One neat fact is that border image slices can run across entire borders on an element, and animating it creates beautiful effects. Animating CSS border-image originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 13 min )
    SmashingConf Freiburg 2026, September 7-10
    Smashing Magazine’s in-person conferences are back and returning to the wonderful city of Freiburg next month, September 7–10. SmashingConf Freiburg 2026, September 7-10 originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 9 min )

  • Open

    Using and Styling the Dialog Element
    There's a lot of nuance to the element, a seemingly little piece of web architecture. I've got some notes from digging into it. Using and Styling the Dialog Element originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 18 min )
  • Open

    How Baseline Can Help You Ship Less JavaScript
    The gap between “you need a library for this” and “the browser does this” keeps closing. A practical guide to auditing your dependencies and finding what the web platform can now handle for you.  ( 21 min )

  • Open

    2026 State of CSS, Devs Surveys
    A few notes and takeaways from the 2026 State of CSS survey results, including a nice CSS-Tricks cameo! 2026 State of CSS, Devs Surveys originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 11 min )

  • Open

    Gap Decorations Are Now Available, Here’s What’s New
    Today, with CSS gap decorations fully supported in Chrome and Edge, starting with version 149, you can now very easily style gaps, and with a lot of control. Gap Decorations Are Now Available, Here’s What’s New originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 15 min )

  • Open

    What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More
    The soon-Baseline sibling-index() function for animations, CSS and the 2026 FIFA World Cup, use cases for the infinity keyword, container "stuck" queries, and more. What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 11 min )
  • Open

    Small Joys And Big Adventures (August 2026 Wallpapers Edition)
    Whether you’re enjoying some well-earned time off this August or are jumping headfirst into a new project, how about some new desktop wallpapers to accompany you on all those big and small adventures the month might bring? Well, we’ve got you covered!  ( 15 min )

  • Open

    The Bull And Bear Case For Digital Design In The Age Of AI
    As AI reshapes product design, it could give designers greater autonomy or expose the gaps that autonomy makes harder to hide. Exploring both the bull and bear cases, Andy Budd examines what happens when designers need less permission to act.  ( 17 min )

  • Open

    Thinking Outside The Box: Digital Design In The AI Era
    Many of the AI tools we interact with take the form of text boxes. But what if there was a different way to interact with AI? Oleksii Hrzhehorzhevskyi explores a different approach to creating a new AI assistant and how designers can navigate the field as AI continues to change it.  ( 12 min )

  • Open

    Weaponizing And Defending The React Flight Protocol: Deserialization Sinks In RSCs
    While React Server Components rely on the custom Flight protocol to stream interactive UIs, this same mechanism introduces powerful deserialization sinks that attackers can exploit. Durgesh Pawar breaks down the mechanics behind the CVSS 10.0 “React2Shell” vulnerability to show how protocol manipulation can lead to remote code execution.  ( 27 min )
  • Open

    writing-mode
    The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, and the direction in which blocks and lines progress. .element { writing-mode: vertical-rl; } This is most useful in languages such as Chinese, Japanese or … writing-mode originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 14 min )

  • Open

    When It Makes Sense To “Block” The Main Thread
    The common rule of thumb is to never “block” the browser’s main thread when running JavaScript tasks. But is this a hard rule? Victor Ayomipo describes a use case he encountered involving a screenshot extension where he made an exception to the rule and decided that blocking the main thread was absolutely the right thing to do.  ( 17 min )

  • Open

    pointer-events
    The pointer-events property controls whether an element can become the target of pointer events like clicks, hover states, and other pointer-based events. In other words, it lets you decide whether the browser should treat an element as interactive when the … pointer-events originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 20 min )
2026-08-14T02:03:12.611Z osmosfeed 1.15.1