Web Dev stories

Web Components: Working With Shadow DOM

Web Components are more than just Custom Elements. Shadow DOM, HTML Templates, and Custom Elements each play a role. In this article, Russell Beswick demonstrates how Shadow DOM fits into the broader picture, explaining why it matters, when to use it, and how to apply it effectively.

Should we NEVER use non-logical properties?

CSS has “logical properties” which have the unique ability to follow the flow of language. You might be working on an website in English, which is left-to-right and top-to-bottom, but other languages might flip either or both of those. In English, we know what margin-right does, but can quickly become the wrong choice if the direction of a web page is flipped, perhaps during translation.

Modern Node.js Patterns for 2025

Node.js has undergone a remarkable transformation since its early days. If you’ve been writing Node.js for several years, you’ve likely witnessed this evolution firsthand—from the callback-heavy, CommonJS-dominated landscape to today’s clean, standards-based development experience.

The New Minimum Standard for Modern Editors

In the past, when the idea of computers graphically representing the result of a user’s actions before printing seemed like a plan for the future, a Hungarian programmer had an idea. He wanted to create an editor capable of accurately replicating the final output of a user’s work on a computer. His name was Charles Simonyi, and his project was called Bravo, which became known as the first rich text editor program that…

The Core Model: Start FROM The Answer, Not WITH The Solution

The Core Model is a practical methodology that flips traditional digital development on its head. Instead of starting with solutions or structure, we begin with a hypothesis about what users need and follow a simple framework that brings diverse teams together to create more effective digital experiences. By asking six good questions in the right order, teams align around user tasks and business objectives, creating clarity that transcends organizational boundaries.

Vibe code is legacy code

Legacy code is universally despised, and for good reason. But why? You have the code, right? Can’t you figure it out from there?

5 VS Code Features That Will Supercharge Your Workflow

Visual Studio Code has cemented its reputation as one of the most powerful and versatile code editors for developers. While its core features are well-known, there exists a treasure trove of hidden functionality and extensions that can dramatically transform your development workflow.

The secret to getting repeat work as a freelancer

Finding and chasing new clients is exhausting. Getting more work out of existing ones is much easier, more rewarding and more lucrative. Here’s how to go about it.  

A First Look at the Interest Invoker API (for Hover-Triggered Popovers)

Chrome 139 is experimenting with Open UI’s proposed Interest Invoker API, which would be used to create tooltips, hover menus, hover cards, quick actions, and other types of UIs for showing more information with hover interactions. The Interest Invoker API makes these components declarative and hover-triggered, meaning that you create them with HTML, and then the web browser handles the mouseenter and mouseleave events for you, sans JavaScript.  

AI Has Flipped Software Development

For years, it’s been faster to create mockups and prototypes of software than to ship it to production. As a result, software design teams could stay “ahead” of engineering. Now AI coding agents make development 10x faster, flipping the traditional software development process on its head.

1 2 3 4 5 95 96

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.