Shaw
@shaw.city
◈ https://shaw.city
◈ AKA "shshaw" on Twitter & other platforms
◈ Developer at @codepen.io http://codepen.io/shshaw
◈ Cohost of @keyframe.rs web animation tutorials http://keyframe.rs
◈ AKA "shshaw" on Twitter & other platforms
◈ Developer at @codepen.io http://codepen.io/shshaw
◈ Cohost of @keyframe.rs web animation tutorials http://keyframe.rs
Reposted by Shaw
oh hi @firefoxnightly.bsky.social - Not a *bug* exactly but would love eyes on this if possible. blog.codepen.io/2025/11/18/4...
(short story: "un"supported `allow` attributes throw massive console noise, so UA sniffing required, and isn't great.)
cc @jakearchibald.com
(short story: "un"supported `allow` attributes throw massive console noise, so UA sniffing required, and isn't great.)
cc @jakearchibald.com
417: Iframe Allow Attribute Saga
There was a day not long ago where a Google Chrome browser update left any page with a CodePen Embed on it throwing a whole big pile of red JavaScript errors in the console. Not ideal, obviously. T…
blog.codepen.io
November 18, 2025 at 11:14 PM
oh hi @firefoxnightly.bsky.social - Not a *bug* exactly but would love eyes on this if possible. blog.codepen.io/2025/11/18/4...
(short story: "un"supported `allow` attributes throw massive console noise, so UA sniffing required, and isn't great.)
cc @jakearchibald.com
(short story: "un"supported `allow` attributes throw massive console noise, so UA sniffing required, and isn't great.)
cc @jakearchibald.com
Reposted by Shaw
Hi @developer.chrome.com 👋👋😬
blog.codepen.io/2025/10/20/g...
Having some iframe `allow` issues over here. Not sure if it's a "bug" to log, but we could use an assist.
blog.codepen.io/2025/10/20/g...
Having some iframe `allow` issues over here. Not sure if it's a "bug" to log, but we could use an assist.
Google Chrome & Iframe `allow` Permissions Problems
If you’re a CodePen user, this shouldn’t affect you aside from potentially seeing some console noise while we work this out. Carry on! At CodePen we have Embedded Pens which are shown i…
blog.codepen.io
October 20, 2025 at 8:25 PM
Hi @developer.chrome.com 👋👋😬
blog.codepen.io/2025/10/20/g...
Having some iframe `allow` issues over here. Not sure if it's a "bug" to log, but we could use an assist.
blog.codepen.io/2025/10/20/g...
Having some iframe `allow` issues over here. Not sure if it's a "bug" to log, but we could use an assist.
Oh dang. This might be the first useful "AI Overview" popping up in a search that I've seen. The info's probably scraped from somewhere, but there's not a basic chord chart showing up in the overall search results.
October 20, 2025 at 11:09 AM
Oh dang. This might be the first useful "AI Overview" popping up in a search that I've seen. The info's probably scraped from somewhere, but there's not a basic chord chart showing up in the overall search results.
Why is the new Simulator icon a Santa glove?
October 14, 2025 at 4:25 PM
Why is the new Simulator icon a Santa glove?
Reposted by Shaw
86,791 words later, countless rounds of thorough technical edits and a humongous team effort building custom infrastructure, JavaScript for Everyone is now ready and available to purchase.
piccalil.li/links/javasc...
piccalil.li/links/javasc...
JavaScript for Everyone is now available
86,791 words later, countless rounds of thorough technical edits and a humongous team effort building custom infrastructure, JavaScript for Everyone is now ready and available to purchase.
piccalil.li
October 14, 2025 at 12:07 PM
86,791 words later, countless rounds of thorough technical edits and a humongous team effort building custom infrastructure, JavaScript for Everyone is now ready and available to purchase.
piccalil.li/links/javasc...
piccalil.li/links/javasc...
Can we figure out a way to get all of our body’s microplastics to merge into our bones so we can have a Wolverine-style indestructible skeleton?
October 12, 2025 at 3:16 PM
Can we figure out a way to get all of our body’s microplastics to merge into our bones so we can have a Wolverine-style indestructible skeleton?
In what was probably not a phishing attempt, someone emailed me a cyber attack warning about their organizations that I have nothing to do with. I don't think that's helping their cyber security.
October 10, 2025 at 4:54 PM
In what was probably not a phishing attempt, someone emailed me a cyber attack warning about their organizations that I have nothing to do with. I don't think that's helping their cyber security.
We live in a time where there’s already more content produced by humans in a day than people can (should?) reasonably consume in a lifetime.
Why the heck do we need AI slop added to the pile, devoid of any kind of meaning or human experience?
Why the heck do we need AI slop added to the pile, devoid of any kind of meaning or human experience?
October 8, 2025 at 4:03 AM
We live in a time where there’s already more content produced by humans in a day than people can (should?) reasonably consume in a lifetime.
Why the heck do we need AI slop added to the pile, devoid of any kind of meaning or human experience?
Why the heck do we need AI slop added to the pile, devoid of any kind of meaning or human experience?
Pro-biotic. Anti-biotic. Which is it???
October 6, 2025 at 1:10 PM
Pro-biotic. Anti-biotic. Which is it???
Trying to motivate my kids to go above & beyond in doing housework (mowing the lawn, washing cars, etc.). Money seems to be the best reward right now, but I never have cash on hand.
Fortunately, I have a printer and mediocre design skills...
Fortunately, I have a printer and mediocre design skills...
October 3, 2025 at 8:38 PM
Trying to motivate my kids to go above & beyond in doing housework (mowing the lawn, washing cars, etc.). Money seems to be the best reward right now, but I never have cash on hand.
Fortunately, I have a printer and mediocre design skills...
Fortunately, I have a printer and mediocre design skills...
You know what online recipes need?
Prep Time: 10 min
Cook Time: 30 min
Clean Up Time: 25 min
Prep Time: 10 min
Cook Time: 30 min
Clean Up Time: 25 min
October 2, 2025 at 1:04 PM
You know what online recipes need?
Prep Time: 10 min
Cook Time: 30 min
Clean Up Time: 25 min
Prep Time: 10 min
Cook Time: 30 min
Clean Up Time: 25 min
Can you make freshwater taffy? Are gift shops around lakes teeming with taffy?
September 20, 2025 at 7:11 PM
Can you make freshwater taffy? Are gift shops around lakes teeming with taffy?
Next.js:
"Migrate from pages to the app router! It's great!
"Simply adjust your entire file structure, manually add 'use client' to every file that has hooks, replace next/router with next/navigation though they don't have the same functionality and APIs, and don't use <Head> anymore."
"Migrate from pages to the app router! It's great!
"Simply adjust your entire file structure, manually add 'use client' to every file that has hooks, replace next/router with next/navigation though they don't have the same functionality and APIs, and don't use <Head> anymore."
September 16, 2025 at 7:46 PM
Next.js:
"Migrate from pages to the app router! It's great!
"Simply adjust your entire file structure, manually add 'use client' to every file that has hooks, replace next/router with next/navigation though they don't have the same functionality and APIs, and don't use <Head> anymore."
"Migrate from pages to the app router! It's great!
"Simply adjust your entire file structure, manually add 'use client' to every file that has hooks, replace next/router with next/navigation though they don't have the same functionality and APIs, and don't use <Head> anymore."
What percentage of your life is spent cleaning dishes or making dishes dirty? Is it 90%, because it sure feels like 90%.
September 16, 2025 at 2:04 AM
What percentage of your life is spent cleaning dishes or making dishes dirty? Is it 90%, because it sure feels like 90%.
Hello, I'm TypeScript. Instead of Object, I call it Record. Isn't that neat? Anyway, I found 241 errors and refuse to compile. Have fun, bestie! ✨💕✨
September 11, 2025 at 9:24 PM
Hello, I'm TypeScript. Instead of Object, I call it Record. Isn't that neat? Anyway, I found 241 errors and refuse to compile. Have fun, bestie! ✨💕✨
Numbers are hard youtube.com/shorts/Lr5U8...
Hey Stephen! What episode number of CodePen Radio is out this week?!
YouTube video by CodePen
youtube.com
September 10, 2025 at 10:10 PM
Numbers are hard youtube.com/shorts/Lr5U8...
Reposted by Shaw
I did a fairly straightforward tutorial for the @codepen.io spark this week blog.codepen.io/2025/09/08/c...
There have already been some nice forks!
toot.cafe/@aardrian/11...
There have already been some nice forks!
toot.cafe/@aardrian/11...
Chris’ Corner: Simple, Accessible Multi-Select UI
There’s a nice article by Enzo Manuel Mangano called Checkbox Interactions – The beauty of Layout Animations. In the end, you get some nicely animated checkboxes, essentially: I like it…
blog.codepen.io
September 10, 2025 at 5:05 PM
I did a fairly straightforward tutorial for the @codepen.io spark this week blog.codepen.io/2025/09/08/c...
There have already been some nice forks!
toot.cafe/@aardrian/11...
There have already been some nice forks!
toot.cafe/@aardrian/11...
Are oil and gasoline technically organic? 🤔
September 8, 2025 at 11:49 AM
Are oil and gasoline technically organic? 🤔
Reposted by Shaw
Tonight, on a very special CodePen Radio…
September 4, 2025 at 12:42 AM
Tonight, on a very special CodePen Radio…
Note: If you're testing document visibility APIs, make sure you don't have "Emulate a focused page" checked.
September 4, 2025 at 1:06 PM
Note: If you're testing document visibility APIs, make sure you don't have "Emulate a focused page" checked.
Tonight, on a very special CodePen Radio…
September 4, 2025 at 12:42 AM
Tonight, on a very special CodePen Radio…
Did every app all update their TOS in the past week? Why all the changes? 🤔
September 2, 2025 at 4:22 PM
Did every app all update their TOS in the past week? Why all the changes? 🤔
I always get > and < mixed up.
September 2, 2025 at 1:45 PM
I always get > and < mixed up.
State machine CSS and it's not written by @davidkpiano.bsky.social?? 👀
A dash of modern CSS accomplishes so many things that used to require abstractions, dependencies, and tricks (wink, wink).
This one from Christian Sabourin is a great example: custom properties, clamp()-ing, calc()-ing, counters, relational pseudo selectors, etc.
css-tricks.com/css-elevator...
This one from Christian Sabourin is a great example: custom properties, clamp()-ing, calc()-ing, counters, relational pseudo selectors, etc.
css-tricks.com/css-elevator...
CSS Elevator: A Pure CSS State Machine With Floor Navigation | CSS-Tricks
In this article, author Chris Sabourin walk through how modern CSS features can build a fully functional, interactive elevator that knows where it is, where it’s headed, and how long it’ll take to get...
css-tricks.com
August 29, 2025 at 2:24 PM
State machine CSS and it's not written by @davidkpiano.bsky.social?? 👀
That’s exactly how I got my start.
Originally hacked a local .html file to change a boring table of technical data into an important list of Sonic the Hedgehog characters.
Originally hacked a local .html file to change a boring table of technical data into an important list of Sonic the Hedgehog characters.
I think people underestimate how capable the creators of fan sites were in theming. Well before most of us were thinking about it at all.
August 28, 2025 at 7:19 PM
That’s exactly how I got my start.
Originally hacked a local .html file to change a boring table of technical data into an important list of Sonic the Hedgehog characters.
Originally hacked a local .html file to change a boring table of technical data into an important list of Sonic the Hedgehog characters.