#CodePenChallenge

2025-06-24

Codepen asked for spirals -

did I miss any? (no I didn't do ulam - should I?).

codepen.io/fractalkitty/live/M

#codepen #spirals #codepenchallenge #cpc-spirals #math #spirals #mtbos

2025-06-24

It's the final week of the Shapes & Lines #CodePenChallenge!
This week, we're going into a spiral ๐ŸŒ€
codepen.io/challenges/2025/jun
Thanks @mondaydotcom for sponsoring: srv.buysellads.com/ads/long/x/

A light painting of a spiral in rainbow colors.
Ana Tudor ๐Ÿฏanatudor
2025-06-18

A little something on @codepen: pure icosphere of spheres codepen.io/thebabydino/pen/poY

Very little code and I should be able to make the algorithm even more efficient. Pure CSS shading too.

Ana Tudor ๐Ÿฏanatudor
2025-05-27

Another little thing I made for this week's "sweet treats" @codepen challenge: low poly ๐ŸŽ codepen.io/thebabydino/pen/raV

100% handcoded with โค๏ธ

Hey, I have a sweet tooth...
ยฏ\_(ใƒ„)_/ยฏ

screenshot of a low poly SVG apple
Ana Tudor ๐Ÿฏanatudor
2025-05-27

A little something I made for this week's @codepen challenge: low poly watermelon ๐Ÿ‰๐Ÿ˜‹ codepen.io/thebabydino/pen/Pwq

100% handcoded with โค๏ธ

screenshot of the linked demo, showing a low poly watermelon slice
CSS by T. Afif :verified:css@front-end.social
2025-05-27

shape() + Anchor Positioning + some magic ๐Ÿช„

Demo: codepen.io/t_afif/full/PwqwOYz via :codepen: @codepen

A CSS-only fancy effect for this week #CodePenChallenge

#CSS #HTML

2025-05-19

Itโ€™s week three of our Food #CodePenChallenge!
This week, weโ€™re serving up an alphabet soup ๐Ÿฅฃ
codepen.io/challenges/2025/may
Thanks @Pluralsight for sponsoring: srv.buysellads.com/ads/long/x/

A spoonful of alphabet soup with the letters A, B, and C floating in the tomato broth.
Christian Alderhejchristian
2025-05-16

Just some happy lil toast for this weeks

CSS animations and a bit of JavaScript for state control. I got to learn about document.getAnimations() which was cool ๐Ÿ˜Š

CodePen: codepen.io/HejChristian/pen/vE

2025-05-07

The May #CodePenChallenge is cooking!
This month, we're creating Pens inspired by food ๐Ÿฒ
We're kicking things off with something from the grill
codepen.io/challenges/2025/may
Thanks @pluralsight for sponsoring: srv.buysellads.com/ads/long/x/

The grillmaster tends to burgers on a flaming grill.
Ana Tudor ๐Ÿฏanatudor
2025-04-28

Haven't had it in me to do anything for the past week's , so here's a demo from earlier this year that fits: infinite scroll gallery codepen.io/thebabydino/pen/XJr

One of my most hearted demos ever & my only one to get over 1000 โค๏ธ without being in the most hearted of previous year.

Christian Alderhejchristian
2025-04-25

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: codepen.io/HejChristian/pen/az
Blog Post and more demos from Adam Argyle: developer.chrome.com/blog/caro

Christian Alderhejchristian
2025-04-17

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.

CodePen: codepen.io/HejChristian/full/V

2025-04-15

It's week 2 of the Cards #CodePenChallenge!
This week, let's make them glow ๐Ÿ”ฅ

buff.ly/HArR9K6

Thanks @GitLab for sponsoring! buff.ly/PooZMu8

Christian Alderhejchristian
2025-04-13

Took part in a this weekend ๐Ÿ˜Š

Mixed together some SVG stroke animation, 'mix-blend-mode', and inspiration from some of the board games I've been playing recently.

CodePen: codepen.io/HejChristian/full/R

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst