In which Bramus learns that MDN publishes their page view data publicly, builds a website, and deploys it on CodePen. Site: ready-unit-fowl.codepen.app Blog post: www.bram.us/2026/08/03/m...
Shaw
@shaw.city
◈ https://shaw.city ◈ AKA "shshaw" on Twitter & other platforms ◈ Developer at @codepen.io https://codepen.io/shshaw ◈ Cohost of @keyframe.rs web animation tutorials https://keyframe.rs
We have easier layout tools and more options available on the web than ever before. why do we settle for friggin hamburger menus for every website???
WebDesignMuseum@webdesignmuseum.org · 2d agoThe diversity of horizontal navigation in 2004
What’s it called when you’re not really a morning person and not really a late night person or even a middle of the day person?
What if there is a specific file in a Pen you want to use elsewhere? Just grab the URL for it and use it. Global Assets is more specifically designed for that, though — especially for images where it's got extra superpowers like resizing, quality control, and auto-formatting.
Repairs like this are so cool. remysharp.com/tif/2026-07-... I wish I were as knowledgeable as @remysharp.com! Just had my NES repaired at a shop because my attempts to fix it weren't sufficient. I'm jealous of the knowledge and skill to be able to trace the issues and patch them.
Rescued Pokémon Yellow
I guess I just want bragging rights, but here's the short story of rescuing Pokémon Yellow. I run "fix your gameboy game for £10" which occasionally …
remysharp.com
During the branding work for @codepen.io 2.0, I came up with a lot of cool concepts that didn't (yet!) make it into the marketing pages or anything for various reasons, but they're still really great demos. codepen.io/editor/shsha...
3D RectAreaLight Cube
Three.js RectAreaLight cube
codepen.io
CodePen 2.0 Noting perhaps my largest personal career accomplishment, which is launching CodePen 2.0. Far more work, believe it or not, than the entire creation of the original CodePen. This isn't the... https://chriscoyier.net/2026/07/30/codepen-2-0/
CodePen 2.0
Noting perhaps my largest personal career accomplishment, which is launching CodePen 2.0. Far more work, believe it or not, than the entire creation of the original CodePen. This isn't the place to describe every detail of what we did and why we did it. If you're interested, perhaps our Why 2.0? podcast or the What's...
chriscoyier.net
You know how we write the HTML emails we're using for our launch email campaign? In MJML! mjml.io It's such a nice language for crafting HTML emails that work across all email clients. You know where we do it? On CodePen (because we support .mjml now). 💪
I made an app! What Can't I Press helps you discover what keyboard shortcuts are already claimed by running apps, with a focus on screen readers. This helps prevent you from overriding something someone might rely on to get what they want or need. #a11y github.com/ericwbailey/...
GitHub - ericwbailey/what-cant-i-press: ⌨️ Lists what keyboard shortcuts are claimed
⌨️ Lists what keyboard shortcuts are claimed. Contribute to ericwbailey/what-cant-i-press development by creating an account on GitHub.
github.com
🎧 In which we each pick our favorite 2.0 feature and tell you why it rules. blog.codepen.io/2026/07/23/4...
> Blocks adds a visual layer to the opaque world of preprocessors, linters, and build processes. CodePen takes those processes and stack them on top of each other to form a predictable pipeline that you can easily visualize and understand how the sausage gets made. daverupert.com/2026/07/code...
The new yet familiar CodePen 2.0
CodePen v2 is now released! Because I co-host a podcast with Chris I’ve had an up-close perspective at this monumental effort over the last five years. I know how much work has gone into this release…
daverupert.com
725: CodePen 2.0, Templates on the Web, The Year of HTML? CodePen 2.0 is out now and we're talking about the launch, the idea of templating on the web, and how HTML could look very interesting in the future.
725: CodePen 2.0, Templates on the Web, The Year of HTML?
CodePen 2.0 is out now and we're talking about the launch, the idea of templating on the web, and how HTML could look very interesting in the future.
shoptalkshow.com
This article is going in my scrapbook. @davatron5000.bsky.social summarizes so well all the care and attention we put into @codepen.io 2.0. Thank you, Dave. ❤️
Dave Rupert@davatron5000.bsky.social · last wk.📝 What I like about the new @codepen.io v2 experience daverupert.com/2026/07/code...
📝 What I like about the new @codepen.io v2 experience daverupert.com/2026/07/code...
The new yet familiar CodePen 2.0
CodePen v2 is now released! Because I co-host a podcast with Chris I’ve had an up-close perspective at this monumental effort over the last five years. I know how much work has gone into this release ...
daverupert.com
CSS-only State Machine Graph??? Modern CSS has a few tricks that make it all possible. 📺 Watch how we did it: www.youtube.com/live/sgwPEW1...
CodePen 2.0 + @keyframers = The Biggest Launch In History???
YouTube video by keyframers
youtube.com
Fun fact: if you click the wrong button while ordering pizza, they’ll send you pizza with barbecue sauce on it and ruin your kids evening.
The new @codepen.io 2.0 is now the default experience. If you wanna give it some ✨ Classic flair ✨, check this out: www.youtube.com/watch?v=MMxX...
CodePen 2.0 But Make It ✨Classic✨
YouTube video by CodePen
youtube.com
🚀 🚀 It's launch day! 🚀 🚀 CodePen 2.0 is officially released! To celebrate, there's: 1. A brand new homepage codepen.io/2 2. An in-depth blog post blog.codepen.io/2026/07/23/t... 3. A Podcast blog.codepen.io/2026/07/23/4... 4. A brand new @keyframe.rs live stream youtube.com/live/sgwPEW1...
CodePen – Online Code Editor For Building & Deploying Websites
Build, share & learn with CodePen 2.0, the best community for developers with an all new online code editor featuring a file system, compiler, realtime & async collaboration, deployment, and more.
codepen.io
🚀 🚀 It's launch day! 🚀 🚀 CodePen 2.0 is officially released! To celebrate, there's: 1. A brand new homepage codepen.io/2 2. An in-depth blog post blog.codepen.io/2026/07/23/t... 3. A Podcast blog.codepen.io/2026/07/23/4... 4. A brand new @keyframe.rs live stream youtube.com/live/sgwPEW1...
CodePen – Online Code Editor For Building & Deploying Websites
Build, share & learn with CodePen 2.0, the best community for developers with an all new online code editor featuring a file system, compiler, realtime & async collaboration, deployment, and more.
codepen.io
I worked on this new Editor for 5 years y’all. 5 gd years. codepen.io/2
Paul Rudd: Who Would've Thought? Not Me
ALT: Paul Rudd: Who Would've Thought? Not Me
static.klipy.com
Play with the final demo DEPLOYED at ✨ statemachine.me ✨ 📺 Watch: youtube.com/live/sgwPEW1... 💻 Code: codepen.io/editor/team/...