CodePen
CodePen
Blog Post
  • This week's challenge prompt is a little bit of a throwback to last month's HTML buddies challenge, but with a blogging twist! Images are a staple in blog posts. They provide context, break up the text, and draw eyeballs. It's often useful to be able to set some text right beside an image, and the […] The post CodePen Challenge: Figure & Figcaption appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • The CodePen community did a tremendous job with this week's challenge! Here are just a few of our favorite Pens from this week's blogging challenge prompt: typesetting a blog post. The post CodePenChallenge: Typesetting Roundup appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • The CodePen community did a tremendous job with this week's challenge! Here are just a few of our favorite Pens from this week's blogging challenge prompt: typesetting a blog post. The post CodePenChallenge: Typesetting Roundup appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Show Description We have a new community space for CodePen Pals on spectrum.chat! Chris and Marie talk about our plans for the forum and why we chose Spectrum as the place to run it. Sponsor: Jetpack 8:24 Jetpack is a WordPress plugin that combines all sorts of powerful functionality into a single plugin. Here's a […] The post #178: Community Spaces appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Typesetting, the act of selecting and setting type, can be a challenging job on the web. But also a fun one! Your challenge this week: typeset a totally unstyled blog post. The post CodePen Challenge: Typesetting a Blog Post appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • We knew good things were in the cards for this week! Check out some of our favorite Pens from week one of the June 2018 #CodePenChallenge. The post CodePenChallenge: Cards Roundup appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • I was upgrading our version of PostCSS and PostCSS add-ons the other day. Truth be told, it's because Jon Neal let us know that there is such a thing as postcss-preset-env now, and it's the sucessor to the now-deprecated postcss-cssnext (which succeeded cssnext). We offer postcss-cssnext, so it was something we needed to address. All […] The post postcss-preset-env appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
CodePen
CodePen
Blog Post
  • We said "Hello World" to our new CodePen community on Spectrum today! kicking things off in Spectrum Lots of people in the CodePen universe have told us it would be great if we had something like a forum or chatroom where people could share Pens, get feedback, or ask for help with coding questions. And […] The post CodePen on spectrum.chat appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Jake joins Marie to talk about how we're using Ahoy, an open source tool, to measure activity on CodePen. The post #177: Measuring appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • If there's one thing that defines the CodePen community, it's willingness to step up to a challenge! This week, we wrapped up the May HTML Buddies challenge with dt and dd. The post CodePenChallenge: dt and dd Roundup appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Show Description Marie talks with Alex about technical debt and what that meant for CodePen in the past, and how CodePen is working to minimize our technical debt in the future. Sponsor: HelloSign 12:30 HelloSign helps companies grow revenue faster by automating document workflows with a developer-friendly eSignature API that makes it simple to embed […] The post #176: Technical Debt appeared firs...

CodePen
CodePen
Blog Post
  • This week's pair of HTML Buddies are dt (description term) and dd (description details). They're a very satisfying pair of HTML elements to use, as so few have such a strong semantic pairing. The post CodePenChallenge: dt and dd appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • This week's pair of HTML Buddies are dt (description term) and dd (description details). They're a very satisfying pair of HTML elements to use, as so few have such a strong semantic pairing. The post CodePenChallenge: dt and dd appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Our "Create" menu just got an update! We made it easier to get to your Pen templates. And now you can create a collection directly from the "Create" menu. Unlimited Pen Templates for Everybody! We've lifted the limits on Pen templates. Now everyone on CodePen can save as many templates as they like. In the […] The post A New Create Menu and Unlimited Pen Templates appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Chris and Marie catch you up on all that's been happening behind the scenes at CodePen, including a sneak peek at some lip-smacking new CodePen swag. The post #175: The Kitchen Sink appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Let's work with another pair of HTML Buddies! This week's combo is and . The sub in is short for Subscript and the sup in is short for Superscript. They both alter the size and baseline position of the text they contain. User agent stylesheets set up this styling, but of course […] The post CodePenChallenge: Sub and Sup appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • This week's theme was Details and Summary, and the CodePen community really summed up the challenge nicely! Here are a just a few of our favorites from week two of the HTML Buddies challenge. The post CodePenChallenge: Details and Summary Roundup appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • CodePen's newest team member, Klare Frank, joins Chris and Marie to talk about her experience going through the hiring process at CodePen and what her first week at CodePen has been like. The post #174: Klare appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • We have a brand new theme for May's CodePen Challenges. Some HTML elements are just made to come in pairs, so let's celebrate them by coming up with some clever demos showcasing these HTML Buddies. The post HTML Buddies!

CodePen
CodePen
Blog Post
  • Show Description Marie, Chris, & Jake are back to talk email and this time we're talking about how CodePen uses drip email campaigns as well as a discussion of how we approach email personally. Sponsor - An Event Apart 16:30 Learn from the best: An Event Apart's speakers aren't merely industry leaders with years of […] The post 173: Drip appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • CodePen doesn't have an official way to store data that is attached to the Pen. We do offer Asset Hosting, which could easily be editable .json files, but that would largely be read-only. We don't have a programmatic way to write data to assets. But there are ways! There are services out that have JSON […] The post Say you need to get/set some JSON data from a Pen appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • CodePen doesn't have an official way to store data that is attached to the Pen. We do offer Asset Hosting, which could easily be editable .json files, but that would largely be read-only. We don't have a programmatic way to write data to assets. But there are ways! There are services out that have JSON […] The post Say you need to get/set some JSON data from a Pen appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Marie is joined by Andy Hullinger to talk about the front end development course he teaches, and how he uses CodePen to help his students make their first steps into programming. The post #172: Andy Hullinger appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Here's some information upfront: we don't allow you to programmatically replace code in the editors right now. But of course, you can change what goes into the output/preview area, because that's a direct result of your code running. Let's do this all in JavaScript and utilize a serverless cloud function. Say this preprocessor is very […] The post Say You Want To Run A Custom HTML Preprocessor on ...

Out-Market Your Competitors?

Get complete competitive insights on over 2.2 million companies to drive your marketing strategy.

Create Free Account Log in

By signing up, you agree to the Terms of Service and Privacy Policy.

Out-Market Your Competitors

Get complete competitive insights on over 2.2 million companies to drive your marketing strategy.

Create Free Account

Already a user?  Log in

By signing up, you agree to the Terms of Service and Privacy Policy.