Wouter Admiraal's Blog
Find it here !
All code is licensed under MIT, with the exception of code located under
Posts are licensed under CC BY-SA 3.0.
Concept and logic
My idea was to have a site that was blazingly fast and super lightweight. The average weight of a full page is under 100Kb (not counting the Disqus plugin or Google Analytics, obviously).
Further speeding things up is the usage of Pushstate to load only the body of the page, to even more improve the overall speed (still in progress).
The site is fully responsive, and uses many modern functionality like
querySelectorAll or the new XHR framework. The site degrades gracefully in older browsers.
Feel free to use it for your own blog !
Develop and build
bundler to install dependencies:
npm install bundler install
build script to build all source files, which will be placed under
npm run build
Then FTP it to your host and you're done.
While writing (or hacking), you can call
npm run serve
Which will build the site and start serving it at
http://localhost:4000 (Jekyll will also watch the files for changes).
I embedded an accessibility check, to ensure the site follows the most critical WCAG 2.0 guidelines. Once the site is built, run the
test script to test for accessibility:
Well, I'm thinking about replacing Jekyll with some JS equivalent (I've worked with Assemble before). This will make integration with Gulp more natural and streamlined, and will reduce my Ruby dependencies (leaving only Sass and Compass). Ideally, I would like a full JS solution.