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

Summer of Code

Fun summer thing. Finish a couple of courses on Codeacademy, then: Use Codepen to create a website that focuses on a way to make your school or community a better place. Think about what your school or community can benefit from. How can you help? Find a goal and make a website about it! It’s […]

Read More of the article "Summer of Code"
Chris Coyier
Co-Founder
📝 Blog Post

js13kGames

Js13kGames is a JavaScript coding competition for HTML5 Game Developers. The fun part of the compo is the file size limit set to 13 kilobytes. The competition will start at 13:00 CEST, 13th August and end at 13:00 CEST, 13th September 2015. Theme for 2015 will be announced the day the competition will start. You […]

Read More of the article "js13kGames"
Chris Coyier
Co-Founder
📝 Blog Post

Google Uses CodePen

Google’s newly-released Material Design Lite: Back in 2014, Google published the material design specification with a goal to provide guidelines for good design and beautiful UI across all device form factors. Today we are releasing our effort to bring this to websites using vanilla CSS, HTML and JavaScript. It’s a visual design framework you can […]

Read More of the article "Google Uses CodePen"
Chris Coyier
Co-Founder
🎧 Podcast

044: Search

Our topic this week is Search. In this episode, we discuss how we do search on CodePen, some of the challenges we face, how we handle spam, and Tim shares four great tips on setting up search on your site. Show Links: Google Custom Search Engine Apache Solr Lucene If you have a job opening […]

Read More of the article "044: Search"
Chris Coyier
Co-Founder
📝 Blog Post

Scale Your Code

Our own Tim Sabat was a guest on Christophe Limpalair’s show Scale Your Code. Tim came prepared and he didn’t hold anything back. See every layer of CodePen’s infrastructure from security to AWS and Docker. He teaches us how they’re able to serve 3.4M uniques/month and 12,000 requests per minute. Go listen!

Read More of the article "Scale Your Code"
Chris Coyier
Co-Founder
📝 Blog Post

Envato Remix

The folks at Envato Market have put together a Remix Challenge contest. Basically you take some basic HTML that forms a profile card and design it all up cool’n’fancy with CSS. There will be three winners chosen by the Envato staff, chosen on Monday July 20th (you have a month!). Feel free to browse the […]

Read More of the article "Envato Remix"
Chris Coyier
Co-Founder
🎧 Podcast

043: Podcasting

We got a bunch of questions from a listener (Hey Greg!) about podcasting, so in this episode we’re talking about our podcasting process. What is a Podcast? 1:47 A podcast is an RSS feed (XML data) that you host somewhere that people can subscribe to. Podcast RSS feeds have a few extra pieces of data […]

Read More of the article "043: Podcasting"
Chris Coyier
Co-Founder
📝 Blog Post

Explore Angular Material (and Move Those Demos to CodePen)

Perhaps you’ve heard of Google’s Material Design? We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. This is material design. It’s more of an aesthetic and set of principles than it is a grab-n-go pattern library. […]

Read More of the article "Explore Angular Material (and Move Those Demos to CodePen)"
Chris Coyier
Co-Founder