A coded sketch after reading on n-dimensional spheres with a RC study group on Hamming and thinking of the Spiral of Theodorus:
click to change
#codepen
0 posts0 participants0 posts today
Replied in thread
@fnohe It's actually fairly easy to create a #CssOnly dark mode: Two radio buttons let the user toggle between light/dark. In my stylesheet, I've added an `html:has(#dark-mode:checked)` rule which applies the dark theme. With more #CSS, only one button is visible at a time and both buttons look like regular ones (not like typical radio buttons). #WebDev
You can see it in action on https://blog.forgoodeyesonly.eu and https://forgoodeyesonly.eu.
I've published a #CodePen demo too: https://codepen.io/realpixelcode/pen/KwpOjeW
For Good Eyes Only BlogAll blog posts | For Good Eyes Only Blog
More from 
Pixelcode Apps 
Coded straight lines (38minutes of code) with RC creative coding group prompt. I could go on forever with curves, but stopped myself.
Codepen asked for spirals -
did I miss any? (no I didn't do ulam - should I?).
https://codepen.io/fractalkitty/live/MYwzROr/5517a9002126749dc03b84e2eceef51c
#codepen #spirals #codepenchallenge #cpc-spirals #math #spirals #mtbos
codepen.ioSpiral Toy...
A little something on @codepen: pure #CSS icosphere of spheres https://codepen.io/thebabydino/pen/poYRGmV
Very little code and I should be able to make the algorithm even more efficient. Pure CSS shading too.
A friend showed me a leetcode problem yesterday at the Recurse Center:
Which led me to play for a bit on paper, then drafted a rough a visual toy:
https://codepen.io/fractalkitty/live/WbvJKgy
(I haven't actually done any leetcode problems because I often end up on paper and down rabbit holes)
Just some happy lil toast for this weeks #CodePenChallenge
CSS animations and a bit of JavaScript for state control. I got to learn about document.getAnimations() which was cool 
This weeks CodePen challenge got me testing the very new, very experimental, very cool CSS Carousel spec.
Horizontal and Vertical scrolling, ::scroll-marker, position-anchor, and more.
Demo only works on Chrome 135+
100% CSS 
CodePen: https://codepen.io/HejChristian/pen/azzWVWL
Blog Post and more demos from Adam Argyle: https://developer.chrome.com/blog/carousels-with-css
This weeks CodePen challenge got me learning about glowing fungi, jellyfish, and fireflies.
Amazingly CSS can animate along a SVG path and I am so happy to have learnt about that. 
I thought for sure I would need JS for the fireflies.
Took part in a #CodePenChallenge this weekend
Mixed together some SVG stroke animation, 'mix-blend-mode', and inspiration from some of the board games I've been playing recently.
Over the weekend I got an SVG path to animate on scroll, using Anime.js.
Today I achieved the same effect with just CSS 
The scroll version only works in Chromium-based browsers, but others can see it on hover.
I also dabbled with a WAAPI Version, which works the same via JS.
If anyone wants to make a Half-square Hilbert I made a toy to play with patterns. (fixed a bug from the first go)
I need fabric - so I plan to start maybe later this week.
https://codepen.io/fractalkitty/live/pvoBwxv/edc44d4417167d59d8b2c1d9ad574109
Gave Anime.js a spin this weekend - just something simple for my first experiment.
It handled SVG stroke animation really well! and it was good fun to work with. Documentation was great 
This experiment also got me learning more about SVG filters
I'm always forgetting the CSS mix-blend-modes, so I put together a little page to help me remember
CodePen: https://codepen.io/HejChristian/full/KwKJdNd/a254d2ff42ba92fb4782207e920af439
Continued thread
Here's a simple image stack with an `--ang` rotation around an `--xy` point (both pseudo-random, generated & set inline via Pug) + a 3D entry animation (click Run to run it again).
Live on @codepen https://codepen.io/thebabydino/pen/qEBJpRb?editors=0100
Starting 3d print of enneper surface created with Houdini - hope it works :) It seems like it sliced ok.
I made a couple of them dance in codepen as well https://codepen.io/fractalkitty/live/EaxQwWx
If you want to try - here is the obj model (no guarantee it will work): https://assets.codepen.io/4559259/enneper.obj
Replied in thread
So on the chance you would tolerate a newbie question:
I just pulled up Codepen, & was able to dump the php code out of my html file into an html pen, & it comes up in the display window as it should. But it fails when I click "submit" bc apparently there's no way to create the php file?