021: Planning

We got together this week to talk about Feature Planning because that’s what we actually did this week! One of the ways that your business can grow and be more profitable is to expand on the feature set of your app. We’ve got some cool features on the horizon for CodePen, and we’re going to […]

CSS Injection!

I bet a lot of you front end developers know all about CSS injection (or “Style Injection”). It’s a setup in which you author CSS while looking at a live preview of a page, and that preview updates as you change things. The injection part means that the page doesn’t refresh when the styles change, […]

Using React on CodePen

TL;DR For using React with JSX in CodePen (where you want to use the JS editor), link up these three scripts in this order: Script that makes JSX Work on CodePen: http://codepen.io/chriscoyier/pen/yIgqi.js React: http://fb.me/react-0.11.1.js JSX Transformer: http://fb.me/JSXTransformer-0.11.0.js And you should be good to go. Backstory React is a JavaScript library by the team at Facebook. […]

020: APIs

Why would we be talking about APIs, CodePen doesn’t even have one, right? It’s true, we don’t have what is considered a traditional API. We explain why (and that we kinda do), and dig into the ins and outs of APIs on web apps. 1:39 What is an API for web software? 2:11 An API […]

Susy (For Sass) Now Supported

Susy is a popular library for Sass for helping with page layout. It is available on CodePen now. Choose Sass or SCSS as a preprocessor Put @import susy; (or without semicolon in Sass) at the top of your CSS. It works with or without Compass. Susy doesn’t prescribe a layout for you, it’s a tool […]

RSS Feeds for User Pens (and Profile Footers)

Every user has an RSS feed for their public Pens now (as well as their popular ones). Here’s mine. We don’t have comprehensive RSS coverage of CodePen just yet, but we pick away at it sometimes and keep it documented here. We’ve actually had these new feeds up for a few weeks, but needed to […]

019: Support

This week we talk about customer support. Pretty much all web apps need to have some system for customer support. How that goes can take many forms. 1:28 We provide support for CodePen through our support form (Wufoo form that goes to a shared Google Apps GMail account). That stuff gets mostly triaged into GitHub […]

Now Accepting PayPal

We’re now accepting PayPal as a payment method for PRO account here on CodePen. We’ve had a number of requests for it, so it’s nice to be able to accommodate. It’s pretty easy: Go to our PayPal Payment Page Fill out the form, telling us your username Proceed through Payment We’ll upgrade that account It’s […]

Content Security Policy

A few weeks ago we rolled out Content Security Policy on CodePen. You can read more about CSP here. It’s technology in modern web browsers that helps increase security. One of the most important things it can do is stop XSS (“Cross-Site Scripting” – basically stealing cookies). It does this by totally eliminating the possibility […]

← Older posts