Web Design stories

Infinite marquee

Learn how to create an infinite marquee that follows a custom SVG path using React and Motion.

Chris’ Corner: Tokens

To be honest, I was a smidge skeptical. I know what a design token is. It’s a variable of a color or font-family or something. I pretty much only work on websites, so that exposes itself as a –custom-property and I already know that using those to abstract common usage of colors and fonts is smart and helpful. Done. I get that people managing a whole fleet of sites (and apps running in who-knows-what…

Redesigning the UK Transport Watchdog Website

Transport Focus serves as the voice of passengers throughout the UK’s transport network, covering rail, bus, and tram services across England, Wales, and Scotland. As a government-funded watchdog, they deliver critical research, manage customer complaints, and advocate for better service across the national transportation infrastructure. If there’s a BBC news story on transport, you’re guaranteed the team at Transport Focus will have the data to support it.

Designing for the Eye

The Müller-Lyer illusion, pictured below, makes you think that, of two lines, one is longer than the other when in fact they are of the same length. It appears in virtually every introductory book on graphic de­sign and, of course, in books on per­ception and psy­cho­lo­gy. You might not have known it by name, but you must have seen it before:

Flowbite launches a new Design System

After 6 months of hard work, we’re launching Flowbite Design System v3.0! – fully integrated native tokens and variables – refreshed all UI components with modern 2025 design – massively improved performance and memory usage – improved usage documentation and more.

An engineer’s guide to vibe design (with prompts)

This post shows the full process – start to finish – by actually designing a tiny app while we go. No designer in the loop, just vibes, taste, and a few rounds with an LLM.

Color Everything in CSS

And I must admit: I didn’t know a lot about color in CSS (I still used rgb(), which apparently isn’t what cool people do anymore), so it has been a fun learning experience. One of the things I noticed while trying to keep up with all this new information was how long the glossary of color goes, especially the “color” concepts. There are “color spaces,” “color models,” “color gamuts,” and basically a “color”…

Web Design Will Become the Art of Profiling the User

The next evolution of web design isn’t about looks — it’s about knowing you better than you know yourself. Get ready for a future where websites don’t just personalize your experience — they profile your soul in real-time. Creepy? Absolutely. Unstoppable? Even more so.

10 Must-Have Features in a Landing Page Builder

No one questions that, in the digital era, the best businesses and individuals try to devise effective methods to engross audience attention and turn visitors into leads. That is where a landing page creator comes into the picture as an indispensable asset in hitting these objectives. Knowledge of a creator’s primary features can make or break your marketing campaigns. This post dives into the essential features that any landing page…

How to create a mesh gradient generator in HTML, CSS and JavaScript

In this tutorial, we’ll learn how to build a fun and interactive mesh gradient generator that you can use to create beautiful mesh gradients and add them to your designs.

1 2 3 58 59

Submit an article

You can submit new articles related to web design / development, UX, apps and graphic design. No homepage submissions, no spammy affiliate links will be accepted.
Title
URL

Thank you!

Thanks for submitting your story. We will review it and approve it if relevant.