Codsen is an amalgamation of "Code" and "Send" — meaning skill in both web and email development.

This website is static and follows Indieweb opens in a new tab principles:

  • We own our data, and it's open-sourced — for example, we won't post Medium — and our "Now" column and RSS are our Twitter.
  • We use our tooling, here, in client work — everywhere. That's selfdogfooding. By the way, string-strip-html is powering multiple Nunjucks filters here!
  • We believe in choosing a right tool for a job — no matter is it a client project or a pet project. Sometimes it's React but sometimes Vue and very often, vanilla JS.
  • We believe static websites can still be data-driven — this website consumes a dozen external data sources — without Gatsby or Contentful — only HTML and CSS and a bit of vanilla JS! Try our search function, for example.

Our npm packages have one hundred seventy-five examples posted here — all automatically tested and validated. Seven packages have a testing playground.

  1. @babel/runtime opens in a new tab — used by 107 packages
  2. lodash.isplainobject opens in a new tab — used by 25 packages
  3. lodash.clonedeep opens in a new tab — used by 20 packages
  4. matcher opens in a new tab — used by 11 packages
  5. update-notifier opens in a new tab — used by 11 packages
  6. globby opens in a new tab — used by 10 packages
  7. meow opens in a new tab — used by 10 packages
  8. p-reduce opens in a new tab — used by 8 packages
  9. object-path opens in a new tab — used by 7 packages
  10. fs-extra opens in a new tab — used by 6 packages

  1. string-left-right — used by 17 packages
  2. ranges-apply — used by 16 packages
  3. ranges-push — used by 13 packages
  4. ast-monkey-traverse — used by 10 packages
  5. string-match-left-right — used by 10 packages
  6. arrayiffy-if-string — used by 7 packages
  7. ranges-merge — used by 7 packages
  8. check-types-mini — used by 4 packages
  9. object-merge-advanced — used by 4 packages
  10. ast-compare — used by 3 packages