Introducing Indiepen: A privacy-friendly tool to embed HTML, CSS & JS code examples

When André and I launched our blog last year, we always wanted to create a simple, performant, and accessible tech blog. We live in Europe so we have to deal with cookie law banners, privacy policies or other legal details. It was clear to us, that coo…


This content originally appeared on DEV Community and was authored by Henrik Fricke

When André and I launched our blog last year, we always wanted to create a simple, performant, and accessible tech blog. We live in Europe so we have to deal with cookie law banners, privacy policies or other legal details. It was clear to us, that cookie law banners are super annoying and we wanted to do everything we can to avoid such a bad experience. On the other hand, we also wanted to have a lively blog with cool integrations such as showing code examples directly on our blog. Sadly, many existing solutions set cookies, have a ton of features or just a bad performance so we had to come up with our solution.

Demo

Let me introduce Indiepen: A privacy-friendly tool to embed HTML, CSS, and JS code examples. See the website for a live demo!

With Indiepen, you generate a code snippet and integrate it on your website. Indiepen takes care of fetching the HTML, CSS, and JS files and providing a shiny preview of the code example. The cool thing: Indiepen is not a hosting
platform, instead, you provide an URL of your code example, and Indiepen does the rest. You can host your code examples with every hosting provider!

If you want to learn more, check out the getting started guide.

At a glance

No one likes to read wordy articles, so here are the features at a glance:

  • Fun: Embed your HTML, CSS and JS code examples with ease
  • Fair: No cookies, no tracking, no external requests
  • Fast: Small footprint with less than 20 KB
  • Inclusive: Features built for everyone
  • Transparent: Open-source software

Open source

Indiepen is our first open-source project, and we are super excited to share our ideas of a fast, fair, and transparent web with you. We can’t wait to hear your feedback! Feel free to check out our code on GitHub, open an issue or create a pull request. We built Indiepen because we wanted to embed code examples on our blog, but now it’s time to see what you do with our little
project.

That’s it for today. Get in touch with me on Twitter or LinkedIn.

Cheers ✌️


This content originally appeared on DEV Community and was authored by Henrik Fricke


Print Share Comment Cite Upload Translate Updates
APA

Henrik Fricke | Sciencx (2021-07-08T17:47:17+00:00) Introducing Indiepen: A privacy-friendly tool to embed HTML, CSS & JS code examples. Retrieved from https://www.scien.cx/2021/07/08/introducing-indiepen-a-privacy-friendly-tool-to-embed-html-css-js-code-examples/

MLA
" » Introducing Indiepen: A privacy-friendly tool to embed HTML, CSS & JS code examples." Henrik Fricke | Sciencx - Thursday July 8, 2021, https://www.scien.cx/2021/07/08/introducing-indiepen-a-privacy-friendly-tool-to-embed-html-css-js-code-examples/
HARVARD
Henrik Fricke | Sciencx Thursday July 8, 2021 » Introducing Indiepen: A privacy-friendly tool to embed HTML, CSS & JS code examples., viewed ,<https://www.scien.cx/2021/07/08/introducing-indiepen-a-privacy-friendly-tool-to-embed-html-css-js-code-examples/>
VANCOUVER
Henrik Fricke | Sciencx - » Introducing Indiepen: A privacy-friendly tool to embed HTML, CSS & JS code examples. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/07/08/introducing-indiepen-a-privacy-friendly-tool-to-embed-html-css-js-code-examples/
CHICAGO
" » Introducing Indiepen: A privacy-friendly tool to embed HTML, CSS & JS code examples." Henrik Fricke | Sciencx - Accessed . https://www.scien.cx/2021/07/08/introducing-indiepen-a-privacy-friendly-tool-to-embed-html-css-js-code-examples/
IEEE
" » Introducing Indiepen: A privacy-friendly tool to embed HTML, CSS & JS code examples." Henrik Fricke | Sciencx [Online]. Available: https://www.scien.cx/2021/07/08/introducing-indiepen-a-privacy-friendly-tool-to-embed-html-css-js-code-examples/. [Accessed: ]
rf:citation
» Introducing Indiepen: A privacy-friendly tool to embed HTML, CSS & JS code examples | Henrik Fricke | Sciencx | https://www.scien.cx/2021/07/08/introducing-indiepen-a-privacy-friendly-tool-to-embed-html-css-js-code-examples/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.