• Open

    How to Build and Schedule Local AI Assistants for Daily Tasks
    Most AI agents are reactive as they wait for us to ask something. In this tutorial, I'll show you how to build local AI assistants that run on a schedule, handle the tasks you care about, and generate  ( 10 min )
    How to Integrate AI Agents in .NET Environments for Faster Development
    Generative AI agents are transforming .NET development by helping developers automate repetitive coding tasks, generate unit tests, assist with debugging, document code, and accelerate CI/CD workflows  ( 16 min )
    How to Build a Shadcn Sheet Component in React: Cart and Filter Panel Examples
    A Sheet is a panel that slides in from the edge of the screen instead of popping up in the center like a modal. You've likely used one when you've opened a shopping cart on an e-commerce site or tappe  ( 12 min )
    How to Build a Browser-Based PDF Image Extractor Using JavaScript
    PDF files are widely used for sharing documents because they preserve formatting across different devices. Many PDFs contain valuable images such as logos, product photos, charts, diagrams, illustrati  ( 18 min )

  • Open

    From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction
    The strongest visual concepts don’t start in Figma. They start with the right questions. Explore the pre-concept phase of brand identity design, where teams research brand context, uncover hidden assumptions with stakeholders, and turn shared direction into a visual foundation before a single concept is created.  ( 18 min )

  • Open

    Product Experimentation with Uplift Modeling: Targeting Your LLM Feature Rollout to Users Who Actually Benefit (Python Implementation)
    Your LLM product experiment just came back positive, with a promising 8-percentage-point lift in task completion. You ship the feature and leadership celebrates. Three months later, the core metric ha  ( 19 min )
    How to Turn a Postman Collection into a Maintainable pytest Suite
    A Postman collection is a great place to explore an API. But it's a poor place to keep your tests. Most teams find this out the slow way. Someone exports the collection, converts the requests into tes  ( 7 min )
    How an LMS Software Helps Technical Teams Upskill Faster
    Technology changes faster than almost any other industry. The half-life of technical skills continues to shrink. Frameworks, cloud platforms, AI tooling, and cybersecurity practices evolve so quickly  ( 9 min )
    How to Build Your Own MCP Server and Publish Your ChatGPT App with Supabase Auth and DigitalOcean
    A new type of app is emerging with the development of LLMs and AI-native apps. It lives inside an AI chat (like ChatGPT) rather than being a fully native web or mobile app. In this tutorial, you'll le  ( 35 min )
    How to Implement Role-Based Access Control in a Node.js REST API with JWT
    The first time I built an API without thinking about roles, I gave every logged-in user the same access. It worked fine until a regular user accidentally hit a delete endpoint and wiped test data. Tha  ( 10 min )
  • Open

    Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion
    Many UI trends are designed to capture attention and signal innovation, but those goals often conflict with the needs of mental health apps: reducing cognitive strain, fostering trust, and providing a sense of refuge. Kat Homan introduces an evaluation framework that helps designers assess whether trendy visual and interaction patterns support or undermine the unique goals of mental health experiences.  ( 23 min )

  • Open

    Build Your Own Healthcare AI Assistant with MedGemma, Ollama, and Open WebUI
    Healthcare data is among the most sensitive data there is. Sending it to a cloud AI service is often not an option because of privacy requirements, regulatory compliance, or both. In this tutorial, yo  ( 13 min )

  • Open

    Get Ready For the Powerful CSS border-shape Property!
    We recently got the shape() function and corner-shape property. What else could we possibly need as far as making shapes in CSS? Let me tell you: the border-shape property! Get Ready For the Powerful CSS border-shape Property! originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 13 min )
  • Open

    Meet Kirki: WordPress’s First Visual Builder With An Infinite Canvas
    We have been building websites inside boxes for years on WordPress. Let’s take a closer look at [Kirki](https://kirki.com/), the first freeform visual builder with an infinite canvas, and explore how it redefines the experience with cleaner performance, full design freedom, and zero plugin dependency.  ( 17 min )

  • Open

    Users Don’t Need More Tools: They Need Seamless Integrations
    A closer look at why users don’t need more tools in their daily lives. What they need are seamless integrations of useful features to match already existing, established mental models. Brought to you by Design Patterns For AI Interfaces, **friendly video course on UX** and design patterns by Vitaly.  ( 11 min )

  • Open

    Matching AI Modality To User Intent: Designing The Right Interface
    We’ve fallen into conversational tunnel vision, defaulting every AI capability into a chat-based interface simply because LLMs are trained on dialogue data. But great UX is about matching modality to users’ context, intent, and cognitive load, so the interface adapts to the user, not the other way around.  ( 24 min )

  • Open

    What’s !important #14: Gap Decorations, random(), field sizing, and More
    I know you’re busy, so for What’s !important #14, I’ll be sprinting through what’s been a stacked couple of weeks despite few browser updates. From CSS Quake to CSS Gap Decorations, this isn’t one to miss! What’s !important #14: Gap Decorations, random(), field sizing, and More originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 9 min )
  • Open

    Why Accessibility Is An Operational Capability, Not A Feature
    Teams can generate UI faster than ever, but they still have to guarantee that what they ship is usable, secure, and maintainable. Accessibility as an operational capability rather than a compliance checklist or end-of-project audit, and what that looks like in practice.  ( 16 min )
    Snapshots Of Summer (July 2026 Wallpapers Edition)
    July is just around the corner, and that means... It’s time for some new desktop wallpapers! As every month, the wallpapers in this collection were created by the community for the community and can be downloaded for free. Enjoy!  ( 16 min )

  • Open

    The Shifting Line Between CSS States and JavaScript Events
    CSS has always had pseudo-classes that style things based on user interactions. Recent features, however, are blurring the line between what CSS "listens" for and how they are alternatives to what Javascript typically listens for. The Shifting Line Between CSS States and JavaScript Events originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 13 min )

  • Open

    translateZ()
    The translateZ() function moves an element closer to or farther from the user. translateZ() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 11 min )
    translateY()
    The translateY() function shifts an element vertically by the specified amount. translateY() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 10 min )
    translateX()
    The translateX() function shifts an element horizontally by the specified amount. translateX() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 11 min )
    translate()
    The CSS translate() function shifts an element from its default position on a 2-dimensional plane translate() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 11 min )

  • Open

    Using Scroll-Driven Animations for Opposing Scroll Directions
    Sometimes designers have silly ideas that eventually grow on you. That happened to me with this concept where I had to build columns of items moving in opposite directions when a user scrolls the page. CodePen Embed Fallback Note: This … Using Scroll-Driven Animations for Opposing Scroll Directions originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 12 min )

  • Open

    A First Look at Scroll-Triggered Animations
    Let's poke at the differences between scroll-driven and scroll-triggered animations. A First Look at Scroll-Triggered Animations originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 12 min )

  • Open

    The Siren Song of ariaNotify()
    There's a brand new ariaNotify() method — defined by the WAI-ARIA 1.3 Specification — that provides a means of programmatically triggering narration in a screen reader. The Siren Song of ariaNotify() originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 16 min )

  • Open

    Prop For That
    Props for That creates live props based things CSS can't normally see in the browser. Things like cursor position, progress values, certain form states, current time, scroll velocity. Prop For That originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 6 min )
  • Open

    Designing With Uncertainty: How AI Supercharges Probabilistic Thinking
    In a world where AI is informing more design choices, it’s easy to mistake predictions for certainties. This article introduces Probabilistic Design, a mindset that allows UX and product teams to accept uncertainty, decipher AI outputs with nuance, and make smart, adaptive decisions.

  • Open

    What’s !important #13: @function, alpha(), CSS Wordle, and More
    CSS functions, the alpha() function, Grid Lanes, some things about Dialog that you might not know, CSS Wordle, and more — this is What’s !important right now. What’s !important #13: @function, alpha(), CSS Wordle, and More originally handwritten and published with love on CSS-Tricks. You should really get the newsletter as well.  ( 8 min )
2026-07-14T02:37:06.940Z osmosfeed 1.15.1