Web Dev stories

Why development leaders are investing in design

What does it take to consistently ship great products? For many development leaders, the answer is evolving. To understand this shift and its broader impacts, we commissioned research from the International Data Corporation (IDC)—surveying 500 development leaders across North America and Europe and augmenting with qualitative interviews. While we expected to hear about expanding responsibilities and the growing impact of generative AI, we were struck by how often respondents cited design as…

Stacked Transforms

I think the best way for me to show you what I want to show you is to make this blog post a bit like a story. So I’m gonna do that.

Scroll-Driven Sticky Heading

Scroll-driven animations are great! They’re a powerful tool that lets developers tie the movement and transformation of elements directly to the user’s scroll position. This technique opens up new ways to create interactive experiences, cuing images to appear, text to glide across the stage, and backgrounds to subtly shift. Used thoughtfully, scroll-driven animations (SDA) can make your website feel more dynamic, engaging, and responsive.

10 Simple SEO Steps to Prepare Your Website

As the leaves change color and the air gets crisp, it’s not just nature that’s going through a transformation. Fall is the perfect time to refresh your website’s SEO and get it ready for the end-of-year rush or to set the stage for next year’s growth. Whether you’re a B2B or B2C business, these 10 simple SEO steps will help you optimize your website for the season ahead.

Making Animations Smarter with Data Binding

Designing visuals that respond to real-time data or user input usually means switching between multiple tools — one for animation, another for logic, and yet another for implementation. This back-and-forth can slow down iteration, make small changes cumbersome, and create a disconnect between design and behavior.

How to create a Liquid Glass effect with SVG filters

In this tutorial I’ll show you how to create a liquid glass effect (much like Apple’s latest iOS release) with HTML, CSS, and SVG filters.

Designing Scroll Behavior: When to Save a User’s Place

One of the fastest ways to frustrate a user is by losing their progress. Imagine this: you scroll, scroll, scroll down a long list…click…read, and hit the Back button, only to land back at the top of the list instead of where you left off.

How to Refactor Your Outdated WordPress Code With AI

Websites don’t age gracefully. Left unattended, they inevitably fall behind the latest best practices and technologies. We especially see the impact on sites built with WordPress.

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.

Enhancing Data Input with Layered Drawer Navigation

In our original design, user input was handled through modal dialogs. This approach became problematic as our workflows grew in complexity — especially when forms became multi-step, or when nested actions required opening a new modal on top of another.

1 2 3 4 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.