Grunt

Since the last post about the blog I have been playing with the blog a bit more, I have finally got a decent PageSpeed Insights Score; It’s annoying that the Disqus javascript is keeping me from getting 100/100 but considering before I started to tweak things I was getting a score of 85/100 so I can’t complain too much. I have also adding the following functionality to my Gruntfile grunt test — Runs a PageSpeed Insight test from the command line and highlights if either the mobile or desktop test drops below 95/100 grunt grab — Grabs the external Javascript needed to run the site so I can serve it locally....

At the end of my last post about Grunt I mentioned that I will be adding code to concatenate the javascript, compress the images and also tidy the code up abit. I have now done this …. Javascript I moved all of the javascript to a folder called _js and then set up the following …. js: { src: [ ‘_js/jquery.min.js’, ‘_js/jquery.plugin.min.js’, ‘js/bootstrap.min.js’, ‘_js/jquery.flexslider-min.js’, ‘_js/smooth-scroll.min.js’,’ _js/skrollr.min.js’, ‘_js/twitterFetcher_v10_min.js’, ‘_js/spectragram.min.js’, ‘_js/scrollReveal.min.js’, ‘_js/isotope.min.js’, ‘_js/lightbox....

As you may have noticed, the website looks different to how it was previously. I decided it was time for a refresh and I wanted to make the design a little more interesting. While Jekyll & Github pages use SASS the Bootstrap theme I settled for uses LESS. This meant that I needed to compile all of my CSS outside of Jekyll. Most of the articles I found say use either Gulp or Grunt, looking at the syntax of the two I preferred Grunt as it didn’t look like code....