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

“Sometimes” is a such a weak lyrical crutch. Just say the feeling. It’s not “when the moon hits your eye like a big pizza pie it’s sometimes amore” It’s friggin amore let’s go

behold this Pinewood Derby car that *is* a Pinewood Derby.

Mad CSS Round One of Mad CSS is out on YouTube!

Untitled Lars Mensel: ... the only way out of the delusion that AI can replace all of us is to do good meaningful work, and to appreciate good work when we see it.

Chrome: • Split view? Yes please. • Side tabs? Yes please. • ⌘-Shift-C to copy URL? Yes please. Easily the top three features I need from Arc. (Option-click for split view would be nice, tab spaces would be nice. Side tabs is a feature flag for now.)

Design trend noted by Steve McKinney: "pages in pages" iamsteve.me/notes/pages-...

A few min on <geolocation> in HTML/CSS/JS. 1. I like how explicit it is for users & how it helps "recover" from incorrect permissions. 2. It's *super interesting* how it checks the contrast accessibility and just makes the button not work if you dink it up. www.youtube.com/watch?v=hffX...

Did you build your bracket yet?

The one-off font for the Neo page is just a `mask-image`, but you can still select the text. Maybe might as well make it size along with the container?

and nobody cares how that sick ass `corner-shape: scoop;` smurfs right into that `border-radius` like they were born together? cmon

team i'm FIRED UP about these gnarly gotchas with Anchor Positioning in CSS.

this is hilarious. You SAID we could style <select> now DAD.

Untitled I like how Nolan paints this two-sided picture of AI coding. The worst fact about these tools is that they work. They can write code better than you or I can, and if you don’t believe me, wait six months. You could abstain out of moral principle. And that’s fine, especially if you’re at…

Tucci Pan Review Stanley Tucci has a set of cookware named after him that GreenPan sells. I've got these two pans: I forget where they came from exactly, some silent auction or something, but I unboxed and started using them about 8 months ago. I was so hyped the first few months! Ultra extremely…

You Get Good At What You Do (Or Do You?) I used to feel really strongly about this. You get good at what you do. Like, if you build websites all the time, you get good at building websites. If you make burritos all the time, you get good at making burritos. It could extend to almost anything.…

Our colleague and @tc39.es co-chair @ryzokuken.dev was at the @shoptalkshow.com last week with davatron5000.bsky.social and @chriscoyier.net chatting about web standards, JavaScript, TC39 and how it works! Listen in here: shoptalkshow.com/703/

I really agree with myself here.