Home 🖥️ Design

Design

Your daily dose of design brilliance. Explore top-tier UI/UX insights, design tutorials, and the newest tools in the industry.

1.Tailwind CSS v4.1: Text shadows, masks, and tons more2.Tailwind UI is now Tailwind Plus3.Tailwind CSS v4.04.Tailwind CSS v4.0 Beta 15.Radiant: A beautiful new marketing site template6.Headless UI v2.1: Simplified transition API and improved multi-dialog support7.Automatically clean up whitespace and duplicate class names8.Catalyst: Application layouts, navigation menus, description lists, and more9.Headless UI v2.0 for React10.We're hiring a Design Engineer + Staff Engineer11.Open-sourcing our progress on Tailwind CSS v4.012.Introducing Catalyst: A modern UI kit for React13.Tailwind CSS v3.4: Dynamic viewport units, :has() support, balanced headlines, subgrid, and more14.Heroicons Micro: What are these, icons for ants?15.Meet Studio: Our beautiful new agency site template16.Tailwind Connect 2023: Recap of our first in-person event17.New changelog template + the biggest Tailwind UI update ever18.Tailwind CSS v3.3: Extended color palette, ESM/TS support, logical properties, and more19.Protocol: A beautiful starting point for your next API documentation site20.Tailwind CSS v3.2: Dynamic breakpoints, multi-config, and container queries, oh my!21.We built you a new personal website + Heroicons v2.0, Headless UI v1.7, and more22.New Tailwind CSS + Framer Motion template and Tailwind Jobs23.Tailwind UI: Site templates and all-access24.Tailwind CSS v3.1: You wanna get nuts? Come on, let's get nuts!25.Headless UI v1.6, Tailwind UI team management, Tailwind Play improvements, and more26.Headless UI v1.5: The One With Comboboxes27.Automatic Class Sorting with Prettier28.Effortless Typography, Even in Dark Mode29.Standalone CLI: Use Tailwind CSS without Node.js30.Tailwind CSS v3.031.Introducing Tailwind UI Ecommerce32.Headless UI v1.4: The One With Tabs33.Tailwind CSS v2.234.Tailwind UI: Now with React + Vue support35.Headless UI v1.036.Tailwind CSS v2.137.Heroicons v1.038.Just-In-Time: The Next Generation of Tailwind CSS39.Welcoming James McDonald to Tailwind Labs40."Tailwind CSS: From Zero to Production" on YouTube41.Welcoming David Luhr to Tailwind Labs42.Multi-line truncation with @tailwindcss/line-clamp43.Tailwind CSS v2.044.Tailwind CSS v1.9.045.Introducing Tailwind Play46.Headless UI: Unstyled, Accessible UI Components47."What's new in Tailwind CSS?" on YouTube48.Tailwind CSS v1.8.049.Utility-Friendly Transitions with @tailwindui/react50.Introducing Heroicons.com51.Tailwind CSS v1.7.052.From Nine Hundred to One: How We Hired Robin Malfait53.Tailwind CSS v1.6.054.Simon Vrachliotis Joins Tailwind Labs55.Welcoming Brad Cornes to the Team56.Tailwind CSS v1.5.057.Introducing Tailwind CSS Typography58.Building the Tailwind Blog with Next.js59.Introducing linting for Tailwind CSS IntelliSense
6d
1.Gild Just One Lily2.Using Manim For Making UI Animations3.How To Build A Business Case To Promote Accessibility In Your B2B Products4.Building A Drupal To Storyblok Migration Tool: An Engineering Perspective5.Blossoms, Flowers, And The Magic Of Spring (April 2025 Wallpapers Edition)6.How To Argue Against AI-First Research7.Adaptive Video Streaming With Dash.js In React8.Previewing Content Changes In Your Work With document.designMode9.Web Components Vs. Framework Components: What’s The Difference?10.How To Prevent WordPress SQL Injection Attacks11.How To Build Confidence In Your UX Work12.How To Fix Largest Contentful Paint Issues With Subpart Analysis13.The Case For Minimal WordPress Setups: A Contrarian View On Theme Frameworks14.Sunshine And March Vibes (2025 Wallpapers Edition)15.The Human Element: Using Research And Psychology To Elevate Data Storytelling16.Human-Centered Design Through AI-Assisted Usability Testing: Reality Or Fiction?17.How OWASP Helps You Secure Your Full-Stack Web Applications18.How To Test And Measure Content In UX19.Time To First Byte: Beyond Server Response Time20.Taking RWD To The Extreme21.Integrations: From Simple Data Transfer To Modern Composable Architectures22.Look Closer, Inspiration Lies Everywhere (February 2025 Wallpapers Edition)23.The Digital Playbook: A Crucial Counterpart To Your Design System24.Transitioning Top-Layer Entries And The Display Property In CSS25.Svelte 5 And The Future Of Frameworks: A Chat With Rich Harris26.Navigating The Challenges Of Modern Open-Source Authoring: Lessons Learned27.An Ode To Side Project Time28.On-Device AI: Building Smarter, Faster, And Private Applications29.The Role Of Illustration Style In Visual Storytelling30.Solo Development: Learning To Let Go Of Perfection31.Tight Mode: Why Browsers Produce Different Performance Results32.Lesser Known Uses Of Better Known Attributes33.How To Design For High-Traffic Events And Prevent Your Website From Crashing34.What Does AI Really Mean?35.New Front-End Features For Designers In 202536.New Year, New Hopes, New Dreams (January 2025 Wallpapers Edition)37.The Design Leader Dilemma38.Three Approaches To Amplify Your Design Projects39.An Introduction To CSS Scroll-Driven Animations: Scroll And View Progress Timelines40.Mastering SVG Arcs
37min
1.Breaking Down Circular Dependencies in JavaScript2.Cowardly Defaults and Courageous Overrides With Modern CSS3.Thin Fonts Are a Usability Nightmare—and Finally, Designers Are Waking Up4.Mastering Typography in Design Systems With Semantic Tokens and Responsive Scaling5.Defending Tailwind6.Mastering Cross-Framework State Management in Micro-Frontends7.Could JavaScript Have Synchronous “await”?8.10 Uses for Variables Beyond Light and Dark Mode9.ARIA in HTML10.WebKit Features in Safari 18.411.There Is No Vibe Engineering12.Design for the AI Age13.CSS Naked Day 202514.React Email 4.015.Testing Design Systems in 202516.CSS Carousels17.CSS Naked Day 202518.Job (remote): Senior/Staff Frontend Engineer (Growth) at Binance (Asia)19.Expanding CSS Shadow Effects20.Naming Things in Design Systems—and Why It’s the Worst21.A11y 101: 1.4.4 Resize Text22.The Importance of Alt Text for Images23.[“a:focus-visible”]24.UX Localization: Adapting Experiences to Users Worldwide25.Why UI Automation Is Insufficient as an Accessibility API for the Web26.Creating a Software Engineering Culture27.Your AI UX Intern28.Why the Latest JavaScript Frameworks Are a Waste of Time29.When Config Becomes the Code: The Trap of Over-Abstracting Logic30.When to Use Lists for Better Accessibility31.Website Hijack Campaign Now Impacting 150,000 Sites32.Web Components vs. Framework Components: What’s the Difference?33.View Transitions Applied: Smoothly Animating a “border-radius” With a View Transition34.View Transitions Applied: Dealing With the Snapshot Containing Block35.UX Analytics: How to Measure Your User Experience the Right Way36.The Hidden Burden of Architectural Decision Fatigue (and How to Fix It)37.The Case For Minimal WordPress Setups: A Contrarian View On Theme Frameworks38.Testing Tools for Accessibility Enhancement II39.Testing Tools for Accessibility Enhancement40.System Design Roadmap for Beginners41.State of Vue.js Report 202542.SSR Deep Dive for React Developers43.SEO Is the Worst It’s Ever Been (and It’s Still Your Best Marketing Channel)44.Scrum Not Working? Try It as Is Before You Modify It45.Retrieval-Augmented Generation With Node.js, Podman AI Lab, and React46.Resolving Invalid Custom Tailwind Classname ESLint Warning47.React Query API Design: Lessons Learned48.Quick Accessibility Wins That Are Easy to Implement49.Prompt Engineering for Web Development50.Poisoning Well51.Our Favorite DevTools Features of 202552.One Kilobyte to Copilot: My Journey Through Programming History53.Not All AI-Assisted Programming Is Vibe Coding (but Vibe Coding Rocks)54.Next.js vs. TanStack55.Node Just Added TypeScript Support. What Does That Mean for Deno?56.Myth: Technical Debt Is the Developers Problem57.Minding the Gaps: A New Way to Draw Separators in CSS58.Malware Found on npm Infecting Local Package With Reverse Shell59.License to Kill: Coding With Cursor AI Agents60.Leveraging 3 Types of User Feedback to Create Better User Experiences61.Leverage on Redux to Execute Your Tests 100× Times Faster62.Let’s Knock Down Social Media’s Walled Gardens63.Jo Minney on Website Usability Testing for WordPress Projects64.Land Ahoy: Leaving the Sea of Nodes65.JavaScript’s Missing Link: Wasp Offers Full Stack Solution66.JavaScript67.JavaScript Best Practice: Use “return await”68.Is Vibe Coding Agile or Merely a Hype?69.Is Vite Faster Than Turbopack?70.Is React Accessible? That’s the Wrong Question71.Is Biome Ready to Replace Prettier and ESLint?72.I Quit My FAANG Job Because It’ll Be Automated by the End of 202573.How WebAssembly Components Can Replace JavaScript SDKs74.How WebAssembly Crushes Technical Debt75.How to Troubleshoot Node.js Images in OpenShift76.How to Handle “Urgent Request” in Scrum77.How to Get Deep Traces in Your Node.js Backend With OTel and Deno78.How to Fix Largest Contentful Paint Issues With Subpart Analysis79.How to Create Quality Content (Follow Our 5-Level Framework)80.How I Found My Own Path as an Introverted Engineering Manager81.How Does Chrome Prioritize Image Requests?82.Great Software Design Looks Underwhelming83.Grouping Selection List Items Together With CSS Grid84.Generate Growing Images Using Gemini API85.Future of CSS: “select” Styling Without the Hacks86.From “You Will Fail” to 15,000 GitHub Stars: The Story of Wasp, a “Laravel for JS” Full-Stack Framework87.Four Rules for How Design Influences Technology88.Firefox 136 Launches With Vertical Tabs, but One Requested Feature Is Still Missing89.Expressing Japanese Grammar Through TypeScript Type System90.Explaining UX Design Through the Lens of Construction91.Dropping Support for Twitter/X92.DOJ Pushes for Google to Sell Chrome to Break Search Monopoly93.Direct Access vs. Sequential Access: Why Direct Is Better94.Directives: A Core Feature of the Angular Toolkit95.Designing Design Systems: A Framework for Names, Terms, and Definitions96.Cracking the Code of Vibe Coding97.Cover Flow With Modern CSS: Scroll-Driven Animations in Action98.Composite vs. Simple Tokens99.Content Churn in Google Doubled Over Five Years100.Coding vs. Vibe Coding101.Bulk Actions: 3 Design Guidelines102.Building APIs With Next.js103.Breadcrumbs Are Dead in Web Design104.Automated Tools Can Ensure Full Accessibility Compliance105.AI in the Workplace: A Productivity Boost, Not a Replacement106.ADA Compliance vs. WCAG Conformance107.Accessible Solutions Benefit Everyone: Here’s How108.A11y 101: 1.4.3 Contrast (Minimum)109.A11y 101: 1.4.2 Audio Control110.A 10× Faster TypeScript111.7 Best Practices of File Upload With JavaScript and React112.5 Questions to Ask Your Manager to 10× Your Impact at Work113.10 Best AI Code Review Tools and How They Work114.Artificial Intelligence Needs Community Intelligence115.Accessibility Requires Clear Responsibilities or It Will Fail116.React 19’s New Hooks: With Practical Examples117.“input type="number"”118.Maintaining Screenshot Quality and Color Profile in Figma119.How to Track and Analyze Your AI Traffic120.Lessons Learned From My First Dive Into WebAssembly121.Mission jQuery Zero: How FreeAgent Removed jQuery From Our Application122.Web Scraping With Cheerio in 2025123.War Story: The Hardest Bug I Ever Debugged124.First Look at the Modern “attr()”125.UX or PX? Why Naming Matters126.Designers, Your Excuse Is Gone. Stunning, Animated, and Accessible. Yes, You Can!127.New in Chrome 135128.Layered Text Headers129.Micro-Scrum130.Browse No More131.SMIL On?132.CSS System Colors133.Online Tracking Is Out of Control—Privacy Badger Can Help You Fight Back134.Job (remote): Senior Frontend JavaScript Developer at Bluegrass Digital135.My Favorite Tools for Web Accessibility Testing136.How AI Agents Are Quietly Transforming Frontend Development137.Chilled Out Text Underlines138.UI Algorithms: A Tiny Undo Stack139.State of Drupal Presentation140.How to Conduct an Accessibility Audit: A Step-by-Step Guide141.My Thoughts on Asynchronous Accessibility APIs142.Node.js TSC Votes to Stop Distributing Corepack143.You Should Know This Before Choosing Next.js144.What Is the OWASP Top 10 and How Can Your Team Benchmark Security?145.Web Accessibility Requirements in the EU146.Creating Animated Accordions With the “details” Element and Modern CSS147.This Is the Optimal Team Size That Improves Performance by 400%148.Markup Languages149.“aria-label” Requires a Valid Role150.Understanding the European Accessibility Act (EAA)151.What’s New in WebGPU (Chrome 135)152.DeepSeek and HTML153.Automated Visual Regression Testing With Playwright154.Please Stop Externalizing Your Costs Directly Into My Face155.Implementing “aria-describedby” for Web Accessibility156.Downtime vs. Slowtime: Which Costs You More?157.The Angular Language Server: Understanding IDE Integration Approaches158.Polite is Often Better Than Being Alerted159.What’s the Future of Platform Engineering?160.Page Speed: Avoid Large Base64 Data URLs in HTML and CSS161.Stop Chasing New JavaScript Frameworks: Build With Fundamentals Instead162.A Deep Dive Into the Inline Background Overlap Problem163.AI Is the Future of Accessibility164.From Designing Things to Designing Change165.How to Think About Baseline and Polyfills166.The Hype and Risks of Vibe Coding167.Styling Counters in CSS168.Maybe Don’t Use Custom Properties in Shorthand Properties169.How to Protect Your Web Applications From XSS170.“aria-label” Is a Letdown171.How Navigation Should Work for Keyboard Users172.Ten Years Ago Today I Coined the Shorthand “js;dr” for “JavaScript Required; Didn’t Read”173.Support Logical Shorthands in CSS174.Secure UX: Building Cybersecurity and Privacy Into the UX Lifecycle175.Popping Preconceived Popover Ponderings176.Is Cursor Better Than VS Code With Copilot? Absolutely and It’s Not Close177.Introducing Motion for Vue178.“:in-range” Pseudo-Class179.“I’m Not a Designer But…”180.Automatically Generate Changelogs With Git181.Be Wary of Accessibility Guarantees From Anyone182.Job (remote): Frontend Developer (WordPress) at eyeo (Germany)183.Tool: WordPress Child Theme Generator184.Why Do We Have a “Cache-Control” Request Header?185.Where Frontend Dogma Gets Its News From186.WAI a Day187.Updates on CVE for End-of-Life Versions188.There’s No Such Thing as “Menubar Navigation”189.The “contenteditable” “plaintext-only” Attribute Value Combination Is Now Baseline Newly Available190.The Bare Minimum You Need to Enable View Transitions on Your Website191.Style Legend192.Revisiting CSS “border-image”193.Self Gap194.Reducing CSS Complexity With the “:is()” Pseudo-Class195.Quick Reminder That “:is()” and “:where()” Are Basically the Same With One Key Difference196.Past and Present Futures of User Interface Design197.On Ethics in Web Development (With a Brief Overview of Ethical Theories)198.Mozilla Updates Firefox Terms Again After Backlash Over Broad Data License Language199.Learn Zod So You Can Trust Your Data and Your Types200.How to Prevent WordPress SQL Injection Attacks201.How GitHub Engineers Learn New Codebases202.GitHub Suffers a Cascading Supply Chain Attack Compromising CI/CD Secrets203.Design Systems Report 2025204.Cool Native HTML Elements You Should Already Be Using205.Custom Property Fallbacks206.But How to Get to That European Cloud?207.“Classless.css” Framework208.AX, DX, UX209.An Aura of Accessibility210.Job (remote): Senior Frontend Developer (React) at Recare (European Union)211.Super Crispy SVG Icons212.How ECMAScript Engines Optimize Your Variables213.A11y 101: 1.4.1 Use of Color214.What’s Missing With AI-Generated Code? Refactoring215.Usability Testing With Disabled Users Is a Good Investment216.Values217.Unlock Exciting Use Cases With the Document Picture-in-Picture API218.Underrated Angular Features219.Update on QUIC220.Top 10 Common Accessibility Issues in Websites221.Truth, Lies, and Progress Bars222.Relative Colors223.Nobody Should Be a “Content Creator”224.On JavaScript Closures (With Examples of Interview Questions)225.My Sales Pitch for TypeScript226.New to the Web Platform in February227.Lazarus Strikes npm Again With New Wave of Malicious Packages228.JavaScript Fatigue Strikes Back229.“Intl.DurationFormat”: Format Time Durations With Locale Support230.Introducing “command” and “commandfor”231.Here’s How Chrome Could Lose the Browser War232.Functions in CSS?!233.Ethical Foundations in Modern Software Development234.Everything I Was Lied to About Node.js Came True With Elixir235.Devs: Draw Your Line236.Delaying the Shipping of CSS “@ function” From Chrome 136 to 139237.Create a Fun Quick Text Flip Effect238.CSS Meets Voxel Art: Building a Rendering Engine With Stacked Grids239.Chrome on Android Edge-to-Edge Migration Guide240.A11y 101: 1.3.5 Identify Input Purpose241.A Perplexing JavaScript Parsing Puzzle242.10 Hidden Gems in Angular That You Should Use243.Job (remote): Senior Software Developer Frontend (Applied AI) at Google (Canada)244.Job (remote): Senior Frontend Developer at GlobalLogic (Poland)245.Tool: CSS Generators246.Who Is Free Software For?247.What’s New in Svelte: March 2025248.Views on Views249.Using and Styling the “details” Element250.The Professional Standing of Frontend Developers251.Tailwind UI Is Now Tailwind Plus252.Standards for ANSI Escape Codes253.Other Causes of Signed Exchanges Errors254.Making the Fediverse More Accessible With Claude 3.7 Sonnet255.Image Comparison Slider in 6 Lines of JavaScript256.Don’t Use Fake Bold or Italic in Social Media257.Building Websites With LLMS258.Agentic AI Is the New Web App, and Your AI Strategy Must Evolve259.Tool: Wake-on-LAN Helper260.Tool: Pixels to Em Converter261.Tool: CSS Shadow Generator (CSS Bud)262.Tool: Website Block Checker for China, Russia, and Turkey263.Tool: Mastodon Screenshot Generator264.Job (remote): Senior Frontend Engineer at Cast AI (European Union)265.Job (remote): Senior Frontend Developer at Deutsche Telekom IT Solutions (Hungary)266.Job (remote): Senior Frontend/Full Stack Engineer at Trimble (European Union)267.Tool: CSS Linear Easing Generator268.Job (remote): Principal Frontend Engineer at Avenga × Qinshift (Ukraine)269.Job (remote): Senior Frontend Engineer (React.js) at Factor Eleven (Spain)270.Job (remote): Frontend Engineer at Typeform (Spain, United Kingdom)271.Tool: Statistical Significance Calculator272.Tool: Web Monetization Link Element Generator273.Tool: HTML to Markdown Converter274.Tool: PDF Accessibility Checker275.Tool: CSS Selector Parser276.Tool: Backlinks Analyzer (NP Digital)277.Tool: npm Package Download Statistics Checker278.Tool: OpenAPI Definition Generator279.Tool: Gradient Image Generator280.Tool: Twitter/X Validator281.Tool: npm Dependency Visualizer282.Tool: All-Purpose File Converter283.Tool: CSS Spring Easing Generator284.Tool: EPUB Validator285.Tool: Image Breakpoints Generator286.Tool: Spell Checker287.Tool: CSS Shorthand Generator288.Tool: Tailwind Grid Layout Generator289.Tool: JSON to CSV Converter290.Tool: Fallback Font Generator291.Tool: AI Content Detector292.Tool: Sass to CSS Converter293.Tool: C64-Style Image Converter294.Tool: JSON-LD Schema Generator (Patrick Coombe)295.Tool: Social Media and Domain Name Checker (Namechk)296.Tool: Keyword Typo Generator297.Tool: Locale Adaption Checker298.Tool: CSS Gradient Generator (Learn UI Design)299.Tool: URL Validator300.Tool: CSS Clip Path Generator