CodePen

425: Debug Logs

Chris Coyier |
As we’re getting close to rounding out the Beta period of the 2.0 editor, we’re trying to close out any bugs we find or users report quickly. They could be browser-support related, network conditions related, account capability related, or just bugs in how the 2.0 editor and technology behind it wor... read more

Chris’ Corner: Import Maps

Chris Coyier |
<script type="importmap"> Import Maps are pretty great! You get to write import thing from "place"; and then you get to map what you mean by "place". You could map it to a file in your project somewhere, that way you’ve got one place to update it and update it everywhere that imports it. Or yo... read more

424: File List Optimization

Chris Coyier |
The 2.0 Editor can support hundreds of files per Pen, not to mention folders mixed in which don’t count toward that total. This can be pretty weighty on the DOM and thus adversely affect performance. Especially as each file/folder has children, a variety of event listeners, are drag and drop enabled... read more

Chris’ Corner: ZIP first?

Chris Coyier |
I love ideas that feel clearly better than what was before. I used to feel that way about curved shower curtain bars. Like, instead of the shower curtain being perfectly straight against the edge of the shower, it curves outward. No harm in functionality, but it gives more space inside the shower. I... read more

423: 2.0 Templates

Chris Coyier |
Stephen and Chris hop on the ol’ podcast to talk about all the ways that Templates are way better in 2.0 land. You’ve always been able to make your own templates, but now you can select one even after you’ve arrived in the editor. There is a new place (the create page) which features bookmarked […]... read more

Chris’ Corner: URLs

Chris Coyier |
In Fixing the URL params performance penalty, Barry Pollard sets up a very clear real-world conundrum. The content at these two URLs is probably the same: The content at these two URLs is probably not: Who cares? Cache cares. Because content with different query params might be different, the variou... read more

422: Supporting Packages

Chris Coyier |
Alex and Chris talk about how the 2.0 Editor supports packages from npm. The trick is both simple and complex. The idea is simple. We detect the packages you want to use, list them in an (editable) package.json file, then turn that into a <script type="importmap"> in your HTML files that impor... read more

Chris’ Corner: Share What You Do

Chris Coyier |
I’ve always loved a good blog post of someone just saying what they use and do. Keerthana Krishnan has a good one here with Chrome DevTools Features I Use All the Time (and Why You Should Too). Cheeky parentheticals, Keerthana. Like, sure, I’ll read a blog post about new Chrome DevTools features, bu... read more

421: View Control of the 2.0 Editor

Chris Coyier |
Stephen & Chris look at the UI of the 2.0 Editor and show all the control you have over what you’re looking at. Way more control than the Classic editor! We share some of the thinking behind it. Don’t miss the Omnibar! Time Jumps Links... read more

Chris’ Corner: Design

Chris Coyier |
Perfectionist? So how can you tell when your perfectionist traits, which in many ways have aided your creative prowess, have gone too far? If you’re prone to obsession, especially when it comes to work, there’s always a way to justify why it’s worth the agony. But, as Siqi, renald and Pablo attest, ... read more