Web Design stories

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.

CSS Cascade Layers Vs. BEM Vs. Utility Classes: Specificity Control

When writing CSS, it’s close to impossible that you haven’t faced the frustration of styles not applying as expected — that’s specificity. You applied a style, it worked, and later, you try to override it with a different style and… nothing, it just ignores you. Again, specificity.

1fr 1fr vs auto auto vs 50% 50%

I mean, obviously they aren’t literally the same, but you also probably won’t be surprised that they have different behavior as well. And yet…. they do kinda basically do the same thing. Two equal width columns.

Printing the web: making webpages look good on paper

A huge part of building for the web is making experiences responsive. Usually, we think of responsive design in terms of making sites adapt to different viewport sizes, but what about being responsive to different mediums too?

A new way to style gaps in CSS

The Microsoft Edge team is excited to announce that CSS gap decorations, a new way to style the gaps between items in flex, grid, and multi-column layouts, is now available for developer trial in Chrome and Edge 139!

The Art Of Motorcycle Maintenance

Road-tripping along the line between engineering and spirituality, Robert M. Pirsig’s musings on the arts, sciences, and Quality ring as true now as they ever have.

State of CSS 2025

After years of rapid innovation, now feels like the right time for browser vendors to take a beat to consolidate, fix browser inconsistencies, and let the rest of us catch up.

How to use Lottie animations

Learn how to use Lottie animations to add smooth, lightweight motion to websites, apps, games, videos and more—with no animation skills required!

From multi-day latency to near real-time insights: Figma’s data pipeline upgrade

After an exponential growth in users and data, daily synchronization tasks started taking hours or even days to complete. Here’s how rebuilding a data pipeline reduced latency to near real-time.

Building Interactive 3D Cards in Webflow with Three.js

A quick guide to integrating interactive 3D models into your Webflow project using Three.js.

1 2 3 4 5 6 7 61 62

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.