CodePen Blog

This is where we post announcements, tips and tricks, new and updated features, fun roundups, new podcast episodes, and more. There's an RSS feed.
πŸ“ Blog Post

Google Log In

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. […]

Read More of the article "Google Log In"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Chris’ Corner: Dithering

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 […]

Read More of the article "Chris’ Corner: Dithering"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Chris’ Corner: Have You Ever

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 […]

Read More of the article "Chris’ Corner: Have You Ever"
Chris Coyier
Co-Founder
πŸ“ Blog Post

Hyperplexed Videos

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 […]

Read More of the article "Hyperplexed Videos"
Chris Coyier
Co-Founder
πŸ“ Blog Post

React Email

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 […]

Read More of the article "React Email"
Chris Coyier
Co-Founder