CodePen
CodePen
Blog Post
  • March Madness is coming up! Here's a bunch of tournament brackets from the CodePen community to inspire you. "Tournament Bracket with Flexbox" by Aron Duby See the Pen Tournament Bracket with Flexbox by Aron Duby (@aronduby) on CodePen. "March Madness Bracket" by Jonathan Ostrander See the Pen March Madness Bracket by Jonathan Ostrander (@OstrichProjects) on […] The post Need to Make a Tournament ...

CodePen
CodePen
Blog Post
CodePen
CodePen
Blog Post
  • Marie and Chris are here to talk about how CodePen works on community safety. From dealing with spam and enforcing the code of conduct, to planning new features with community impact in mind. The post #161: Community Safety appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • You'll see a new little button in the Project Editor (on the bar between the code editors and the preview) called Logs. The whole purpose of it is to give you some insight into the processing that your project is doing when you save files. Save a .scss file? You'll see START SASS, any errors […] The post Logs and Errors in CodePen Projects appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Apache web servers have an "easy" way to password protect files and directories. It involves using an .htaccess file and an .htpasswd file. After that's set up, if a browser tries to access a file protected in that way, it'll pop up a login/password modal: That's true even if the page requesting it is inside […] The post Loud Clapping! Chrome Blocking Basic Auth Popups! appeared first on CodePen B...

CodePen
CodePen
Blog Post
  • What is "serverless"? And what does it mean to go serverless on CodePen? Chris and Marie are here to go over the basics of serverless apps and give you some ideas of what you can do with them. The post #160: Serverless appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • How do we manage, fix, and *ahem* create bugs at CodePen? CodePen engineer Rachel Smith is on the show to help explain how CodePen swats bugs. The post #159: Bugs appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • We've been hearing about white diagonal lines showing up on CodePen for folks using Chrome on Windows. Here's an example of what they see: We did a little digging and found out that it's related to a conflict between some video cards and Chrome on Windows. Not everybody who uses Chrome on Windows will see […] The post Weird White Lines in Chrome? Try This appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Jake is back on the show, along with Tim, to talk in more detail about how we implemented ETL at CodePen. The post #158: ETL, Part 2 appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • A brand new podcast with the best-ever-name-ever. A CEO, an engineer, and an author walk into a bar. Well, they used to. Now one has a baby, so they sit on the couch, drink wine, and talk each other through the joys and anxieties of being ambitious. That’s No, You Go: one part advice, one […] The post No, You Go appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • This is a note to let people know that if you've felt like you've been missing emails from CodePen, and you use GMail or Inbox, you might wanna check the Promotions tab/bundle. It might be The CodePen Spark, social notifications, or even something like a password reset. If you like that, that's totally fine! If […] The post The Promotions Tab in GMail appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Jake is on to talk about the planning and design that went into our overhaul of our email system at CodePen. The post 157: ETL appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Serverless. It's kind of a phenomenon. All sorts of web developers can make use of it, including front-end developers! Here's one way to think about it: they allow you to take your front-end skills and do things that typically only a back-end can do. Depending on what you all make use of, serverless is possibly […] The post How to Build a Serverless Blog on CodePen appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • We just finished a semi-major internal project of upgrading how we handle our preprocessing services for Pens. Part of that work, ideally the only thing you'll notice or care about, was upgrading the versions of all the preprocessors we offer the latest versions. We do that fairly regularly, but once in a while, there is […] The post Sass Tinkering appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • It's that wonderful time of year again when we get to published The Most Hearted lists! In case you didn't know, there is a three-level hearting system on CodePen. These lists of Pens, Posts, and Collections simply total up the total number of hearts (factoring in double and triple hearts) and display them in order. The post The Most Hearted of 2017 appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Native modules have arrived in JavaScript. You can write JavaScript that exports functions that can be imported and used in other scripts. MDN has a good overview of how it works and all the different syntax involved. Here's a simple example. This is a handy-dandy little helper function: export function getNodes(str) { return new DOMParser().parseFromString(str, […] The post Adding type=”module” t...

CodePen
CodePen
Blog Post
  • We're joined by our podcast editor Chris Enns to talk about the benefits of publishing a podcast about your startup - even if it's not a direct marketing channel. The post CodePen Radio #155: Podcasting appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • External Resources are links to.js scripts or .css stylesheets that you can put into the settings of a Pen to include in the rendering of the Pen. As you're likely aware, there are thousands upon thousands of frameworks and libraries and such that you could use. Not to mention scripts and stylesheets of your own […] The post A Little Revamp to External Resources appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • It's been a while now (7 months) since we flipped the switch to make CodePen entirely HTTPS. I figured we'd check in with a progress report. These are things that are aside from the standard benefits of HTTPS. As Kayce Basques explained in Why HTTPS Matters: HTTPS protects the integrity of your website HTTPS protects […] The post Checking in on HTTPS appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Show Description We've recently changed what we're using for our internal documentation and notes, and in the process we had a chance to clean up and organize it in a way that makes way more sense. Show Links Notion Gitlab CodePen Support CodePen Pro CodePen Meetups CodePen on Twitter CodePen on Facebook CodePen on Flickr […] The post 154: Internal Documentation appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Sorry for the toddler-level blog post title there, but I'm about to document a super dumb "bug" that's been an issue for us since the beginning of time. If you put an on a website and look at it in a web browser on iOS, the height of that iframe will be the height […] The post Stupid iframes on stupid iOS appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
CodePen
CodePen
Blog Post
  • Show Description Marie and Rachel are back to update us on Codevember - what's inspiring them, how CodePen is picking the best of Codevember, how to keep up even if you can't complete the whole challenge, and why community challenges are a great way to learn something new. Show Links Codevember Codevember on Twitter Codevember […] The post 152: A Very Codevember Thanksgiving appeared first on Code...

CodePen
CodePen
Blog Post
  • For most of CodePen's life, we intentionally avoided this attribute. It's normally globally set on the document, like... You can set that yourself in a Project, where you're authoring the entire HTML document. But in Pens, we provide the HTML shell for you. We always thought we have no idea what language you're […] The post lang=”en” appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • We talk to the Codevember creators, Arthur and Valentin, about their backgrounds, where Codevember started from, what they're using to manage Codevember, and what's different about Codevember for 2017. The post 151: The Codevember Creators appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Deque Systems makes an open source project called aXe: The Accessibility Engine for automated testing of HTML-based user interfaces. Drop the aXe on your accessibility defects! There are a variety of ways you can use it, like a browser extension for Chrome or Firefox. It's also just a stand-alone library, which is a smart move […] The post Check the Accessibility of Pens appeared first on CodePen ...

CodePen
CodePen
Blog Post
  • It's Codevember! All this month on CodePen Radio, our focus is on the annual Pen-a-day challenge. Marie is on to tell you all about Codevember — what it is, how to participate. The post 150: Codevember Begins appeared first on CodePen Blog.

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.