I also found a pen I made 5 years ago, imitating Microsoft Store at that time.

Original version: https://codepen.io/mrwillcom/pen/BazBrov

New version with improved a11y: https://codepen.io/mrwillcom/pen/jErKRwV

#codepen #windows #microsoft #microsoftstore #fluentdesign

https://codepen.io/mrwillcom/pen/vEKrbWX

The alternative which added rounded corners and cleared accent color.

#codepen #webdev #css

https://codepen.io/mrwillcom/pen/vEKrzOv

macOS native inputs have a special focus animation. This is an imitation all in CSS.

#codepen #macos

RE: https://mastodon.social/@hejchristian/116006516167527620

Now with editable CodePen 💜

https://codepen.io/HejChristian/full/NPrzNdy

#CodePen #CSS

https://codepen.io/alsorew/pen/dPXWmed

Hover or tap inside the blue line to discover the secret.

(You can make the animation smoother, but it would require a lot more work. Nah.)

#SteamDeck #SteamMachine #VoidLinux #CSS #PureCSS #CSSAnimation #CodePen

Just gave my CodePen profile a makeover via custom CSS.
Gosh, I love frontend development.💟

https://codepen.io/kolonatalie

#CodePen #Frontend #CSS3 #JuniorDeveloper

I mostly use #CodePen for my own debugging purposes, so the number of views are rarely more than 10-20. Today I sorted them by popularity, and I have *one* pen that's got over 30.000 views. Why? How?! It's the simplest little flexbox layout.

https://codepen.io/eystein/pen/qXmVPo

#WebDev

Watch at: https://youtu.be/nTXJ4lejb7A
Play at: https://codepen.io/PImaginator/pen/RNRRqYR

#youtube #youtuber #youtubechannel #codepen #html #html5 #css #css3 #interactive #frontEnd #square #circle #colorful #program #programming #programmer #code #coding #creative #creativecoding #creativecodingart #nerd #geek #computer #computerScience

#css #only #accordion - #codepen
https://codepen.io/iamdtms/pen/LEZVxNy

#SideProject #HTMLify #CodePen Cập nhật tính năng mới: Tạo và chia sẻ đoạn mã HTML/CSS/JS trực tiếp trên HTMLify giống CodePen. Đăng nhập miễn phí tại đường link - dùng để làm dự án nhỏ, thử nghiệm code! Dự án còn thiếu phản hồi & ý tưởng cải tiến. #DựÁnNhỏ #LậpTrình #Coder

NONE

https://www.reddit.com/r/SideProject/comments/1prtewa/made_this_codepen_inspired_feature_to_htmlify/

@Lee_Holmes Ppl and their #CloudFlare #ErrorMessage creator...

At least we know where its coming from.
Reminds of #codepen s jokys
:neocat_think:

"Whirling" by @yuanchuan featured on CodePen

https://fosstodon.org/@codepen/115695933051841872

#cssdoodle #codepen #css

10 Cool CodePen Demos from November 2025: Cards, whimsical components, shaders, directional aware icons, CSS art, prototypes and experiments with new web features... and more!
https://alvaromontoro.com/10-cool-codepen-demos/2025/11/

#javascript #css #html #gsap #svg #webdev #codepen

Anchor Positioning Demo (of my)
#css #codepen
https://codepen.io/iamdtms/pen/raeGeRy

Anchor Positioning Demo #codepen
https://codepen.io/iamdtms/pen/raeGeRy

💪 Creare un clone di Codepen minimale
Un semplice snippet HTML che include CSS e Javascript in grado di riprodurre in minima parte le funzionalità di Codepen...

👉 https://www.selectallfromdual.com/blog/1684

#codepen #css #html #javascript #snippet

Right-angled triangle - tan() #css #codepen
https://codepen.io/monknow/pen/yyeogJy

Single HTML element toggle switch: Lock

Demo on @codepen: https://codepen.io/alvaromontoro/pen/myVjpyb

#css #html #component #codepen

CSS "Shimmery" play button, inspired by sunlight projected onto my wall through shifting tree branches. The preview may be confusing because it is animated and may, depending on your mastodon client, have a real play button on top of my animated one.

UPDATE: I added a second design option to the CodePen that I call “Swimming Pool”. Check it out using the selector below the demo.

https://codepen.io/wonkeythemonkey/pen/ByjrZjz

#css #webdesign #webdev #codepen #cssanimation