Chris Coyier

Chris Coyier

@chriscoyier.net

The main thing = @codepen.io Personal site = https://chriscoyier.net Podcast = https://shoptalkshow.com Bend, Oregon

19.1K followers1.1K following1.1K posts

Chris Coyier
@chriscoyier.net

Easiest new subscription I ever signed up for.

CSS-Tricks*@css-tricks.com

CSS-Tricks has a new owner! Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that. https://css-tricks.com/css-tricks-has-a-new-owner/

css-tricks.comCSS-Tricks has a new owner!Yes, I've got the keys to the castle, so to speak. And, even after 12 years of working on the site, I'll admit I'm a little overwhelmed and nervous about that.

Chris Coyier reposted

Charlie Gerard
@devdevcharlie.com

I built a fun little Chrome extension that lets plants invade your abandoned tabs the longer you leave them unread. To access them again, you have to slash through the vines 🪚🌿

Chris Coyier reposted

Tim Holman
@aussie.bsky.social

Been noodling on this game for probably 2 years, finally folded it all into a site. The goal was a word game where you can play casually hitting the par, or geek out on and max your score. As well as a pretty way to share your solve.

Chris Coyier
@chriscoyier.net

The answer to this was pretty satisfying. 1. @cloudflaredev.bsky.social Worker running on a ~5min cron. 2. API keys stored in their secret store thing. 3. Hits the official APIs and pulls latest stuff 4. Stores IDs of latest stuff so it doesn't re-report same stuff. 5. Send to a Slack webhook

Chris Coyier@chriscoyier.net

Has anyone built a "all new comment from all videos on a YouTube channel get sent to a Slack channel" thing?

Chris Coyier
@chriscoyier.net

Archived Tweets I finally got around to importing my whole historical Twitter archive (just my own original tweets, not replies or retweets) into this WordPress site as a proper Custom Post Type:... https://chriscoyier.net/2026/10/13/archived-tweets/

chriscoyier.netArchived TweetsI finally got around to importing my whole historical Twitter archive (just my own original tweets, not replies or retweets) into this WordPress site as a proper Custom Post Type: https://chriscoyier.net/tweets I haven't added it to the navigation or anything else on the site yet. Not sure what I want to do there. Just feels...
Chris Coyier
@chriscoyier.net

Atomic Wall Clocks Look at this clock. It's a clock. I bought it once because I needed... a clock. It's $29, which is totally reasonable for... a clock. Then it was Daylight Saving... https://chriscoyier.net/2026/10/12/atomic-wall-clocks/

chriscoyier.netAtomic Wall ClocksLook at this clock. It's a clock. I bought it once because I needed... a clock. It's $29, which is totally reasonable for... a clock. Then it was Daylight Saving Time one day, and I went to update it, but... it was already updated. That's because: The Atomic Time Feature conveniently allows the clock to...
Chris Coyier
@chriscoyier.net

EPS? I remember working in digital prepress decades ago that .eps files were just kinda weird, and I didn't love it when I had to deal with them. Like, what even... https://chriscoyier.net/2026/10/12/eps/

chriscoyier.netEPS?I remember working in digital prepress decades ago that .eps files were just kinda weird, and I didn't love it when I had to deal with them. Like, what even made this? Why? I assumed it was some kind of antiquated software or practice, and I'd just deal with it, and eventually the world would...
Chris Coyier
@chriscoyier.net

has comedy ever done that thing where it's like "everything bagel?! there is only like 4 basic things on there. a real everything bagel would stretch our conceptions of time and space!!"

Chris Coyier
@chriscoyier.net

Dave’s Rule of Life Dave, from #735: Never trust an adult over 35 who can't explain what they need from you in a bulleted list. https://www.youtube.com/shorts/p3Knthl4ZMU I'm thinking like a laptop sticker or t-shirt,... https://chriscoyier.net/2026/10/11/daves-rule-of-life/

chriscoyier.netDave’s Rule of LifeDave, from #735: Never trust an adult over 35 who can't explain what they need from you in a bulleted list. https://www.youtube.com/shorts/p3Knthl4ZMU I'm thinking like a laptop sticker or t-shirt, right? A little AI slop to help pick a direction can be helpful. We'll see we'll see.
Chris Coyier
@chriscoyier.net

Media Diet Not much screen time for me lately, so this is a few months' worth. But I have enjoyed some things! My Brother the Minotaur: Really well-done kids' adventure show, begging... https://chriscoyier.net/2026/10/10/media-diet-11/

chriscoyier.netMedia DietNot much screen time for me lately, so this is a few months' worth. But I have enjoyed some things! My Brother the Minotaur: Really well-done kids' adventure show, begging for a second season. Avatar Aang: Thick with fan service, and that's exactly what I wanted from the ol' gang, all grown up and still...
Chris Coyier
@chriscoyier.net

Multipage Just noting Mat's Multipage Version zine rules. I bought both issues right away. It's weird, it's funny, it's a work of art, and you might even learn something. The page... https://chriscoyier.net/2026/10/09/multipage/

chriscoyier.netMultipageJust noting Mat's Multipage Version zine rules. I bought both issues right away. It's weird, it's funny, it's a work of art, and you might even learn something. The page that is a spliced version of Marc Andreeson proposing the IMG tag in HTML with all his recent crazy shit about how he "has" zero...
Chris Coyier
@chriscoyier.net

Here's a cool I just tried and it worked great. I pointed my agent at a cool Pen I was working on with variable fonts. I said "go pull the files from this Pen and incorporate the idea into the header of this local WordPress site I'm working on" It worked great.

CodePen@codepen.io

We've got a full-blown Read/Write API now. Just so ya know. blog.codepen.io/docs/api/api... REST or GraphQL.

Chris Coyier
@chriscoyier.net

Justice for CSS Fun seeing CSS be a topic in WIRED. Pete Millspaugh shouting out some greats: One programmer recently re-created Doom in CSS. Others have used it to build holographic Pokémon cards... https://chriscoyier.net/2026/10/09/justice-for-css/

chriscoyier.netJustice for CSSFun seeing CSS be a topic in WIRED. Pete Millspaugh shouting out some greats: One programmer recently re-created Doom in CSS. Others have used it to build holographic Pokémon cards and 3D-rendering engines. Cassidy Williams, who competed in this year’s inaugural March MadCSS tournament, built an experimental database-query engine entirely in CSS. I mean, hell...
Chris Coyier
@chriscoyier.net

Glasses How it started: https://bsky.app/profile/chriscoyier.net/post/3ms2kti2s6s2x How it's going: This is my prescription: I think it means nearsightedness. I'm mostly fine with close-up objects (like my phone/computer), but things 10+ feet away... https://chriscoyier.net/2026/10/07/glasses/

chriscoyier.netGlassesHow it started: https://bsky.app/profile/chriscoyier.net/post/3ms2kti2s6s2x How it's going: This is my prescription: I think it means nearsightedness. I'm mostly fine with close-up objects (like my phone/computer), but things 10+ feet away are blurry. The glasses help! Nice for driving and being inside large buildings. While my vision was getting worse, I honestly thought I just had...
Chris Coyier
@chriscoyier.net

Kelsey My sister is in a currently-running-on-TV political ad. https://www.youtube.com/watch?v=LgGFAlepe-4 It's against the republican chucklefuck Tom Tiffany who was one of those anti-American dingleberries that claimed Biden "stole the election" and... https://chriscoyier.net/2026/10/06/kelsey/

chriscoyier.netKelseyMy sister is in a currently-running-on-TV political ad. https://www.youtube.com/watch?v=LgGFAlepe-4 It's against the republican chucklefuck Tom Tiffany who was one of those anti-American dingleberries that claimed Biden "stole the election" and thinks Trumps tariff plans are super neato. Kelsey's journey with healthcare insurance has been pretty rough. She gets denied for medications and treatments all the...

Chris Coyier reposted

Kevin Powell
@kevinpowell.co

Finally cleaned up the CodePen. You can find it here: codepen.io/editor/kevin... The video is dropping tomorrow (unless you're a channel member... in which case you can watch it now 👀 youtu.be/Fi1MvM7whzg)

codepen.ioGTA: CSSA code demo by Kevin created on CodePen
Kevin Powell@kevinpowell.co

The GTA6 site transitions between sections. Still early in, but I think I'm getting pretty close with scroll-driven animations. Next I need add a delay for stacked elements. Having things fade out a little later than others makes it a lot nicer. The videos do make it a bit cooler, though 😅

Chris Coyier reposted

Michael Warren
@michaelwarren.dev

What if there was a Web Components conference?? @stuffbreaker.bsky.social and I are teaming up to get a little more serious about the idea of getting one together. We want to gather data on if there is interest in the community forms.gle/ZGqtYGj7V6q8... Please fill out and share to anyone!

forms.gleInterested in a Web Components conference? Let us know below!Web Components folks have been semi-seriously talking about organizing a conference for years, and with the ecosystem in a real moment of growth and popularity, it's about time! This form is our firs...
Chris Coyier
@chriscoyier.net

WordPress MCP I've still got all my WordPress sites on Pressable and happily so; I think they do a good job! They do everything you'd expect a WordPress host to do. The... https://chriscoyier.net/2026/10/05/wordpress-mcp/

chriscoyier.netWordPress MCPI've still got all my WordPress sites on Pressable and happily so; I think they do a good job! They do everything you'd expect a WordPress host to do. The things I specifically like are: Customer support is good/fast, including free movement of sites Deploying from a GitHub repo is a first-class citizen Perfectly good...
Chris Coyier
@chriscoyier.net

im Water This promotional video is either too weird or not weird enough, but I like core idea of im Water: a carrying strap for a water bottle designed into the label... https://chriscoyier.net/2026/10/04/im-water/

chriscoyier.netim WaterThis promotional video is either too weird or not weird enough, but I like core idea of im Water: a carrying strap for a water bottle designed into the label itself. The family business had a screen printing business growing up, including a big die cutting machine, which could totally be used for a job...
Chris Coyier
@chriscoyier.net

Based on some @css-only.dev feedback 💙

CodePen@codepen.io

✂️ 🌆 Image cropping everywhere! You can now crop an image in the Asset Manager (which opens in both 2.0 and the Classic Editor) and directly in the 2.0 editor.

Chris Coyier
@chriscoyier.net

me talking about this cool niche feature of how CodePen can process code

CodePen@codepen.io

"Inline Block Processing" is a cool thing CodePen can do. Here's a video showing it off: www.youtube.com/watch?v=AyAF... Docs: blog.codepen.io/docs/pens/bl... Examples: codepen.io/collection/e...

Chris Coyier
@chriscoyier.net

Come for the webperf, stay for Ben's smooth intelligent voice

Ben Schwarz@benschwarz.bsky.social

13 years after my first ShopTalk Show (episode 68!), Chris and Dave had me back to talk web performance: why airline websites are so slow, RUM vs synthetic testing, and whether fixing speed actually makes money ✈️🐢 shoptalkshow.com/734/

shoptalkshow.com734: Web Performance with Ben SchwarzBen Schwarz stops by to discuss the state of web performance, using his research on airline websites as a case study.
Chris Coyier
@chriscoyier.net

Banjos in the Woods Went camping with Adam. He blogged it because blogging rules. His post has some videos we did kinda right when we got there for a memento. Here's a couple of... https://chriscoyier.net/2026/09/26/banjos-in-the-woods/

chriscoyier.netBanjos in the WoodsWent camping with Adam. He blogged it because blogging rules. His post has some videos we did kinda right when we got there for a memento. Here's a couple of those same songs in shorter clips smooshed together. https://www.instagram.com/p/Ddsdb1bS4z8/
Chris Coyier
@chriscoyier.net

Knife Sharpening I've got a basic block of Zwilling J.A. Henckels knives. They are fine? Or were they when I got them? They got dull. I bought the HORL®3 knife sharpener to... https://chriscoyier.net/2026/09/25/knife-sharpening/

chriscoyier.netKnife SharpeningI've got a basic block of Zwilling J.A. Henckels knives. They are fine? Or were they when I got them? They got dull. I bought the HORL®3 knife sharpener to bring them back to life. It absolutely didn't work after really committing to trying to get it to. I took them to one of those...
Chris Coyier
@chriscoyier.net

Bass I bought a standup bass back in June! I set up a Facebook Marketplace alert for them, and it actually worked; a good option came up. It feels like Craigslist... https://chriscoyier.net/2026/09/23/bass/

chriscoyier.netBassI bought a standup bass back in June! I set up a Facebook Marketplace alert for them, and it actually worked; a good option came up. It feels like Craigslist and Facebook Marketplace are the only options for local sales online, and it's been that way for a long time. And Craigslist sucks? It used...
Chris Coyier
@chriscoyier.net

It's a little surreal watching Kevin recap the current CSS-Tricks situation. https://www.youtube.com/watch?v=9_upvxCAUzM It's been rollercoastery after DigitalOcean's acquisition. Thoughts: DigitalOcean bought the site. They can do whatever they want... https://chriscoyier.net/2026/09/21/13985/

chriscoyier.netchriscoyier.netIt's a little surreal watching Kevin recap the current CSS-Tricks situation. https://www.youtube.com/watch?v=9_upvxCAUzM It's been rollercoastery after DigitalOcean's acquisition. Thoughts: DigitalOcean bought the site. They can do whatever they want with it. At the very least, I hope it stays online. Aside from a general distaste for bitrot, a lot of people have bylines on that...