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
andsizes
- 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
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.
- Install Ruby
- run
$ bundle install
- 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.