Tessera
Folgen

Shaw

@shaw.city

◈ https://shaw.city ◈ AKA "shshaw" on Twitter & other platforms ◈ Developer at @codepen.io https://codepen.io/shshaw ◈ Cohost of @keyframe.rs web animation tutorials https://keyframe.rs

609 Posts820 Follower182 Folgt
CodePen@codepen.io · yesterday

The CodePen Editor supports WebMCP! The idea is to make it easy/fast for AI agents to understand what the editor can do and how to do it. Notably, the ChatGPT app supports it. Here's a 2-minute video on that. www.youtube.com/watch?v=T0b6... (Also the `agent-browser` CLI tool, so BYO agent!)

CodePen WebMCP via the ChatGPT App

The in-app browser inside the ChatGPT app supports WebMCP, a technology that exposes the functionality of websites to AI agents. All from the ChatGPT app I can have it navigate to CodePen, make a new…

youtube.com

Bramus@bram.us · 3d ago

I've been working with/on this feature for the past 6 years now. First as an external web developer, then as Chrome DevRel starting in 2022. Today, I'm beyond excited to see it become Baseline Newly Available 🤩 Check out the timeline (that uses SDA of course) to see the full history.

Chrome for Developers@developer.chrome.com · 3d ago

After 12 years, Scroll-Driven Animations are officially Baseline Newly Available 🎉 Pure CSS scroll-driven animations work across every major browser engine! Celebrate this milestone with our animated timeline tracing the feature's history since 2014 → goo.gle/3Urm9fT

CodePen@codepen.io · 5d ago

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.

Shaw@shaw.city · last wk.

Today marks 8 years of working at @codepen.io. It's still unbelievable that I've been able to work with such amazing people building an undeniably cool product. I had no idea that signing up for a CodePen account way back in 2013 would've lead to such an incredible journey ❤️

Dave Rupert@davatron5000.bsky.social · 2w ago

👋🤠 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

Your Guide to Voting in Texas | VoteTexas.gov

VoteTexas.gov is your go-to resource for voter registration, election dates, polling locations, and more. Get the info you need to make your vote count.

votetexas.gov

Kevin Whitley@itty.dev · 2w ago

Love to see it! If folks publish enough fun projects built on it, I might have to build a showoff page on the site to give others inspiration :)

Shaw@shaw.city · last mo.

🗺️ 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...

Sarah Drasner@sarahedo.bsky.social · 3w ago

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.

The famous photo of Margaret with the code she wrote to put a man on the moonThe lego set of Margaret Hamilton my daughters gave me
Shaw@shaw.city · 3w ago

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

Monica@monica.dev · 3w ago

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.

Shaw@shaw.city · 3w ago

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.