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

lang=”en”

  • 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.

CodePen
CodePen
Blog Post
  • The annual Pen-a-day challenge is back, this time with creative coding prompts. The post Hello Codevember! appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • When a startup comes to year end, what are the tasks that bookkeepers need to do for a startup's finances? How do we take into account our remote employees? How does forecasting work? The post 149: End-of-Year Bookkeeping for a Startup appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • There is loads of game experimentation happening on CodePen. I love that. People figuring out spriting techniques. People exploring gaming frameworks. People investigating gaming mechanics and physics. There are also some full-fledged games like Snake, Mine Sweeper, Flappy Bird clones, and Connect Four. But then there are some really unique stand-out games that are as […] The post Straight-up Fun ...

CodePen
CodePen
Blog Post
  • We just added something new to save you some time: design assets built right into CodePen! Click the "Assets" button in the footer of the Pen editor and you’ll find: A color picker with the Material Design palette Beautiful photos from Unsplash (try the search!) Patterns from Hero Patterns Icons from Material Design Icons A […] The post New Design Assets! appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • We're talking about how we "eat our own dogfood" at CodePen with a couple of examples - Jake's exploration of the travelling salesman problem in Pens, and Rachel's "Post About Your Pen" challenge. The post 148: The Travelling Dogfood Salesman appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Charlotte Dann is our guest for this episode! She joins Marie and Rachel to talk about her new project that got its start on CodePen: Hexatope - designing jewelry with hexagonal generative art. The post 147: Charlotte Dann appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • In the CodePen editor, you can analyze your HTML, CSS, and JavaScript. HTML analysis is handled by HTML Inspector, so for example, if you type instead of <li>, you'll see a warning when analyzing your HTML: To some degree, JavaScript is linted as-you-type, so if you write some invalid JavaScript, you'll be warned and […] The post Analyze CSS is now using Stylelint appeared first on CodePen Blog.<...

CodePen
CodePen
Blog Post
  • Marie recently had the opportunity to do a content inventory on our documentation and document it. How meta! She's joined by Chris to talk about why it's important to do this from time to time and the benefit of having focused time to go deep into your content. The post 146: Content Inventory appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • There are certain URLs on CodePen that require something called a Referer header. From MDN: The Referer request header contains the address of the previous web page from which a link to the currently requested page was followed. The Referer header allows servers to identify where people are visiting them from and may use that […] The post Regarding Referer Headers appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • If you have an account on CodePen, you have a profile! If you're logged in, you can even hit up this generic URL which redirects to it: https://codepen.io/you Here's mine, at https://codepen.io/chriscoyier You're able to edit your profile, changing your user avatar, your links, bio, and all that. You can even link to CSS to […] The post Improved Profile Organization appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Tim H., Alex, and Marie are on to talk about preprocessors on CodePen — how they work, how we maintain them, what we do when a preprocessor becomes obsolete, and some thoughts on the future of preprocessors on CodePen. The post 145: Preprocessors and Lambda appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • Cloudinary (a tool for storing/manipulating/serving images and video) had a new manipulation feature that is pretty impressive. Your best bet is just to try it out! You upload one image that provides the style You upload a second image where the style is applied to See cool result I always have some stock photography laying […] The post Cloudinary “Neural Artwork Style Transfer” Contest (hosted on...

CodePen
CodePen
Blog Post
  • We just brought back PayPal as a payment option, and we used Braintree to do it! Marie and Alex are on to talk about the how and why of adding a new payment provider to CodePen. The post #144: Integrating Braintree appeared first on CodePen Blog.

CodePen
CodePen
Blog Post
  • "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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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

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.