CodePen

417: Iframe Allow Attribute Saga

Chris Coyier |
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. The change was related to how the browser handles allow attributes on iframes (i.e. <iframe allow="..... read more

Chris’ Corner: Cursors

Chris Coyier |
CSS has a bunch of cursors already. Chances are, you’re not using them as much as you should be. Well, should is a strong word. I can’t cite any evidence offhand that special cursors is some absolute boon to user experience or accessibility. But it certainly seems like a nice touch. Like: Or These c... read more

Chris’ Corner: Browser Feature Testing

Chris Coyier |
It’s interesting to me to think about during a lot of the web’s evolution, there were many different browser engines (more than there are now) and they mostly just agreed-on-paper to do the same stuff. We focus on how different things could be cross-browser back then, which is true, but mostly it al... read more

416: Upgrading Next.js & React

Chris Coyier |
Shaw and Chris are on the show to talk about the thinking and challenges behind upgrading these rather important bits of technology in our stack. We definitely think of React version upgrades and Next.js version upgrades as different things. Sometimes they are prerequisites. The Next.js ones are a b... read more

Chris’ Corner: AI Browsers

Chris Coyier |
We’re definitely in an era where “AI Browsers” have become a whole category. ChatGPT Atlas is the latest drop. Like so many others so far, it’s got a built-in sidebar for AI chat (whoop-de-do). The “agentic” mode is much more interesting, weird sparkle overlay and all. You can tell it to do somethin... read more

415: Babel Choices

Chris Coyier |
Robert and Chris hop on the show to talk about choices we’ve had to make around Babel. Probably the best way to use Babel is to just use the @babel/preset-env plugin so you get modern JavaScript features processed down to a level of browser support you find comfortable. But Babel supports all sorts ... read more

414: Apollo (and the Almighty Cache)

Chris Coyier |
Rachel and Chris jump on the show to talk about a bit of client-side technology we use: Apollo. We use it because we have a GraphQL API and Apollo helps us write queries and mutations that go through that API. It slots in quite nicely with our React front-end, providing hooks we use to do […]... read more

Google Chrome & Iframe `allow` Permissions Problems

Chris Coyier |
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 in an <iframe>. These contain user-authored code served from a non-same-origin URL. We like to be both safe an... read more

Chris’ Corner: Stage 2

Chris Coyier |
We get all excited when we get new CSS features. Well, I do anyway. It’s amazing, because sometimes it unlocks something we’ve literally never been able to do before. It’s wonderful when an artist finishes a new painting, and something to be celebrated. But this is more akin to a new color dropping,... read more

413: Still indie after all these years

Chris Coyier |
We’re over 13 years old as a company now. We decide that we’re not a startup anymore (we’re a “small business” with big dreams) but we are still indie. We’ve seen trends come and go. We just do what we do, knowing the tradeoffs, and plan to keep getting better as long as we can. […]... read more