Web Dev stories

What killed innovation?

I entered the data visualization field in 2012, when D3.js had just come out and interactive graphics were going through a digital Renaissance.  By the time I was fully steeped in the field in 2016, it felt like a new, experimental project was coming out every week—each one pushing the boundaries of how we think about, visualize, and communicate data.

Adaptive Video Streaming With Dash.js In React

HTML <video> is the de facto element we turn to for embedding video content, but it comes with constraints. For example, it downloads the video file linearly over HTTP, which leads to performance hiccups, especially for large videos consumed on slower connections. But with adaptive bitrate streaming, we can split the video into multiple segments at different bitrates and resolutions.

CSS Border Styles

CSS borders are essential for web design, shaping how elements appear on a page. They provide structure and style, offering developers various options to enhance visual appeal. Understanding border mechanics allows for creating designs that are both functional and aesthetically pleasing.

Learn how to install HUGO with Tailwind CSS

Learn how to install HUGO together with Tailwind CSS and Flowbite to start building websites with one of the most popular static site generators in the world

What makes designers and developers happy at work?

Defining happiness at work can feel like a slippery task. Happiness is inherently subjective, which makes it tough to define, measure, and report. But in today’s landscape of evolving tools and technologies—and its attendant anxieties— it’s more important than ever to understand how teams are navigating and experiencing change.

How to create and animate SVG spinners and loaders

SVG spinners and loaders are a great way to enhance the web experience. They can give crucial visual feedback when submitting or fetching data, so let’s build our own!

The Invisible Art of Web Symmetry

Digital design is more than just picking the right colors and fonts. It is about using precise calculations to create balance and harmony. Artists have used these ideas for hundreds of years to make things aesthetically pleasing. Today, online architects often use these same golden proportions to make layouts look good and feel just right. This not only makes virtual platforms easier to use, but also fosters an enjoyable experience.

Design in Motion: The Animation Principles Behind Green Stack

A concept-to-site journey in Webflow, shaped by design, dev, and bold animation principles.

Web Components Vs. Framework Components: What’s The Difference?

Some critics question the agnostic nature of Web Components, with some even arguing that they are not real components. Gabriel Shoyomboa explores this topic in-depth, comparing Web Components and framework components, highlighting their strengths and trade-offs, and evaluating their performance.

Combining Cutting-Edge CSS Features Into a “Course Navigation” Component

It solved a UX problem I was facing on a project, so I’ve adapted it to the needs of an online course — a “course navigator” if you will — and built upon it. And today I’m going to pick it apart and show you how it all works:

1 2 3 82 83

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.