So here is the plan: Fork it on CodePen, or screenshot your browser! https://codepen.io/editor/ivorjetski/pen/01a07dcf-a1e8-7ab6-aea1-aa98135803b3 - Mess with the code - Draw something amazing live in the browser and screenshot it - Hack to pieces and create a monster Send me your art! Add the tag #ledart on CodePen or @ me on X, Bluesky, Insta or where ever, find me and @ me. @ivorjetski My next video will feature all the best and maddest creations. Good luck! Your time starts now! P.s. you can find a bit more info here: https://dev.to/ivorjetski/css-led-art-challenge-5e6b And as usual, video, music and art all produced by me @ivorjetski Or just say hi: https://linktr.ee/ivorjetski

YouTube video by CodePen

YouTube video by Ben Evans

Celebrating 200 followers on CodePen with a little CSS experiment. This “200” is created entirely with CSS. Thanks to everyone who followed, liked, an

Share your questions and hang out with the Cool Teachers at CodePen School. Like office hours with your favorite professor, but actually fun.🧑‍🏫🏫🧑‍🏫

This is the home of the Tiny Awards, which, since 2023, has celebrated the best of the small, poetic, creative, handmade web.

A code demo by Cassidy created on CodePen

Today I learned that CodePen supports Mermaid diagrams — Chris Coyier has a a whole collection with examples here — and I also learned that there is no custom element to easily include these in your markup … so I built one.

It's just that easy.

Wiring HTML attributes into CSS with advanced typed attr(), and letting container style queries pass that state down to child components.

Blank slate for you to craft your own world. There's basic HTML to link up all the files, but otherwise it's all up to you!

A code demo by Maikel Krause created on CodePen

CodePen can host images right in your Pen. Or, you can use Global Asset Hosting to provide easy access to the image from any Pen (or anywhere) and it includes the ability to serve the best-format…

YouTube video by Kevin Powell

A practical walkthrough of building dynamic, theme-aware colour schemes in CSS with custom properties, OKLCH, color-mix(), and contrast-color().