Nov 17 2025

Juan Diego Rodríguez - Gatsby Headaches: Working With Media (Part 1)

Working with media files in Gatsby might not be as straightforward as expected. I remember starting my first Gatsby project. After consulting Gatsby’s documentation, I discovered I needed to use the

performance , react , optimization

Nov 17 2025

Myriam Frisano - Decoding The SVG path Element: Curve And Arc Commands

In the first part of decoding the SVG path pair, we mostly dealt with converting things from semantic tags (line, polyline, polygon) into the path command syntax, but the path element didn’t really

Techniques , coding , Css

Nov 17 2025

Atila Fassina - Open-Source Meets Design Tooling With Penpot

This article has been kindly supported by our dear friends at Penpot whose mission is to provide an open-source and open-standards platform to bring collaboration between designers and developers

workflow , Tools , plugins , ui

Nov 17 2025

Jhey Tompkins - A Guide To Audio Visualization With JavaScript And GSAP (Part 1)

A while back I got approached by friend Kent C. Dodds to help out with his site rebuild. Besides adding a little whimsy here and there, there was one part, in particular, Kent wanted a hand with. An

react , Techniques , coding , Javascript

Sep 09 2008

Sven Lennartz - The Big Horizontal Line Archive - Download your <hr> line now!

What is hr /? Basically, it is an old HTML-tag which has been used since the very beginning of the Web. hr stands for the horizontal rule and represents exactly what you would expect — a horizontal

Graphics , Downloads , Freebies , Inspiration , HTML