Fitz's Anticss

Series

Particles & spiral patterns

In this series I will demonstrate, step by step, how to create various spirals using HTML & SCSS. The tutorials will feature code snippets, images of the output and codepens with live demos

Articles in this series

Particles & spiral patterns in CSS: part I

Jul 21, 20236 min read

Dots, sparks & marbles arranged along serpentine paths - with some help from CSS and HTML preprocessors for your convenience. · This week Codepen, known...

Particles & spiral patterns in CSS: part I

Particles & spiral patterns in CSS: part II

Jul 24, 20236 min read

Imitating the spirograph with HTML and CSS (and their preprocessors, Pug and SCSS) · The week of Codepen's particle challenge is up - but I'm far from...

Particles & spiral patterns in CSS: part II

Particles & spiral patterns in CSS: part III

Aug 9, 20238 min read

The Archimedean spiral - with HTML and SCSS · If you thought my obsession with particles and curves waned over the past two weeks since the last post,...

Particles & spiral patterns in CSS: part III

Particles & spiral patterns in CSS: part IV

Aug 16, 20237 min read

The logarithmic spiral - with HTML and SCSS · The Archimedean - that we talked about in part 3 - isn't the only type of concentric spiral. It's the OG,...

Particles & spiral patterns in CSS: part IV