Web Design news

• The Impact Of Humanoid Robots On Humanity

  12-06-2026 10:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  For decades, science fiction has cushioned us with the idea that the “android revolution” was a distant fantasy. But the reality is unfolding rapidly. As the line between human and machine blurs, we are forced to confront an impending psychological, economic, and existential shift.
  I recently felt very disturbed after watching a YouTube video showcasing a humanoid robot that looked and acted with uncanny realism. While a closer look revealed the video was actually a clever trick, the
  
  Read more

• A Spark Of Color In November’s Gray (2026 Wallpapers Edition)

  31-10-2026 09:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  November can feel rather gray in many parts of the world, so what better way to brighten the month than with some colorful inspiration? Our new collection of desktop wallpapers has you covered.Following our monthly tradition, which has been going on for more than 15 years already, the wallpapers in this post were designed by artists and designers from across the globe. All of them come in a variety of screen resolutions and can be downloaded for free. A huge thank-you to everyone who shared thei
  
  Read more

• Accordion Icons: Which Work Best?

  23-10-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  So what icon is the most reliable to show expansion and collapsing for accordions? Is there really any noticeable difference between carets, chevrons, arrows, and triangles?
  Well, research shows that there is some difference indeed. But what’s more interesting is that split menus are harmful, why it's better to not have icons and text labels link to different actions, and why the caret is the safest icon choice. Let’s dive in!No Icon = Opening The Page
  The findings aren’t very surprising:
  
  Read more

• Embracing Playful Imperfection With The CSS `random()` Function

  20-10-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  In design, we love spending hours obsessing over consistency, grids, and alignment. But when I heard that the native CSS random() function landed in Safari and is rolling out in Chrome 156, I started wondering: where does randomness actually make sense on the web? Is it something we want in our design system? To find out, I did what I always do in doubt: I built a bunch of playful CodePen demos exploring organic typography, bouncing letters, splayed cards, and a punk fanzine.
  As someone who love
  
  Read more

• Advertisement

• Is Your Organization Messing Up AI Adoption?

  16-10-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  The way I see most organizations roll out AI feels more like a farce than a strategy. If it were turned into a movie, reviewers would say it was unbelievable. Nobody could be that stupid.
  Yet here we are. And what makes it all the more frustrating is that we have been here before.
  Back in 2014, I wrote a book for Smashing Magazine called Digital Adaptation, looking at the mistakes being made in how organizations were approaching digital transformation and what they should be doing instead. The s
  
  Read more

• A Practical Guide To Naming Things

  06-10-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  Naming is hard. The language we use shapes the way we think about things, but also the conversation we have about it. That’s why we have so much confusion about colors, icons, UI components, features — and that’s why we struggle to name design tokens, HTML classes, and variables.
  Sometimes, the names we choose are too generic, so it’s difficult to understand what exactly is meant. And sometimes they are too specific, leaving little room for flexibility and reuse. How do w
  
  Read more

• Under Autumn’s Spell (October 2026 Wallpapers Edition)

  30-09-2026 15:30 via Articles on Smashing Magazine — For Web Designers And Developers
  
  Misty mornings, leaves shining in bright red, yellow, and orange hues, and spooky creatures making an appearance — October has a very special charm. So, how about some new desktop wallpapers to celebrate October’s beauty, and the upcoming Halloween season, of course? Well, we’ve got you covered.Just like it has been a monthly tradition here at Smashing Magazine for more than 15 years already, the wallpapers in this post were created by artists and designers from across the glob
  
  Read more

• Stop Treating CSS Container Queries Like Traditional Media Queries

  16-09-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  To be completely honest with you, I missed the news when CSS Container Queries first shipped. And when I finally heard about it, my very first thought was, “Why exactly do I need this when media queries already exist?”
  I’m not proud of that reaction, knowing what I know now, but it was comforting to know that I wasn’t alone. In fact, there are legions of us out there.
  What baffles me is that container queries aren’t a new feature, as it currently sits at around 94%
  
  Read more

• Advertisement

• Building A UX ROI Case That Survives The Boardroom

  11-09-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  Sooner or later, a CFO looks at your wireframes and asks what any of it actually does for the bottom line. Storyboards don’t answer that question, and the era when a 5-minute pitch could answer it ended, unfortunately, a while ago.
  These days, if you want to win budget, buy-in, and backing for UX, the design has to be provably good for the business, not only for the people using it.
  And proving that takes more than taping a dollar sign to a redesign. You have to understand how your organiz
  
  Read more

• The Death Of The Button: Why The Best Interface Is No Interface

  09-09-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  Ever since the commercialisation of the Graphical User Interface pioneered by systems like the Xerox Star and popularised by the original Apple Macintosh, software has relied heavily on point-and-click interactions. If you wanted to book a trip, buy a pair of shoes, or research a health symptom, you were expected to navigate a labyrinth of user interfaces. You click menus, adjust range sliders, fill out multi-step forms, deal with cookie pop-ups, and open dozens of browser tabs just to cross-ref
  
  Read more

• The Many Faces Of September (2026 Wallpapers Edition)

  31-08-2026 13:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  For more than 15 years already, our monthly wallpapers series has been the perfect opportunity for creatives of all backgrounds to put their skills to the test. You don’t have to meet stakeholder or client requirements; for a change, it’s just you, exploring your ideas and bringing them to life in your own, unique style. Since we first embarked on this wallpapers journey, so many talented folks from all across the globe have accepted the challenge, and this September is no exception.
  
  Read more

• Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions

  26-08-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  In organisations today, data has never been more available. Dashboards and performance decks exist for almost every function — sales, product, marketing, operations — and the tools to build them have never been more accessible. And yet, in weekly standups and quarterly reviews, the same thing happens constantly: someone shares the numbers, the room nods, and the meeting ends without a decision or clear direction.
  When that happens, the data usually takes the blame. The numbers weren&
  
  Read more

• Why Your Website Should Never Stop Changing

  25-08-2026 10:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  This article is a sponsored by Fimo
  Every website is at its best the day it ships. The final branch merges, the site goes live exactly as designed, and it is briefly perfect. It will never be this good again.
  Not because anything breaks. The site keeps working. But the market moves, the messaging shifts, a competitor launches something, and the careful thing you built slowly stops matching the company it represents. A year later, it is a period piece. Not broken, just behind. Every team knows th
  
  Read more

• Timing Charts: A Blueprint For SMIL Animations

  20-08-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers
  We know that everything on the web is a box by default, but you’ll find many animated <div>s pretending to be circles. But if you’ve ever met a real <circle>, you’ll know that they’ve got a lot more going for them. Dressed in SVG, they fit into a wider range of crowds than a humble <div> wearing HTML/CSS can. <img> has a strict no .html policy.
  The <img> tag is not as static as its name suggests. Any embedded JavaScript unfortunately won&rsqu
  
  Read more

• New EU Guidelines For AI Labelling

  13-08-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  There’s been a lot of confusion and panic this week about “huge fines”, “drastic measures” and “sweeping new AI rules” in the EU. In reality, it’s a lot more narrow — and a lot more sensible. And mostly it’s about making AI more obvious when it actually needs to be obvious — especially for AI-generated content.
  Starting from Aug 2, 2026, AI labelling is a legal requirement for any company that serves EU citizens. And similar to Eu
  
  Read more

• Building Tactile UX: Honoring Intentional Design With Lottie

  11-08-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  This article is a sponsored by Isadora Agency
  When front-end developers and UX engineers are tasked with building a web interface that feels tactile, bouncy, or destructive, the industry instinct is almost always the same: reach for a physics engine. Frameworks like Matter.js, Cannon.js, or custom WebGL solutions have become the gold standard for creating immersive, gamified websites.
  When our team at Isadora Agency set out to build Stress Release, a digital stress-relief squeeze toy designed to
  
  Read more

• How to Add HTTP Password on an Astro Site

  07-08-2026 15:00 via Hongkiat
  
  So you just built a site with Astro, and now you need to lock it down. Maybe it is a work-in-progress for a client, or an internal tool you do not want indexed by search engines.
  You could set up a VPN, configure nginx auth, or install an npm package. But those add complexity, extra config files, and more things that can break.
  Astro has a built-in middleware system that runs whenever a page or endpoint is rendered, and HTTP Basic Authentication is a standard HTTP feature supported by every brow
  
  Read more

• How Baseline Can Help You Ship Less JavaScript

  07-08-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  Most of us install a dependency once and never look at it again. It does its job, the tests pass, and we move on. But the web platform keeps moving too, and a surprising number of the libraries sitting in your package.json today are now built into the browser.
  In a typical mid-sized JavaScript app, you can often find somewhere between 60KB and 90KB (minified and gzipped) of dependencies that the platform can now handle on its own. Date and number formatting, HTTP requests, modals, tooltips, deep
  
  Read more

• Small Joys And Big Adventures (August 2026 Wallpapers Edition)

  31-07-2026 10:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  Everybody loves a beautiful wallpaper to freshen up their desktops and home screens, right? To provide you with inspiring designs on a regular basis, we started our monthly wallpapers series more than 15 years ago, and from the very beginning to today, artists and designers from across the globe have tickled their creativity and contributed their artworks to it.This August is no exception, of course, so following our monthly tradition, we have a new collection of wallpapers waiting for you below
  
  Read more

• Fresh Resources for Web Designers and Developers (July 2026)

  31-07-2026 03:00 via Hongkiat
  
  July has been a busy month for new tools. This batch runs from AI agent evaluations and what AI agent skills actually do to self-hosted SSO, a PHP compiler that outputs native assembly, and a terminal app that speaks SCP, SFTP, S3, and half a dozen more protocols. If you are building apps, websites, or simply exploring what is new this month, I think you will find something worth your time here.
  Codiff
  Codiff is a fast, minimal diff viewer for reviewing Git changes outside your editor. It genera
  
  Read more

• The Bull And Bear Case For Digital Design In The Age Of AI

  29-07-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  Designers have spent years saying they would do better work if the organisation got out of the way. Not always in those exact words, obviously. It usually comes out as something more reasonable: we didn’t get enough engineering time, product had already decided the solution, the roadmap was too packed, leadership only cared about this quarter’s numbers, research got cut, the experiment was never run properly, the design debt was known about, but nobody wanted to spend a sprint fixing
  
  Read more

• Thinking Outside The Box: Digital Design In The AI Era

  28-07-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  This article is a sponsored by MacPaw
  The phrase “artificial intelligence” has many excited, especially those in tech. But for those of us in creative fields like digital art and design, AI can be more concerning than it is exciting.
  AI-generated art, videos, and images have flooded the internet, raising questions about whether more companies will turn to tools like OpenAI’s Dall-E, Midjourney, Leonardo.ai, and more, rather than employing human artists. What’s more, the f
  
  Read more

• Weaponizing And Defending The React Flight Protocol: Deserialization Sinks In RSCs

  21-07-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  React Server Components don’t send HTML to your browser. They don’t send JSON either. When a server component renders, what actually travels over the wire is a custom streaming protocol called Flight. It’s a line-delimited format with its own type system, its own reference resolution, and its own rules for reconstructing executable behavior on the client.
  Most React developers have never opened the Network tab and actually looked at a Flight payload. It looks like a mix of JSON
  
  Read more

• Weaponizing And Defending The React Flight Protocol: Deserialization Sinks In RSCs

  21-07-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  React Server Components don’t send HTML to your browser. They don’t send JSON either. When a server component renders, what actually travels over the wire is a custom streaming protocol called Flight. It’s a line-delimited format with its own type system, its own reference resolution, and its own rules for reconstructing executable behavior on the client.
  Most React developers have never opened the Network tab and actually looked at a Flight payload. It looks like a mix of JSON
  
  Read more

• When It Makes Sense To “Block” The Main Thread

  17-07-2026 10:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  We’ve all heard of the sacred rule in modern web development, the rule never to be broken. The rule of “Never block the main thread.”
  You almost can’t miss it as a web developer; it’s in almost every performance guide, and to be fair, it is good advice. We all know the browser’s main thread is single-threaded, meaning it can only do one thing at a time.
  Plus, as we know, the main thread isn’t ours alone; we share it with the browser’s rendering eng
  
  Read more

• When It Makes Sense To “Block” The Main Thread

  17-07-2026 10:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  We’ve all heard of the sacred rule in modern web development, the rule never to be broken. The rule of “Never block the main thread.”
  You almost can’t miss it as a web developer; it’s in almost every performance guide, and to be fair, it is good advice. We all know the browser’s main thread is single-threaded, meaning it can only do one thing at a time.
  Plus, as we know, the main thread isn’t ours alone; we share it with the browser’s rendering eng
  
  Read more

• No, People Don’t Want More AI In Their Life

  15-07-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  Many companies silently assume that everybody wants more AI in their lives. That people are craving new AI features, new AI products, new AI workflows — that would all magically replace all existing outdated practices and broken ways of working.
  But in reality, it seems like people don’t want more AI at all — at least not in the way most AI leaders envision it. Unsurprisingly, many AI features have low adoption and retention — at a very high cost of delivery, and a high r
  
  Read more

• No, People Don’t Want More AI In Their Life

  15-07-2026 12:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  Many companies silently assume that everybody wants more AI in their lives. That people are craving new AI features, new AI products, new AI workflows — that would all magically replace all existing outdated practices and broken ways of working.
  But in reality, it seems like people don’t want more AI at all — at least not in the way most AI leaders envision it. Unsurprisingly, many AI features have low adoption and retention — at a very high cost of delivery, and a high r
  
  Read more

• From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction

  10-07-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  When a branding project fails, it usually happens long before the logo stage: in the strategy phase, when words like “modern,” “trustworthy,” “premium,” “friendly,” and “disruptive” are left undefined. The result is a gap between what the brand is supposed to communicate and what the designer is expected to create. This is the space I like to call the “pre-concept” phase.
  At the beginning of a project, designers usually rece
  
  Read more

• From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction

  10-07-2026 15:00 via Articles on Smashing Magazine — For Web Designers And Developers
  
  When a branding project fails, it usually happens long before the logo stage: in the strategy phase, when words like “modern,” “trustworthy,” “premium,” “friendly,” and “disruptive” are left undefined. The result is a gap between what the brand is supposed to communicate and what the designer is expected to create. This is the space I like to call the “pre-concept” phase.
  At the beginning of a project, designers usually rece
  
  Read more

Follow @WebDesignNewsUS on Twitter!