Shaw's Avatar

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

688
Followers
148
Following
361
Posts
16.01.2024
Joined
Posts Following

Latest posts by Shaw @shaw.city

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

09.03.2026 19:42 👍 53 🔁 5 💬 3 📌 1
Preview
705: CodePen Public Beta, Anchor Positioning, and Build Awesome Chris talks through going public with CodePen v2's beta, the magic words and AI skills needed today, Chris has a beef with anchor positioning, thoughts on classless CSS libraries, Eleventy growing up into Build Awesome, and how would you pass an hour by quickly? (Hopefully by listening to this podcast.)

705: CodePen Public Beta, Anchor Positioning, and Build Awesome

Chris talks through going public with CodePen v2's beta, the magic words and AI skills needed today, Chris has a beef with anchor positioning, thoughts on classless CSS libraries, Eleventy growing up into Build Awesome, and how would…

09.03.2026 08:30 👍 4 🔁 2 💬 0 📌 0

“SOMEbody once told me”
Oh yeah? WHO told you? Don’t be vague!

08.03.2026 17:30 👍 3 🔁 0 💬 1 📌 0

omg. Amazing. Fanciest I ever got was a red LED powered by a 9V battery.

08.03.2026 16:08 👍 0 🔁 0 💬 0 📌 0

Three days of four cats and four humans chasing a fly in the house and I’m the one who got it. What am I paying all of these cats for??

08.03.2026 15:29 👍 8 🔁 0 💬 0 📌 0

Oh… yup. That totally bit me in the butt before.

07.03.2026 02:55 👍 2 🔁 0 💬 0 📌 0
Video thumbnail

codepen.io/beta

06.03.2026 20:15 👍 84 🔁 23 💬 4 📌 7
Preview
5128 | DigiKey Electronics Order today, ships today. 5128 – RP2040 MacroPad - ARM® Cortex®-M0+ MCU 32-Bit Embedded Evaluation Board from Adafruit Industries LLC. Pricing and Availability on millions of electronic components fro...

Listed as out of stock on AdaFruit, but you can usually get them through DigiKey: www.digikey.com/en/products/...

03.03.2026 20:56 👍 0 🔁 0 💬 0 📌 0
Preview
GitHub - todbot/picostepseq: MIDI sequencer using Raspberry Pi Pico in Arduino & CircuitPython MIDI sequencer using Raspberry Pi Pico in Arduino & CircuitPython - todbot/picostepseq

The PicoStepSeq code is even designed to run on the Macropad, too.
github.com/todbot/picos...

03.03.2026 20:55 👍 1 🔁 1 💬 1 📌 0
Adafruit MacroPad RP2040 Starter Kit - 3x4 Keys + Encoder + OLED Strap yourself in, we're launching in T-minus 10 seconds...Destination? A new Class M planet called MACROPAD! M here stands for Microcontroller because this 3x4 keyboard controller ...

Highly recommend the AdaFruit Macropad. It has an RP2040 chip, so it can do most everything a Pico can do. No solder assembly with a built in screen and basic speaker, a ton of inputs, and it's pretty easy to set up as a keyboard/MIDI controller.

www.adafruit.com/product/5128

03.03.2026 20:55 👍 0 🔁 0 💬 1 📌 0
Video thumbnail

It's definitely cool. Here's a goofy little video of me playing with it, but the github.com/todbot/picos... has some better examples of what it can do.

03.03.2026 20:42 👍 0 🔁 0 💬 1 📌 0
Preview
Transcript: Electronics for Beginners - Syntax #627 Wes gives an overview of basic electronics concepts like voltage, amperage, microcontrollers, coding, and projects he has built.

The Pico is primarily what I've worked with (RP2040 chip) and it's got plenty of power for my needs, though heavy layouts/screen updates I need to optimize a bit more! 😅

@wesbos.com has some good resources, like this episode syntax.fm/show/627/ele...

And @adafruit.com is great learn.adafruit.com

03.03.2026 20:38 👍 1 🔁 0 💬 0 📌 0
Raspberry Pi Pico MIDI Step Sequencer

Raspberry Pi Pico MIDI Step Sequencer

I've mostly been dabbling in Macropad/MIDI Controller kind of stuff.

My biggest build so far has been this MIDI Step Sequencer github.com/todbot/picos...

I ordered the circuit board then had to source all the components and solder everything. I definitely need to level up my soldering skills/gear.

03.03.2026 14:57 👍 3 🔁 0 💬 1 📌 0

I think the Espruinos are more expensive and less powerful than Pi Pico, but there may be some variants that are a more balanced. Depends on what you're doing and how deep you want to go into it.

03.03.2026 14:57 👍 1 🔁 0 💬 2 📌 0

Microcontrollers like Pi/Espruino are definitely computers, but super low-powered compared to a modern computer. With the right hardware you could have a basic terminal. I have seen some NES Emulators running on Pico's!

03.03.2026 14:57 👍 1 🔁 0 💬 1 📌 0
Espruino Pico

Nice! I've been experimenting like this lately. It's so fun to make something that works in the real world.

CircuitPython has been relatively easy to get into, but there are microcontrollers that can run JavaScript if you find yourself looking for a more familiar environment www.espruino.com/Pico

03.03.2026 14:08 👍 1 🔁 0 💬 1 📌 0
Video thumbnail

Out with :nth-child(), in with :sibling-index()! Just so satisfying to use.

* no Firefox yet

23.02.2026 20:39 👍 146 🔁 19 💬 5 📌 5

It’s been a hard balance between familiarity and functionality. You don’t want to fix what isn’t broken but you also have to make room for what people don’t even know they want yet.

2.0 definitely takes some adjustment, but it’s definitely worth it!

28.02.2026 01:47 👍 4 🔁 0 💬 1 📌 0
Trying the new CodePen 2.0
Trying the new CodePen 2.0 YouTube video by Cassidy Williams

I tried out the new @codepen.io 2.0 editor! It was a bit confusing at first, but once it clicked, I realized how cool it was 👀

www.youtube.com/watch?v=0R4l...

27.02.2026 16:39 👍 29 🔁 5 💬 3 📌 0

And Google Reader and Google Wave, please. Peak Internet. Everything else has been downhill.

27.02.2026 13:26 👍 0 🔁 0 💬 0 📌 0

First time I am using the @codepen.io V2 in that article 👇

I no longer need to create a new pen for each tiny CSS change. One pen can hold all my demos with one CSS file.

With my PRO account, I can have up to 50 demos! 😀

codepen.io/beta

20.02.2026 19:32 👍 16 🔁 2 💬 0 📌 0

Two Factor Authentication where one of the factors is just annoyance.

17.02.2026 14:19 👍 0 🔁 0 💬 0 📌 0

Designed by Slackbot AI’s abilities.

10.02.2026 12:40 👍 0 🔁 0 💬 0 📌 0
Preview
gradient.horse Draw a horse, watch it run!

omg everybody go draw a horse this is what the internet was made for

gradient.horse

09.02.2026 23:11 👍 7012 🔁 3610 💬 35 📌 154

Noooo

08.02.2026 05:48 👍 0 🔁 0 💬 0 📌 0

Excellent! Mind sharing the formula?

04.02.2026 18:06 👍 1 🔁 0 💬 1 📌 0

You're fast! 😂

03.02.2026 21:59 👍 1 🔁 0 💬 0 📌 0

Lovely! Add a little directional awareness in there for a real treat.

03.02.2026 21:25 👍 1 🔁 0 💬 1 📌 0

Given the current state of the web, maybe we shouldn‘t have killed off Flash?

29.01.2026 16:08 👍 3 🔁 0 💬 1 📌 0

If a centaur does ballet, is it technically dressage?

27.01.2026 01:36 👍 3 🔁 0 💬 0 📌 0