CodePen
CodePen
Blog Post

New blog articles detected.

  • Fun with Mo.js
    "Motion Graphics For The Web", says mo · js. It's a JavaScript library created by Oleg Solomka, otherwise known as LegoMushroom on Twitter and sol0mka here on CodePen. There is something about it that inspires really clean animation work and playful demos. After you check out these picks from the CodePen community, check out the […] The post Fun with Mo.js appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Hiring Front-End Developers/Designers? Try the CodePen Job Board for Free
    CodePen is a huge worldwide community of web designers and developers. There are meetups all over the globe. There are going on 2 million registered users of CodePen who have made north of 20 million Pens. We hear about CodePen being used as part of people getting jobs all the time. Some front-end folks use […] The post Hiring Front-End Developers/Designers? Try the CodePen Job Board for Free appe...
CodePen
CodePen
Blog Post

New blog articles detected.

  • 143: Optimizing a Database
    Chris and Tim Sabat talk about struggles you can have with a growing database - keeping lookup times down, paging issues, and dealing with metadata. The post 143: Optimizing a Database appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • A Pixel-Perfect CodePen logo
    This is a guest post by David DeSandro. You might know David from his work at Metafizzy or right here on CodePen. We've worked with David in the past on code and UI work, and now he's at it again with some branding work! Here's David: SVG has renewed my love of viewing source. It's […] The post A Pixel-Perfect CodePen logo appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • 142: The Dashboard
    Rachel, Tim Sabat, and Marie are here to talk about CodePen's newest feature: the Dashboard. We're talking about why we added it, how we built it, and why it's so zippy. The post 142: The Dashboard appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • 141: Screenshots
    Tim H, Rach, and Marie talk about screenshots on CodePen. How we generate the default screenshots, how and why we built the new custom screenshots feature, and a little discussion about what's coming up in the world of headless Chrome. The post 141: Screenshots appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Say Hello To Your New Dashboard
    When we built member profile pages on CodePen, we designed them to help you show off your best work, like a portfolio. Your showcase lets you pick out your favorite Pens to highlight, and things like forks and templates are tucked away so visitors to your profile page can focus on your best work. That's […] The post Say Hello To Your New Dashboard appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • 140: Saying No
    Saying no is an important part of running a web business. In this episode we talk about how and when we have to say no to customers and others. The post 140: Saying No appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Eclipse Inspired Pens
    On Monday, the US will be in the path of a total solar eclipse, and if you've been watching the Picks over the past few days you can probably tell we're excited about it! Here are a few of my favorite eclipse-themed Pens. "Interactive Eclipse" by Michal might not be scientifically accurate, but it sure […] The post Eclipse Inspired Pens appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Open Fork in a New Tab
    Unlike templates, there is no URL you can hit to Fork a Pen or Project. There are some boring technical reasons for that. It's us, not you
CodePen
CodePen
Blog Post

New blog articles detected.

  • Using Babel Polyfills
    JavaScript is gettin' better, gang. There's incredibly useful stuff like async and await keywords that we'll all find mighty handy. If you want to play with them on CodePen, you can! You can just put that code in the JavaScript editor and it will run just like anything else. A lot of us are used […] The post Using Babel Polyfills appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Sharing Projects with Particular Files Open
    CodePen Projects have URL's like this: https://codepen.io/waldo/project/editor/ARwpxa That will take you to the Project Editor. None of the files will be open in the editor area though, and CodePen will take a stab at guessing for a file to open in the preview. For example, if there is an index.html file, that's what we'll open. […] The post Sharing Projects with Particular Files Open appeared fir...
CodePen
CodePen
Blog Post

New blog articles detected.

  • Caching and Pens as External Resources
    You can view the "raw" HTML, CSS and JavaScript of any Pen by appending a URL extension. That means you can also use a Pen as an external resource of any other Pen, or Project! We've seen some slight confusion here though, specifically in regards to caching. If you make a change to the Pen […] The post Caching and Pens as External Resources appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Using Resources from npm on CodePen
    These days, npm is the largest home of web project dependencies there is. It's loaded with Node.js specific stuff, to be sure, but it's also the defacto home for browser-JavaScript dependencies. Hence, it makes sense you might want to use things from npm on CodePen! Unfortunately, we don't have a built-in direct way of doing […] The post Using Resources from npm on CodePen appeared first on CodePe...
CodePen
CodePen
Blog Post

New blog articles detected.

  • window.prompt and localStorage for API Keys
    Let's say you wanted to use some API in a Pen or Project here on CodePen, and that API required you to have an API Key. fetch('https://some-api.com/stuff?apiKey=lljkhafd09a8dof98adfaod9fd') .then(response => {/* do something */}); At the moment, CodePen doesn't have any great place for you to store "secrets". As in, a private place for something like […] The post window.prompt and localStorage for...
CodePen
CodePen
Blog Post

New blog articles detected.

  • Emmoooojiiiii
    Apparently, World Emoji Day was July 17th. So hey, we're late, but why not celebrate! (That rhymed.) Here's some of the most fun Emoji-focused Pens on CodePen! See the Pen Kitty Toggle by Natalya (@tallys) on CodePen. See the Pen Emoji Toggles by Chris Coyier (@chriscoyier) on CodePen. See the Pen Emoji rating by Bennett […] The post Emmoooojiiiii appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • New Feature for Everyone: Custom Tab Triggers! (and Emmet 2.0)
    We have a brand new thing for y'all that you can start using immediately: custom tab triggers! For example, you could now easily set up the editor so that when you type 1337 then press tab, it could expand into: I am the <strong>greatest developer<strong> ever.</strong></strong><strong><strong> Or, perhaps just slightly more practically... you could make […] The post New Feature for Everyone: Cust...
CodePen
CodePen
Blog Post

New blog articles detected.

  • Multi-Pane Editable Embeds
    We had a member ask us if there was a way to create an Editable Embed where all three panels (HTML, CSS, and JS) were visible at the same time for editing. That's not a default option. Panels in embed are normally tabs, which you would look at one at a time. But, since Editable […] The post Multi-Pane Editable Embeds appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • 139: Emmet
    We're talking Emmet - a handy toolkit of shortcuts for developers. CodePen just pushed version 2 live (with some customizations!) so we thought we'd talk about how and why we're using Emmet on CodePen. The post 139: Emmet appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Live View Popout
    There are a couple of little tiny new buttons you'll see, one in the Pen Editor and one in the Project Editor. It's this little bugger: It gives you one-click access to pop open a Live View window, which is a real-time updating preview of your code. Live View isn't only useful for testing other […] The post Live View Popout appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Cosmically Excellent Solar System Pens
    There is something about our Solar System that inspires serious design and development creativity! CSS 3D Solar System by Julian Garnier This is CodePen's most popular solar system Pen! Not only is it beautiful to look at, it's very educational and data-based. The whole solar system can be viewed either as flat rings or in […] The post Cosmically Excellent Solar System Pens appeared first on CodeP...
CodePen
CodePen
Blog Post

New blog articles detected.

  • #138: Permissions
    When does your web app need more refined and advanced permissions? How does CodePen figure out if you're a paid user? Or if you're on a team? What kind of Pro are you? How did CodePen clean up the logic and the questions we were asking? The post #138: Permissions appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Run a Local HTTPS Server on a Mac
    CodePen is all HTTPS now. Hip hip hooray for security! One kinda niche-but-cool use case of CodePen is to use the editor to play with stuff, but also be linking to resources right off your local computer. You spin up a local server and point external resources right at your localhost or whatever you have […] The post Run a Local HTTPS Server on a Mac appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • Say You Want to Create a Large-Font Embedded Pen
    No problem! There is no UI control in the Embed Theme Builder for font-size, but there is the ability to link up Custom CSS, so that's the feature we'll use here. It gives you 100% control over the CSS of your Embedded Pen. Now that we've created this new theme (remember CodePen PRO members get […] The post Say You Want to Create a Large-Font Embedded Pen appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • #137: Templates
    Chris, Rachel, and Marie talk about some of the ways they configure templates on CodePen - Pen templates, Project templates, as well as dreaming up new ways to use templates on CodePen. The post #137: Templates appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • New PRO Perk: Iconfinder
    We just popped a new PRO Perk up. If you're PRO, you'll see a button here to redeem your perk. As I type, Iconfinder has 1,739,825 icons avialble to search for, browse for, and download for your own projects. This perk is a $29 gift card, which is good for a month of their Unlimited […] The post New PRO Perk: Iconfinder appeared first on CodePen Blog.
CodePen
CodePen
Blog Post

New blog articles detected.

  • #136: Drew Conley
    Drew Conley created an RPG right inside CodePen! Today he talks with Marie and Tim Holman about how he built it (with React), basing it around his own life experiences, and what the future holds for The Danger Crew. The post #136: Drew Conley 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.