NoLoJS Repo Gets New Doc Pages

As I was preparing to make the NoLoJS repo public, I was fortunate enough to have a few friends review it.

A couple of those friends, namely and , highly recommended that I create a more visually-digestible way of sampling the components that are within the repo…

And with a bunch of guidance from Christian, I have done just that!

I now welcome you to go check out the new NoLoJS Repo Pages (at publish, still very much a work in progress)!

The home page links to all the example components…
Screenshot of NoLoJS Home page, showing the components list

And each component page describes what that component is about…
Screenshot of NoLoJS Component page, showing the Description
…includes a working demo…
Screenshot of NoLoJS Component page, showing the working demo
…exposes the HTML, CSS and JS if needed…
Screenshot of NoLoJS Component page, showing the HTML, CSS, and JS, if needed
…contains live Baseline widgets so you can see whether or not the component is ready for prime time, and includes a live CodePen embed with that component…
Screenshot of NoLoJS Component page, showing the Baseline and CodePen widgets
…so you can even play with it right there!

Taking advantage of GitHub Pages, including Jekyll, YAML Frontmatter, Markdown and Liquid, I was able to create a documentation site that feeds directly off of the repo itself, creating static pages based off of templates and includes so that it is wonderfully DRY, and each new commit/push automatically updates the doc site.

Would love to hear your thoughts on either the new pages or the repo itself, and am certainly open to receiving any Issues or Contributions!

Okay, that’s it for now!

Happy reducing,
Atg

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)