There are more than two dozen dependencies installed by generator-jekyllrb, as well as additional ones that I’ve added to the project. Here are the ones that are most notable (to me):
- grunt-autoprefixer, which is based off Autoprefixer and ensures that I never worry about browser prefixes again
- grunt-build-control to both deploy and version the built code to GitHub
- grunt-casperjs to do E2E testing with CasperJS
- grunt-concurrent to run Grunt tasks (you guessed it) concurrently, which really speeds up the build
- grunt-contrib-watch to run tasks whenever files change, plus support for grunt-browser-sync to keep multiple browsers & devices in sync while developing
- grunt-dev-update to automatically determine if a dependency is out-of-date
- grunt-imageoptim, which uses ImageOptim, ImageAlpha, and JPEGmini for even better optimized files than grunt-contrib-imagemin
- grunt-jekyll, without which this site would be built in a wholly different way
- grunt-newer, to configure Grunt tasks to run with newer files only
- grunt-pagespeed, which I use to monitor performance
- grunt-penthouse to generate critical path CSS
- grunt-usemin to concatenate styles and scripts in preparation for being minified, uglified, and revved.
The site currently only uses one plugin of note, which is:
- jekyll-picture-tag to easily add responsive images via the proposed picture element, which is based off the Picturefill polyfill.
Front End Dependencies
There are a couple additional dependencies that are managed with Bower:
- loadCSS, a function for loading CSS asynchronously
- matchMedia.js, a polyfill for testing media queries, which is used in concert with Picturefill
- OptimizedWebfontLoading, a function for asychronously loading web fonts and storing them in localStorage for subsequent pageloads
- Picturefill an approach for responsive images that mimics the proposed picture element.
- smooth-scroll a simple vanilla JS script to animate scrolling to anchor links.
The type is set in two typefaces:
The DNS is hosted by CloudFlare, while the site is hosted on GitHub Pages. You can find the source in the site’s repository. Please feel free to file an issue, submit a pull request, or fork the project, which has the MIT license.