the web is falling, one bastion at a time
November 9, 2026 at 8:48 PM
the web is falling, one bastion at a time
Got Them Little Side Projects Moved to CodePen Hosting
I had my little Smashburgers in Bend website on Astro on Cloudflare Pages. While I 💜 both of those things, CodePen hosting is more than capable, and...
https://chriscoyier.net/2026/11/06/got-them-little-side-projects-moved-to-codepen-hosting/
I had my little Smashburgers in Bend website on Astro on Cloudflare Pages. While I 💜 both of those things, CodePen hosting is more than capable, and...
https://chriscoyier.net/2026/11/06/got-them-little-side-projects-moved-to-codepen-hosting/
Got Them Little Side Projects Moved to CodePen Hosting
I had my little Smashburgers in Bend website on Astro on Cloudflare Pages. While I 💜 both of those things, CodePen hosting is more than capable, and that’s obviously extremely fun and satisfying for me. I had the Smashburgers site on Astro way back when because they supported multi-page view transitions in a really nice...
chriscoyier.net
November 6, 2026 at 11:42 PM
Got Them Little Side Projects Moved to CodePen Hosting
I had my little Smashburgers in Bend website on Astro on Cloudflare Pages. While I 💜 both of those things, CodePen hosting is more than capable, and...
https://chriscoyier.net/2026/11/06/got-them-little-side-projects-moved-to-codepen-hosting/
I had my little Smashburgers in Bend website on Astro on Cloudflare Pages. While I 💜 both of those things, CodePen hosting is more than capable, and...
https://chriscoyier.net/2026/11/06/got-them-little-side-projects-moved-to-codepen-hosting/
Gonna do a little hanging out on a CodePen School stream here at the top of the hour: www.youtube.com/watch?v=C5Cj...
Q&A, Live Coding, Tutorials & more! | CodePen School
Hang out with the Cool Teachers at CodePen! Bring your Q's, we'll give some A's. Sit down for class and turn on your listening ears.... It's time for CodePen School.
🍎🧑🏫🍎🏫🍎🧑🏫🍎
www.youtube.com
November 9, 2026 at 6:55 PM
Gonna do a little hanging out on a CodePen School stream here at the top of the hour: www.youtube.com/watch?v=C5Cj...
Here's a link to the CodePen demo that is guaranteed to inspire the hearts and minds of future generations.
codepen.io/editor/davat...
codepen.io/editor/davat...
Pseudo-pseudo-states Demo!
A code demo by Dave Rupert created on CodePen
codepen.io
November 6, 2026 at 3:58 PM
Here's a link to the CodePen demo that is guaranteed to inspire the hearts and minds of future generations.
codepen.io/editor/davat...
codepen.io/editor/davat...
November 6, 2026 at 2:18 AM
Me walking up to people on the street Harry Mack-style with a microphone, laptop, three different cameras on me...
"Hey, can I make a CodePen for you?"
...
"No? Wanna do a podcast?"
"Hey, can I make a CodePen for you?"
...
"No? Wanna do a podcast?"
November 5, 2026 at 2:27 PM
Me walking up to people on the street Harry Mack-style with a microphone, laptop, three different cameras on me...
"Hey, can I make a CodePen for you?"
...
"No? Wanna do a podcast?"
"Hey, can I make a CodePen for you?"
...
"No? Wanna do a podcast?"
Right, I should update my 2d gradient editor to make sure the CSS it outputs is up-to-date with the latest syntax: 2d-gradient.style
And perhaps I should also add a CSS renderer option now 💡
And perhaps I should also add a CSS renderer option now 💡
2D Gradient Editor
Made on CodePen by Bramus
2d-gradient.style
November 6, 2026 at 2:43 PM
Right, I should update my 2d gradient editor to make sure the CSS it outputs is up-to-date with the latest syntax: 2d-gradient.style
And perhaps I should also add a CSS renderer option now 💡
And perhaps I should also add a CSS renderer option now 💡
I made an simple example, hope that helps: codepen.io/editor/meoda...
Design Book Sizes Demo
A code demo by David Aerne created on CodePen
codepen.io
November 6, 2026 at 6:40 PM
I made an simple example, hope that helps: codepen.io/editor/meoda...
codepen can be invaluable when not using frameworks /packages to just blow off some steam and make up some bullshit
November 5, 2026 at 11:16 PM
codepen can be invaluable when not using frameworks /packages to just blow off some steam and make up some bullshit
coincidentally I cut codepen from today’s web dev slides for a completely unrelated reason. conveniently worked out
November 9, 2026 at 11:04 PM
coincidentally I cut codepen from today’s web dev slides for a completely unrelated reason. conveniently worked out
Making a little (CodePen-hosted) subdomain off your personal site is so quick and easy, and saves the cost of buying another domain.
In this case, a fun little Christmas wishlist. wishlist.chriscoyier.net
In this case, a fun little Christmas wishlist. wishlist.chriscoyier.net
November 3, 2026 at 4:33 PM
Making a little (CodePen-hosted) subdomain off your personal site is so quick and easy, and saves the cost of buying another domain.
In this case, a fun little Christmas wishlist. wishlist.chriscoyier.net
In this case, a fun little Christmas wishlist. wishlist.chriscoyier.net
cassidoo newsletter 2026/46
A code demo by Ten Zhi Yang created on CodePen
codepen.io
November 9, 2026 at 2:37 PM
Ship a basic CSS grid layout using free tools like CodePen, then polish with flexbox tweaks, like adding 'gap: 10px' for spacing. 💻
November 8, 2026 at 1:45 PM
Ship a basic CSS grid layout using free tools like CodePen, then polish with flexbox tweaks, like adding 'gap: 10px' for spacing. 💻
Link to the docs for this feature blog.codepen.io/docs/pens/de...
November 3, 2026 at 6:17 PM
Link to the docs for this feature blog.codepen.io/docs/pens/de...
Building Your Personal Brand with Skills Learned in Graphic Design Training Online. Confused how to get started then check this blog and get in depth explanation. Check this link: codepen.io/editor/varun...
Building Your Personal Brand with Skills Learned in Graphic Design Training Online.
A code demo by Varun Sharma created on CodePen
codepen.io
November 7, 2026 at 11:01 AM
Building Your Personal Brand with Skills Learned in Graphic Design Training Online. Confused how to get started then check this blog and get in depth explanation. Check this link: codepen.io/editor/varun...
You've got a lot of control over the CodePen editor, like what you want open/closed and where to put it. Maybe you want the preview open to a mobile size. Maybe you are just vibe coding and want AI+Preview. Maybe you wanna see your code and the processed code side by side.
November 4, 2026 at 4:32 PM
You've got a lot of control over the CodePen editor, like what you want open/closed and where to put it. Maybe you want the preview open to a mobile size. Maybe you are just vibe coding and want AI+Preview. Maybe you wanna see your code and the processed code side by side.
📮 Day 6/30: Vintage | The Web, Postmarked
What if internet history came as vintage postcards? ✉️
Travel from 1969 to 1995 as five web milestones appear on the map!
👩🏻💻 See the code: codepen.io/editor/cyatt...
#GIS #ArcGIS #JS
What if internet history came as vintage postcards? ✉️
Travel from 1969 to 1995 as five web milestones appear on the map!
👩🏻💻 See the code: codepen.io/editor/cyatt...
#GIS #ArcGIS #JS
Day 6 - 30 Day Map Challenge 2026
A code demo by Courtney Yatteau created on CodePen
codepen.io
November 6, 2026 at 6:46 PM
📮 Day 6/30: Vintage | The Web, Postmarked
What if internet history came as vintage postcards? ✉️
Travel from 1969 to 1995 as five web milestones appear on the map!
👩🏻💻 See the code: codepen.io/editor/cyatt...
#GIS #ArcGIS #JS
What if internet history came as vintage postcards? ✉️
Travel from 1969 to 1995 as five web milestones appear on the map!
👩🏻💻 See the code: codepen.io/editor/cyatt...
#GIS #ArcGIS #JS
Global Water Security Plan
A code demo by Jason Davis created on CodePen
codepen.io
November 4, 2026 at 3:37 PM