A Simple Pattern Library
Pattern and snippet libraries are becoming a valuable part of the front-end development process. For larger projects with many participants, it's useful to build large frameworks that require pre-processing and server-side languages, but I often find them to be overkill for my needs.
Hence: A Simple Pattern Library.
I've been using this not just to house already-built components, but as a development tool.
Some Cool Stuff
- Fully front end. (Pre-processor and server-side laguage free.)
- jQuery is used to enhance the page (auto-generating the nav and code snippets, alowing you to author just once), but the page works just fine without JS.
- Smooth-scrolling anchor links; auto-highlighting nav elements.
- It's fluid, but not responsive yet.
- The nav, when overflowing, does not auto-scroll to the selected item.
- Item titles aren't links yet, allowing for quick discovery of anchors.
- My use of
history.pushStatereally clogs up the browser history when scrolling; should probably find a better solution.