Advertisement Β· 728 Γ— 90

Posts by Chris Wachtman

I'd like to see a progressive enhancement project that showcases a ton of progressive enhancements in one demo. All browsers show the same content & structure but with a different set of enhancements until broad support converges over time.

1 month ago 2 0 1 0

Move fast and break things, they say.

But do consider what things you are prepared to break when deciding how fast to move.

1 month ago 0 0 0 0
Preview
A Complete Guide to Bookmarklets | CSS-Tricks Browsers don't just let you bookmark web pages. You can also bookmark JavaScript, allowing you to do so much more than merely save pages.

Making your own bookmarklets doesn't have to be all that difficult, and @vale.rocks shows you how, step-by-step.

css-tricks.com/a-complete-g...

1 month ago 11 4 2 2
πŸ”– Bookmarklets - a Collection by Chris Wachtman on CodePen A collection of bookmarklets I've created.

I use a handful of custom bookmarklets for little tweaks and repetitive tasks. When I make something fun, I add it to this collection:
codepen.io/collection/e...

Whenever I feel inspired to whip up a new bookmarklet, I just copy my JavaScript into this bookmarklet creator:
mrcoles.com/bookmarklet/

1 month ago 1 0 0 0
Preview
Timeline – Chris Coyier Web craftsman, blogger, author, speaker.

I'm more curious about long-term trends. Have you tracked enough weight data over the years to notice relationships with life events?

I think your handy timeline page is due for an update. I have some serious reflecting to do myself for a little timeline project that I aspire to build one day...

2 months ago 0 0 0 0

Upon reading this I explored a dozen related posts that you've written over the years. I was previously unaware of your struggle.

It sucks that GLP-1s didn't "calibrate" you. I truly hope you get to feel normal eventually. It's tempting to offer basic advice, but I bet you've seen it all before.

2 months ago 1 0 2 0

If it's one of them fancy cars where critical functions rely on touchscreen interactions, then any gloves for use while driving must be reliably touchscreen capable.

2 months ago 0 0 0 0

Web 2.0 was wild, but AI will be dumb beyond comparison.

With today's tech giants and our level of connectivity, the scale of impact is unprecedented. Without proper regulation, we can expect to experience epic societal harm.

2 months ago 0 0 0 0

Yea, I'm not clear about why yet. I've mostly looked at .page-header and how its height could impact the sticky state. Maybe the parent header element is more relevant because its the actual sticky element that drives the scroll-state. πŸ€”

2 months ago 0 0 1 0
Advertisement
A code diff (short for "difference") which highlights the changes to a CSS file to adjust the padding and margin of a .page-header element.

A code diff (short for "difference") which highlights the changes to a CSS file to adjust the padding and margin of a .page-header element.

I enjoyed the video, and I wanted to understand what was causing that flickering during the sticky transition. It seems to be caused by the change in height of the .page-header when its padding changes.

Heres my diff from Chrome Dev Tools
(I just now learned that it can do diffs. Neat!)

2 months ago 1 0 1 0

Kat's video that was copied by the white house:

2 months ago 0 0 0 0

"Imitation is the sincerest form of flattery"

2 months ago 0 0 1 0

I went ahead and replied to their tweet with the tweet from @mattheweadie.bsky.social showing that Kat's video was posted several days ago.

2 months ago 0 0 0 0

How do we convince people that we need to protect election integrity from people claiming to fight for election integrity?

2 months ago 1 0 0 0

β€œCommon things should be easy, complex things should be possible.” --Lea Verou (paraphrasing Alan Kay)

2 months ago 0 0 0 0

Which is worse?
Identifying a problem without providing a solution, OR providing a solution without identifying a problem?

2 months ago 0 0 0 0

How about a real world light source via the webcam API?
I've used face tracking in javascript to rotate a 3D scene before.
I imagine it would be possible to use a flashlight to "cast" css shadows.

2 months ago 0 0 0 0
Preview
Fun shadow coding challenge ...

How about a cursor light source?
codepen.io/cwacht/pen/Q...

2 months ago 2 0 1 0
Preview
Fun shadow coding challenge ...

How about a moving light-source?
codepen.io/cwacht/pen/e...

2 months ago 0 0 1 0
Advertisement

Oh and now that this exists, welcome to the list!

2 months ago 0 0 0 0
Which Animal is the Most Efficient Traveler?
Which Animal is the Most Efficient Traveler? YouTube video by Cleo Abram

This chart shows how efficiently all animals travel. πŸ“‰

And the winner is: human on a bicycle! 🚲

#bicycle #science

2 months ago 0 0 0 0

I got a Chromebook, so I'm mostly installing PWAs.
But I did find it helpful that I could use Tailscale via their Android app within ChromeOS.

2 months ago 1 0 0 0
Good Man Down
Good Man Down YouTube video by Ewert And The Two Dragons - Topic

I'm adding Good Man Down by Ewert and The Two Dragons to my list of songs for reflecting on the appalling state of the nation.

The song is about a woman leaving, but the words "How could you shoot a good man down?" just ring so loudly right now.

2 months ago 0 0 1 0

On the flip side, unrelenting insults and baseless accusations from an incompetent authoritarian regime is a great sign you're doing something right.

To all who find themselves in that position, keep up the good work, may the odds be ever in your favor, and RIP to those we've lost.

2 months ago 0 0 0 0

The latest CDC #measles update bumps the total US cases in 2025 up to 2,255 cases.

And just 23 days into 2026, there have been 416 reported cases, with the majority (338) in South Carolina. This rate may or may not continue, but if it does, there could be over 5,000 cases this year.

2 months ago 0 0 0 0
πŸ”– Bookmarklets - a Collection by Chris Wachtman on CodePen A collection of bookmarklets I've created.

Sure thing! I like to turn fun scripts into bookmarklets.
Here is a small collection of bookmarklets I've created over the years:
codepen.io/collection/e...

3 months ago 1 0 0 0

bsky.app/profile/cwac...

3 months ago 1 0 0 0
Preview
🎚️ slideVars Bookmarklet Use slideVars on any webpage with this handy bookmarklet. Created by Chris Coyier, slideVars is a UI for updating CSS Custom Properties....

Behold! A slideVars #bookmarklet!
codepen.io/cwacht/pen/y...

3 months ago 4 2 1 1

I gave it a try but havent gotten it working yet.

Bookmarklets cannot import js modules, so I tried compiling the whole thing (including lit). I got a standalone script that works when pasted into console, but something is not initializing properly when I turn it into a bookmarklet...

3 months ago 1 0 1 0
Advertisement

The final number of US measles cases in 2025 as reported by the CDC:

2,144

It really did exceed the 2,126 cases reported in 1992...
The next-most-recent milestone is 1991 with 9,643 cases.

#Measles is fully back in the US.
Elimination status may be revoked in the coming weeks.

3 months ago 0 1 0 1