cool-kitten framework that I liked and created my own fork.
In my fork, the first thing I did was add retina.js. I know some people knock retina.js because it uses javascript to replace images with an @2x version.
Maybe in the next update I will switch to SVG images, but I digress.
The second thing I did was create a build script to concatenate and minify the javascript and css. It uses clean-css and uglifyjs.
The reason I didn't use something like grunt.js is because I only had 2 tasks to run and it was only when I was ready to push to the server. I added a condition in the head and footer to check to see if the site was in production and load the minified versions or the normal big list of separate files. The rest was just testing and building. Creating content is always tough for me. I want to sound casual which some people don't like. But it reflects me better so, whatever.
I ended up adding animate.css too. I didn't create any fallbacks for no css animation support because they just won't show if you don't have support. I've used the library before and it is pretty great. I created a custom build because I am trying to keep my footprint small. In the end, even with all the images and javascript libs, I managed to get the page to load in under 1 second (at least on desktop...).
In conclusion, I am very happy with it. I have gotten a lot of positive feedback and suggestions. Everyday I make a few minor tweaks. Please check it out.
I'm a full-stack developer, co-organizer of PHP Vancouver meetup, and winner of a Canadian Developer 30 under 30 award. I'm a huge Open Source advocate and contributor to a lot of projects in my community. When I am not sitting at a computer, I'm trying to perfect some other skill.