Shaw

The in-app notification for CodePen AI was fun to make. Penny gets to zoom around the <dialog> in a <canvas> with GSAP to make it smooth.

CSS-Tricks has a new owner! Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that. https://css-tricks.com/css-tricks-has-a-new-owner/

I wish you could use Emojis in real life.

I'd expect this fake review to at least say it was "Simply The Best"

One super cool detail is that @codepen.io AI double-checks its work. @chriscoyier.net and I were discussing the output from a simple prompt and while I was pointing out a small issue, AI had already caught the problem and was fixing it. Amazing to see in real-time. youtu.be/Re258px0v1k?...

Fun new stream for @codepen.io School! Love doing these every week. Come hang out during the next one! youtube.com/live/Re258px...

How does CodePen AI do with the Cool S? With squigglevision? Friggin nailed it. (Wait... CodePen has AI now? codepen.io/features/ai 👀)

Pretty good for my first time trying CodePen AI today! 💻✨ Built a Side Quest Adoption Center—because apparently having too many ideas means I should create a website to adopt more. #CodePen #WebDev

👋🤠 Howdy, fellow Texans! Early voting starts TODAY and goes to Oct 30th. All y'all know there's fixin to be some bullshit this election cycle, so don't wait and schedule time to vote early. Make sure your vote gets counted. Find your polling place: www.votetexas.gov

"Scroll-triggered animations: Variable Font: expand, shrink, squoosh" by utilitybend codepen.io/editor/utili...

Yesterday, the CSSWG accepted my proposal for mesh gradients and diffusion curve gradients! Want to make gradients like this natively in CSS? Well, we've started the work on it. It's coming! Here's the Explainer: github.com/w3c/csswg-dr...

Moved my "Smashburgers in Bend" site over to @codepen.io since it's so good for that. codepen.io/editor/chris... A subdomain, naturally. smashburgers.chriscoyier.net

Attention class! @codepen.io School with @chriscoyier.net and @shaw.city is happening today at 11am PST. Don't be tardy! youtube.com/live/hduqhpj...

Let's talk a little more about Margaret Hamilton because she deserves it In 1961, Margaret Hamilton was tackling massive systems, having previously wrangled room-sized computers that blared like a foghorn whenever they crashed.

Attention class! @codepen.io School with @chriscoyier.net and @shaw.city is happening today at 11am PST. Don't be tardy! youtube.com/live/hduqhpj...

I want to start an ensemble of French harp players named Philip to form the first true Phil Harmonica Orchestra.

Vale.Rocks already showed my @codepen.io pens in the firehose, but with CodePen's new fully featured REST API v2 I've made some improvements. My site now shows all my pens directly on my site with their own dedicated pages. I love open APIs! vale.rocks/demos

We've got a full-blown Read/Write API now. Just so ya know. blog.codepen.io/docs/api/api... REST or GraphQL.

Here's a cool I just tried and it worked great. I pointed my agent at a cool Pen I was working on with variable fonts. I said "go pull the files from this Pen and incorporate the idea into the header of this local WordPress site I'm working on" It worked great.

I'm looking forward to exploring the @codepen.io API. I've set up a selection of CodePen demos on my personal site, but they're forks that either diverge or have to be manually kept in sync. The API will let me use my local development workflow to keep self-hosted and CodePen-hosted pens in sync.

DID YOU KNOW: @codepen.io has a read/write API? blog.codepen.io/docs/api/api... Comes in GraphQL & Rest flavors so you can use what's best for your task. Updating a Pen is super easy and seamless.

I think the thing the "but AI can one-shot it bro" commenters on these videos don't get, is while I am showing how to do something with CSS, it goes a little beyond that. I'm exploring what's possible these days, and often looking at how we can make things that aren't so straight-forward.

CodePen School (Live Stream) at the top of the hour! www.youtube.com/watch?v=5Idb... Probably gonna share some cool tools and techniques, news, answer some questions, maybe a little Stump Stephen! We've got a Twitch too: www.twitch.tv/codepen

Almost time for class! Brand new @codepen.io School live stream with @chriscoyier.net happening an hour early today: youtube.com/live/5Idb6Ea...

New post from my blog: "Adding My Latest CodePens to My Blog" https://www.raymondcamden.com/2026/10/06/adding-my-latest-codepens-to-my-blog

Finally cleaned up the CodePen. You can find it here: codepen.io/editor/kevin... The video is dropping tomorrow (unless you're a channel member... in which case you can watch it now 👀 youtu.be/Fi1MvM7whzg)

OMG! An API! I can include my latest pens on my /now page.

Did you know @codepen.io now has a Changelog? codepen.io/changelog Thanks to the awesome 2.0 Editor, we're releasing regular improvements, new features, and bug fixes. Keep your eye on that page, because we'll often reveal really big features in the Changelog first before any wide announcements.

🖐️✊ More Drag & Drop on @codepen.io 2.0! Panels can be dropped into the tab area for an expanded view, now including Settings & Assets. You can even drag the Console to a tab!

"Inline Block Processing" is a cool thing CodePen can do. Here's a video showing it off: www.youtube.com/watch?v=AyAF... Docs: blog.codepen.io/docs/pens/bl... Examples: codepen.io/collection/e...

Fun fact: When you have a kid, you’re basically committed to providing 3 meals a day plus snacks for at least 18 years. That’s nearly 20,000 meals!

It's like PBS for Developers.

Blocks and Files combine to form the ultimate power and flexibility of @codepen.io 2.0. This is a great example: One user file, script.test.js, and yet there's still a Preview... showing the test results!

Cats: I'm fierce and independent! Watch me hunt! Don't touch me! Also Cats: help. claw stuck.

Couple a dorks n their bum-dittys nerdy.dev/camp-night-w... @chriscoyier.net

Passing period's almost over. Head to class in 10 minutes!

🕒 Class starts in 3 hours! If you're one of those "do homework right before the bell" kind of folks, this is your time. ✍️

Tomorrow at 10am Pacific: @codepen.io School live stream with @chriscoyier.net & @shaw.city! 📝 HOMEWORK ASSIGNMENT 📝 Complete this week's CodePen Challenge "Lines and Bars" using the new Mermaid Block! codepen.io/challenges/2... youtube.com/live/Nv09OH0...

Tomorrow at 10am Pacific: @codepen.io School live stream with @chriscoyier.net & @shaw.city! 📝 HOMEWORK ASSIGNMENT 📝 Complete this week's CodePen Challenge "Lines and Bars" using the new Mermaid Block! codepen.io/challenges/2... youtube.com/live/Nv09OH0...

I have a lot of feelings about the whole CSS-Tricks debacle. Here's me trying to be constructive about it. ericwbailey.website/published/cs...

🗺️ Multiplayer Cursors with Itty Sockets! @techsev.bsky.social mentioned ittysockets.com, a cool little library that seamlessly handles websocket connections for doing realtime communication. I had to give it a try, so I built this fun cursor demo. So much potential! codepen.io/editor/shsha...

I hadn't posted over on the second channel in a while now, but I felt that it was important to talk about what's going on with @digitalocean.com and @css-tricks.bsky.social as the site has now gone quiet for a second time. youtu.be/9_upvxCAUzM

On this episode of @codepen.io School, we solved the latest @cassidoo.co Newsletter challenge using the new Jest Block: codepen.io/editor/team/... Naturally @chriscoyier.net and I did it LIVE ON-AIR with Zero Prep and Research but somehow managed to solve it. youtu.be/BFvGpJTAr54?...