Open links in new tab
  1. The Can-Do’s of CodePen Projects - CSS-Tricks

    Apr 19, 2017 · CodePen Projects offers two preprocessing languages that can do HTML includes: Pug and Nunjucks. In Pug, you use include file.pug (where `file.pug` is the file path to any other Pug file) …

  2. Using & Styling the Details Element - CSS-Tricks

    Feb 26, 2025 · Discover how to effectively use and style the details element in web development with this comprehensive guide.

  3. Getting Clarity on Apple’s Liquid Glass - CSS-Tricks

    Jul 17, 2025 · Gathered notes on Liquid Glass, Apple’s new design language that was introduced at WWDC 2025. These links are a choice selection of posts and resources that I've found helpful for …

  4. Odd error in CodePen about body tag - The freeCodeCamp Forum

    Aug 25, 2024 · Thanks, I just stumbled upon another post here that explained it. Unfortunately the tutor is writing full HTML in CodePen and not just the body so it seems silly he’s using CodePen to …

  5. Proxying Third-Party JavaScript as First-Party JavaScript (and the ...

    Nov 2, 2021 · Data from one week of non-proxied third-party JavaScript integration And can compare it to an identical-in-length time period using the proxy:

  6. Getting started with react on codepen - The freeCodeCamp Forum

    Mar 4, 2019 · Honestly, I suggest using something other than CodePen, such as jsbin.com or codesandbox.io [edit in 2021: I highly suggest codesandbox]. If you really want to use CodePen, you …

  7. Survey Form pop up error in my codepen - The freeCodeCamp Forum

    Mar 29, 2020 · that’s how codepen works, it expect only the stuff inside he body element (without the body element) to go in the HTML box for other stuff, like meta datas, you can add them to the pen …

  8. CSS-Tricks - A Website About Making Websites

    4 days ago · Playing With CodePen slideVars Super cool new CodePen feature alert! You’ve probably seen a bunch of “interactive” demos that let you changed values on the fly from a UI panel …

  9. Better CSS Shapes Using shape () — Part 3: Curves

    Jun 6, 2025 · This is the third article in a series about the CSS shape() function. We've covered drawing lines and arcs in previous articles and, this time, we look specifically at the curve command and how …

  10. Should I sign up on codepen for my project and is it 100% free

    Oct 23, 2021 · Codepen also has what they call projects which allow for multiple HTML, CSS and JavaScript files. You are only allowed one codepen project with the free account. But for your …