Episode 08 • Building Sites With Middleman

Image Manipulation

Middleman static site generator has some great options for manipulating images. In this episode of Building Web Sites With Middleman series we are going to learn how to manipulate image sizes and aspect ratios.

In this episode we are going to be using Middleman Dragonfly Thumbnailer to make big images we've displayed in the previous episode a bit smaller. And not just smaller on our screens, but we are going to make actual smaller version of the image files. Also we are going to crop them, and make them maintain aspect ratios, and other cool stuff like that.

Note: you have to have ImageMagick installed on your local machine for this to work.

Download code
  • Episode 01 • Duration 21:35

    What is Middleman and How to Use It?

  • Episode 02 • Duration 26:57

    Setting up Gulp.js With Middleman

  • Episode 03 • Duration 13:44

    Middleman Partials and Pages

  • Episode 04 • Duration 13:56

    Installing a Blog and Creating Articles

  • Episode 05 • Duration 16:59

    Creating Multiple Blogs and Article Generators

  • Episode 06 • Duration 09:04

    Middleman Permalinks

  • Episode 07 • Duration 17:36

    Displaying Front Matter and Making Article Layouts

  • Episode 08 • Duration 09:25

    Image Manipulation

  • Episode 09 • Duration 10:28

    Middleman Tags

  • Episode 10 • Duration 8:35

    Middleman Categories

  • Episode 11 • Duration 14:02

    Data Files

  • Episode 12 • Duration 11:11

    Deploying Middleman Site

  • Episode 01 • Duration 21:35

    What is Middleman and How to Use It?

  • Episode 02 • Duration 26:57

    Setting up Gulp.js With Middleman

  • Episode 03 • Duration 13:44

    Middleman Partials and Pages

  • Episode 04 • Duration 13:56

    Installing a Blog and Creating Articles

  • Episode 05 • Duration 16:59

    Creating Multiple Blogs and Article Generators

  • Episode 06 • Duration 09:04

    Middleman Permalinks

  • Episode 07 • Duration 17:36

    Displaying Front Matter and Making Article Layouts

  • Episode 08 • Duration 09:25

    Image Manipulation

  • Episode 09 • Duration 10:28

    Middleman Tags

  • Episode 10 • Duration 8:35

    Middleman Categories

  • Episode 11 • Duration 14:02

    Data Files

  • Episode 12 • Duration 11:11

    Deploying Middleman Site