CodePen offers it now! Until recently, we only offered GitHub, Twitter, and Facebook social login buttons. Twitter log in totally stopped working on us (are you surprised?) last week. It turns out that was by far the least popular option for logging in anyway, so we just pulled it down and replaced it with Google. […]

Dithering is a vibe: Dither is an intentionally applied form of noise used to randomize quantization error, preventing large-scale patterns such as color banding in images.  Wikipedia For an academic PDF, this is pretty approachable. In the web world, I typically think of it as associated with “indexed colors” images like PNG and GIF can […]

If you’re a super normal person like me, you’ve gone to war with typographic widows and orphans many times over your years as a developer, trying to ensure they don’t happen and ruin anyone’s day. You know what I mean, a headline with one silly little word that has wrapped down onto its own line. […]

Ryan Mulligan has an interesting exploration of a somewhat niche CSS Grid behavior in CSS Grid Gap Behavior with Hidden Elements. When creating a grid, I find it’s common to create pretty specific column behavior, and let rows auto-generate, but of course you can be specific about row sizes as well. If you do that, […]

Have you ever heard web developers talk over each other? I enjoyed Mat​hia⁠s S​chäf⁠er’s Client-side JavaScript and React criticism: What comes next?. It’s a solid baby-bear take on meta discussions on the state of building websites. I hear JavaScript critics yelling: “Just use Progressive Enhancement! Sprinkle some JavaScript on your static HTML! Don’t believe those […]

Hyperplexed makes amazing Pens on CodePen! If you’ll remember from our Most Hearted of 2022 wrap-up, in 2021, he got one place on the Top 100, then in 2022 had nine, including the #1 spot. But not only does he create great work, he’s also an educator, showing off how some super modern and classy […]

Gotta love a good little single-purpose website, right? I generally love what they do, what they say, or what service they provide, I love them on some deeper meta-level. Like someone cared so much about this idea that they just had to produce something, and a website made the most sense. Global reach! Easily findable […]

I feel like y’all out there are like: ya know what I could use this week? A scattered collection of interesting links with light commentary about what is interesting about them or how they connect with the modern web zeitgeist. No worries gang, I got ya. I like Josh’s take on all this coding + […]

Lemme show off some cool SVG-related things this week. Gotta love SVG. It’s this graphics language built right into the web platform that has a ton of capability and is always right there waiting for us when we need it. Thanks the web! Portability is a cool SVG feature. You can copy and paste a […]

Only in the last year have I started switching us over to MJML here at CodePen to help craft our HTML emails. Aside from a few minor rough edges, it’s been a nice upgrade from hand-writing the email HTML. Not only was that tricky and time-consuming, but it was also error-prone. The switch-over was in […]