44 lines
1.6 KiB
Markdown
44 lines
1.6 KiB
Markdown
# #codeVember #30/2021: pure CSS order vs. chaos
|
|
|
|
A Pen created on CodePen.io. Original URL: [https://codepen.io/thebabydino/pen/VwMwRGQ](https://codepen.io/thebabydino/pen/VwMwRGQ).
|
|
|
|
[See me code this](https://youtu.be/afADEZdsQVA) in 20 minutes.
|
|
|
|
---
|
|
|
|
If the work I've been putting out since early 2012 has helped you in any way or you just like it and you wish me to be able to continue putting out stuff, please consider one of the following:
|
|
|
|
* being a cool cat 😼🎩 and becoming a patron on Patreon
|
|
|
|
[![become a patron button](https://assets.codepen.io/2017/btn_patreon.png)](https://www.patreon.com/anatudor)
|
|
|
|
* making a one time donation via Ko-fi
|
|
|
|
[![ko-fi](https://assets.codepen.io/2017/btn_kofi.svg)](https://ko-fi.com/anatudor)
|
|
|
|
* getting me something off my Amazon WishList
|
|
|
|
[🎁 🇺🇸](https://www.amazon.com/gp/registry/wishlist/2Y3C4722GXH0I/) / [🎁 🇬🇧](https://www.amazon.co.uk/gp/registry/wishlist/2I25W7U0KADSR/)
|
|
|
|
* or at least sharing this to show the rest of the world what can be done with CSS these days
|
|
|
|
Thank you!
|
|
|
|
---
|
|
|
|
Resources:
|
|
|
|
* [inspiration](https://dribbble.com/shots/15066435-Order-vs-Chaos)
|
|
|
|
* [layout tip](https://twitter.com/ChallengesCss/status/1471128244720181258)
|
|
|
|
* [distance between two points in 1D](https://wumbo.net/formula/distance-between-two-points-1d/)
|
|
|
|
* [Using Absolute Value, Sign, Rounding and Modulo in CSS Today](https://css-tricks.com/using-absolute-value-sign-rounding-and-modulo-in-css-today/)
|
|
|
|
* [circle equation](http://herodgeometry.weebly.com/uploads/3/7/4/1/37417637/_9159574.png)
|
|
|
|
---
|
|
|
|
Dedicated to the memory of someone dear who passed away in January 2019. Missing you every day.
|