Here's a scenario  lot of us developers find ourselves in: you built your amazing static site. And when it came to deciding on your build tool you chose Grunt,  because it simplifies the build process. Everybody else uses it, and there's a reason: it works wonders. Everything is set: jit-grunt - read our[ jit-grunt guide here](https://inspire.blufra.me/speed-up-your-entire-grunt-buil...

Bootstrap 4 is in alpha release and has a brand new set of media queries and breakpoints. Where Bootstrap 3 had them in pixels, the new release of the popular responsive framework boasts breakpoints in ems. Let's harness the power of these new media queries to serve an image of the right size based on the device a user views our site on. We're going to save a lot of bandwidth for the small devices...

Every Grunt project averages 20 plugins per build. And - if you ever used Grunt, and chances are you have - you know it can ramp up to 30 plugins very quickly. Problem The standard Grunt way of loading plugins is adding a grunt.loadNpmTasks for each plugin you use. They look like this:

Ever wanted to make the experience for your mobile users more personal and branded? Have you ever noticed how the Chrome Android address bar color sometimes changes to match a site's palette? Do you want that for your site? It's easy to do. To let your users experience the color of your brand, blog or e-commerce site in a much more personal way on Android, all you need is a si...

You need to minify HTML: to improve page load on your site, let your users access your content when they need to without a long wait, and use less bandwidth when you serve your hosted site. The easiest, robust way to do so is to minify during the build process, and Grunt is the best tool out there to make your build process a breeze. But once you set up Grunt, where do you get from there to having your minified H...