Is the Tailscale loader a Conway's Game of Life "Glider" going by?

Great blog post on @frontendmasters.com from @chriscoyier.net - What to Know in JavaScript (2026 Edition) Covers everything from the latest in ECMAScript to Meta Frameworks. Definitely worth checking out to stay up to date on the #JavaScript ecosystem in 2026! frontendmasters.com/blog/what-to...

A totally unnecessary retrospective, by moi.

I and Jason are currently working on implementing the CSS `polygon() round` keyword in Chrome. This is one of my favorite CSS features! Thanks to @lea.verou.me for bringing it to CSS. Enable the `enable-experimental-web-platform-features` flag in Chrome Canary codepen.io/yisi/pen/NPR...

Mr. @davatron5000.bsky.social and I on @whiskey.fm for St. Pats day. whiskey.fm/flogging-mar... I DRINK, and I KNOW HOW TO ROUND RECTANGLES. [in my best Tyrion Lannister voice]

You can `glob` a folder full of Markdown+Front Matter files in CodePen 2.0 and build a site out of it. Use the Vue + Vite block and do the glob in the Vite config. Use the define method to pass it to the client. Here's how: www.youtube.com/shorts/Pn-2B... Example Pen: codepen.io/editor/chris...

Good news: support for this feature will be out in FF149 and Chrome 148! I did the implementation in both FF and Safari because @nerdy.dev and I wanted it so badly haha. And chrome has had it behind a flag for a bit. See github.com/mdn/browser-...

ok hear me out. If we put a unique `container-name` on the root of all of our components... that's... perfect scoping, via: @container unique-name { button {} .whatever {} } That's platform-level CSS modules. That's the scoping we need! frontendmasters.com/blog/name-on...

Nicely done post! And lovin' them 2.0 embeds.

Apex Domains work with CodePen Deployed Pens. This Pen: codepen.io/editor/chris... Points to this domain: bendtreehouses.com Because I'm using Cloudflare for the DNS, which supports CNAME records "at the root" that point to domains. Two minutes explains all: www.youtube.com/shorts/7Qja1...

codepen.io/collection/g... I'm working on a new frontend toolkit, and I've been using Pen 2.0 for the examples. Honestly, I'm really impressed by the experience. Great work to everyone on the @codepen.io team. I know how hard it is to make big changes to a platform people already love.

You've heard it over and over. But it's really astonishing(ly bad) what we're doing these days. 277 MB for the *text transcript* of a podcast. My browser nearly freezes.

Maciej Mionskowski has good points about the downsides of using third-party embeds for code previews & the srcdoc solution is clever mionskowski.pl/posts/iframe... CodePen does have a solution for keeping the code on your site only blog.codepen.io/docs/embeds/... But it still requires our script

We used to have different URLs for views of the same Pen on @codepen.io /pen/ = editor /full/ = full page preview /details/ = ocus on comments /collab/ = real time /pres/ = presentation mode etc. Not anymore — It's the same canonical URL with query param control. www.youtube.com/watch?v=J4Bd...

A couple new column-wrapping features shipped in Chrome 145, like `column-wrap` and `column-height`. Truly big upgrades for multi-column layouts — here's how you *might* use them... as well as when you might *not* use them. css-tricks.com/css-multi-co...

Help Me Understand How To Get Jetpack Search to Search a Custom Post Type I've got a Custom Post Type in WordPress. It's called docs because it's for documentation pages. register_post_type("docs", [ "labels" => [ "name" => __("Docs"), "singular_name" => __("Docs Page"), "add_new" => __("Add Docs…

Finals on now!

Plus, it gives your CSS a tasty sear.

Happy 🎂 🍎 www.apple.com

Ughck I missed one

Just add a `screenshot.jpg` (or whatever format)

Rounding up recent things that are worth having on your radar: 💥 SVG favicons and color scheme (@pawelgrzybek.com) 💥 Help shape @mixin (@lea.verou.me) 💥 Anchor-interpolated morphing (@chriscoyier.net) 💥 corner-shape UI elements (@utilitybend.com) ...and more: css-tricks.com/whats-import...

It needs to be known that @cloudfour.com are some of the best folks in the business and now is your chance to learn first-hand: cloudfour.com/thinks/more-...

Just as a reminder — all these cool fonts are available to use on @codepen.io as well.

Ghostty has `background-opacity` why don't YooOOOuUUUuu have `background-opacity` CSS?

Hawai’i I'm just back from the United States 50th state, a staggering 2,500 miles from the mainland. For the next week or two, I'll pronounce it Ha-Vie-ee, like how it's pronounced in the native Hawaiian language. A language, by the way, that only a few thousand people speak natively, no doubt due…

There is "Real" Tailwind (v4) processing in the 2.0 editor. No more faking it. You can straight up look at the output and see what it's doing.

Thread and video in case you've feeling the "Oh no! CodePen is going to be different!" feels. 2.0 can be almost identical to Classic, only dipping into new features when you're ready.

I liked the part where Ryan Gosling was like “Go long!!!” and the alien caught the ball at the back of the end zone and the coach was like phewfff that was one heck of a project and winked at the camera

To celebrate something-or-other, I created a retro CRT using only vanilla CSS! 📺 codepen.io/ivorjetski/p... No images. No JavaScript. No SASS. Fully turn-off-and-on-able! Also a documentary about the making of it: www.youtube.com/watch?v=wdNH... @CodePen #css #cssart #cssonly #frontend

You can take any 2.0 Pen: codepen.io/editor/team/... And deploy it: tight-hill-cattle.codepen.app Then map it to a subdomain*: subscribe.shoptalkshow.com Three-minute video on how here: www.youtube.com/watch?v=nzeW... And docs: blog.codepen.io/docs/pens/de... *apex domains coming soon.

You can just pluck one-off Web Awesome components to use as you please. See how easy:

Meets Style Sheets I've accepted an invitation to speak at Smashing's (Online) Conference Meets Style Sheets. It's free on Wednesday, May 6th. I named my talk In-N-Out Styling. Long time CSS evangelist Chris Coyier will talk about how you can style things on their way into view on a webpage, and…

New web game that takes 2 min to play (and perhaps a lifetime to master?): Outsmart. “Five rounds, first to 3 wins. In each round, the higher bet wins. You have 100 total points, so bet wisely. Can you outsmart the machine?” [labs.davidbauer.ch]

I can’t remember which newsletter it was in but my whole family are now simultaneously playing this stupid thing and it’s simple and joyous! 100jumps.org/play/

Couple of reasons to put a width (and height!) on images.

Yeah i love OpenClaw... Opening a Whiteclaw and drinking it!!!!!!!!

Kermit Roosevelt I was at a school function the other day where the 2nd graders performed a bunch of Aesop's Fabels and it was great. It was a double-header with 3rd graders who then read prepared reports on famous people. It was cross-disciplinary thing as the kids brought props from design…

AI is my CMS I mean... it's not really, of course. I just thought such a thing would start to trickle out to people's minds as agentic workflows start to take hold. AI agents are already up in your codebase fingerbanging whole batches of files on command. What's the difference between a CMS taking…

Fellow olds, I’m like 90% sure “cooking” is good and “cooked” is bad.

The @codepen.io Compiler is the real key to making 2.0 so awesome. Because of how smart it is, using Tailwind is as simple as `@import "tailwindcss"`, and using most JS Libraries is as simple as `import gsap from "gsap"`! No additional work required on your part. codepen.io/editor/shsha...

The CodePen 2.0 editor has a whole new brain: The CodePen Compiler. It looks at all your code, figures out what needs to be done, makes a plan, and executes it. It does a lot very quickly. (Go, naturally). Here's a page that goes into some of it: codepen.io/beta/compiler

Curious about custom <select>? I wrote about some of my recent demos over at @css-tricks.com! Take a look ✨ css-tricks.com/abusing-cust...

Enjoyed Bugonia. Little bit like a high budget Safety Not Guaranteed.

The way our @codepen.io 2.0 editor deals with npm packages is pretty cool. 1. Detect package usage 2. Create/edit `package.json` file to reflect needed packages 3. Inject an `<script type="importmap">` into any HTML produced by compiler Here's using React in 53 seconds.

Lol I JUST finally bailed on Ghostty because of lack of search when they drop the feature. ghostty.org/docs/install...

I’d like to see an explicitly social-forward RSS reader. Like it’s encouraged to highlight passages and leave short comments. Your buds see yours, you see your buds.

Yes, person at Cursor did it, and Sanity rebutted it leerob.com/agents www.sanity.io/blog/you-sho...

Has someone written "AI is my CMS" yet? Feels inevitable. Like why run a build tool when you can just prompt another page?

One day you're like "we should send a weekly newsletter about the cool stuff on @codepen.io and around". Then 500 weeks go by. 🎉 codepen.io/spark/500