Lea Verou 7/7/2020

The Cicada Principle, revisited with CSS variables

Read Original

This article revisits the Cicada Principle for web design, explaining how using prime numbers in CSS nth-of-type selectors with CSS variables can create organic-looking randomness in repeating elements. It provides a practical example of applying this technique to randomize code snippet angles using clip-path and CSS custom properties.

The Cicada Principle, revisited with CSS variables

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

2
Designing Design Systems
TkDodo Dominik Dorfmeister 2 votes
4
Introducing RSC Explorer
Dan Abramov 1 votes
6
Fragments Dec 11
Martin Fowler 1 votes
7
Adding Type Hints to my Blog
Daniel Feldroy 1 votes
8
Refactoring English: Month 12
Michael Lynch 1 votes
10