TL;DR — If you link to your Mastodon profile from CodePen, and your CodePen profile from Mastodon, your Mastodon profile will display your CodePen profile as a verified link, proving ownership. How does that work? It’s just HTML! There is a rel attribute that can go on anchor (<a>) links. The values for rel have […]

Rach lives in Australia, so for our otherwise U.S.-based team, that’s about as remote as it gets. We’ve always been remote at CodePen, so we have it built-in to our culture already, but that doesn’t mean we don’t have to plan for it, think about it, and adjust things to make sure we’re all doing […]

Say you like how a particular element on a website looks and interacts. You can pluck it right off that site, HTML and CSS included, and pop it over to CodePen using the plugin CSS Pro. Watch me try it here: The browser extension is not free, so you’d better be sure you’d use it! […]

Marie and Chris talk about the year in CodePen Challenges. If you participate, this might be an interesting look into how we think about them. If you don’t, it might help you understand what they are and how they might just tickle your fancy. Time Jumps Sponsor: Split This podcast is powered by Split. The […]

Dee and Chris chat about our latest take on Project Management (PM), a somewhat tricky topic for us with such a small team where literally everyone is an individual contributor (IC) with a lot on their shoulders aside from PM. We’re attempting a project of large scale, so part of what has helped us so […]

TypeScript ain’t exactly new, but it’s a bit new to us. Robert was the most knowledgeable about TypeScript on the team and felt like it could be valuable for us. What does that mean though? Where would we use TypeScript? What blockers were there? What does it actually help with? The implementation hasn’t been trivial, […]

Marie and I talk about what’s going on in the world of social media, and what that might mean for CodePen and front-end developers. Twitter doesn’t feel particularly healthy at the moment, but has been the biggest player for front-end developers for a lot of years. Are we moving? Not? Where? Time Jumps

Just a little CSS. If you use the default recommended HTML embed code, the <iframe> that is ultimately the CodePen Embed itself is wrapped in a <div>: That outer <div> gives you an opportunity to make embeds resizeable or do whatever other styling you might want. You could also put your own wrapper around it, […]

Having focus styles for any interactive element is crucial on a website. Hidde de Vries: Focus indicators make the difference between day and night for people who rely on them. […] Focus outlines help users figure out where they are on a page. They show which form field is currently filled in, or which button is […]

Any URL you can open in Safari on iOS you can make an icon for on the homescreen. I used this feature recently to make one-click access to a QR code I needed to get my hands on very quickly.