Modern image formats with Gulp

Early on in my development workflow process I wrote about optimising images the easy way.  Image optimisation can make a really big difference, especially now that it appears to be obligatory to have a huge “hero” image section at the top of every website with a slider of huge high-resolution images. If you’re on WordPress…

Using autoprefixer for PostCSS

Shockingly I’ve managed to write 3 posts about PostCSS (1, 2, 3) and not yet mention the truly amazing autoprefixer plugin.  This is easily the most popular plugin, and used by the likes of Twitter, so well worth checking out. Essentially what it does is allow you to write your CSS without using (or even thinking about) any…

Partial stylesheet of shame

I came across an article a while ago, eloquently titled shame.css, written by a bit of a CSS hero, Henry Roberts.  In this article he argues that having a separate file for all of your hacky horrible workarounds is a really good idea, not actually for shaming anyone, but for the following reasons… They stick out like…

PostCSS partials using Gulp

I recently wrote a post about next gen CSS using Gulp about how you can write the latest CSS code and use Gulp to transpile it into more widely supported CSS using  cssnext. Another neat feature that I like using is partial stylesheet files.  This is kind of like having separate stylesheets that you concatenate together…

Next gen CSS using Gulp

I really hate the phrase “next gen”, it’s heavily overused and usually means that something derivative has been created, rather than something innovative.  But in this case, I am referring to some of the newer features of CSS3 which aren’t supported by all browsers yet, and how Gulp can allow you to use them now,…