Web Dev stories

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!

If it works, it’s right

I really enjoyed reading this article by Alex Riviere and found myself nodding along in places. I do disagree with the overall approach though because I come at layout from a different angle. I’m very much in the “layout should be a skeletal, flexible system” camp and have articulated it lot over the years. My CUBE CSS article will get you up to speed with my ideals if you’ve not seen any of that…

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.

1 2 3 83 84

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.