Responsive srcset images with imgix

Demo site

This is a demo Jekyll site made for a JekyllConf 2016 lightning talk, presented 2016-05-07.

Video of presentation

View on YouTube. Speaking notes are in this repo.

Further notes

I wrote about my responsive images process to accompany this repo on my website.

Useful links

• A foundational piece by Eric Portis on implementing responsive images with srcset and sizes
• Responsive Images 101 series by Jason Grigsby (Cloud Four)
• imgix, the real-time image processing service
• jekyll-imgix plugin
• My own Jekyll site (which uses responsive images made faster with imgix) – check out my photography posts for examples of srcset and imgix in use

View the demo

Demo site

If you do want to run this demo locally to see how Jekyll and imgix work, I have included a rake command for running Jekyll with the jekyll-imgix plugin.

1. Install Ruby
2. run $ bundle install
3. run $ rake serve

Edit the _examples files or play around with the srcset values in the _config.yml file.

Any questions about this demo? Submit an issue or get in touch on Twitter: @olivermakes.