Web Dev stories

Coding a 3D Audio Visualizer with Three.js, GSAP & Web Audio API

A music-driven visualizer where a glowing 3D orb pulses and spikes to the beat while GSAP-draggable panels drift around it with smooth, inertia-powered motion.

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.

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!

A Brief History of JavaScript

Within three decades, JavaScript went from being a weird little scripting language developed in 10 days to the world’s most popular programming language. Here are some key moments in its history to show how JavaScript has evolved and where it is headed.

The no-nonsense approach to AI agent development

AI agents are software systems that take over tasks made up of manual, multi-step processes. These often require context, judgment, and adaptation, making them difficult to automate with simple rule-based code.

Introducing our Dev Mode MCP server: Bringing Figma into your workflow

Today we’re announcing the beta release of the Dev Mode MCP server, which brings Figma directly into the developer workflow to help LLMs achieve design-informed code generation.

JavaScript Weekly: Top Picks for June 6, 2025

Another Friday, another handpicked set of JavaScript gems. This week’s roundup brings cutting-edge tools, insightful tutorials, and updates shaping the modern JS ecosystem. Whether you’re scaling apps or tinkering with side projects, there’s something here to level up your workflow.

How to Add Custom Style Variations to WordPress Blocks

You can also create custom style variations for WordPress blocks, augmenting what’s included in a default installation. This feature puts you in control of block design and helps establish a consistent look. It also means you don’t have to settle when using core blocks.

1 2 3 4 5 6 7 92 93

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.