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 so you can play with it right there!
Screenshot of NoLoJS Component page, showing the Baseline and CodePen widgets

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.

Your post must include a link to this post.

How does this work?
Write a response on your own website and include a link to this post. Then submit your response’s URL here. Your response may appear here after moderation. To update or remove it, edit or delete your original post and submit the same URL again. Learn more about Webmentions.