A beautiful, immersive web experience with stunning animations. Our pick this week.

Get inspired

The Design Hacks newsletter will help you create better designs (even if you’re not artsy). Over 50,000 readers.

Check it out

Learn all about the new CSS units that account for mobile viewports with dynamic toolbars in this article by Bramus Van Damme.

Check it out

In this tutorial, Josh W Comeau takes you on a tour of all the different color options in CSS.

Read it

A simple, straightforward guide to CSS Grid using grid-template-areas property to visually set the grid structure.

Check it out

A generative art project that combines graphic design, football, and data. Using the statics of FIFA World Cup games to generate abstract compositions. Every match is a new poster.

Check it out

D2 is a domain-specific language (DSL) that stands for Declarative Diagramming where you describe what you want diagrammed and it generates the image.

Check it out

Check it out

What would be possible if hand-drawn sketches were programmable like spreadsheets? An amazing project shows what can be achieved.

Check it out

Learn what “Little Languages” are, why they matter and how they will shape the future of programming.

Read it

A working definition of an Open Web and what we can strive for to building an open and sustainable internet.

Read it

Back in 2007 the BBC published a document showing their 15 Web Principles. Terence Eden takes a look at how they stack up today.

Read it

This guide covers the ins and outs of FFmpeg starting with fundamental concepts and moving to media transcoding and video and audio processing along with practical example.

Read it

Score is an open source, platform-agnostic, container-based workload specification.

Check it out

Check it out

An open source, end-to-end encrypted tool that lets you securely sync secrets and environment variables across your team and infrastructure.

Check it out

A simple and minimalistic terminal file manager.

Check it out

Run your GitHub Actions locally for fast feedback and replacing your makefile.

Check it out

A beautiful interactive web experience with creative transitions powered by Three.js.

Check it out

Jesper Vos explains how he coded very interesting portal effect.

Check it out

Some super useful CSS to work with logos that are of a different size. By Wes Bos.

Check it out

A tutorial where you’ll learn how to create a pencil effect with a sketchy look using Three.js post-processing.

Read it

source