
Responsive Web Design
Responsive design should no longer be hard.

Responsive design should no longer be hard.
For part of side project I’ve been working on (a bit of web site building), I’ve been trying to use Ruby for automated photo set page production. One of the crucial steps in this workflow is scaling down the original images ready for the web. Sure - I could use nearly anything to achieve this, even Automator, but it would be cleaner to have this task as part of a single build task that I can call via rake. Also, I need a solution that can be cross platform.
This must be one of the most common first posts for a site that has just started using Jekyll, but I’m starting to get a workflow together that automates a lot of the mundane tasks that arise from using a static site engine without being able to use plugins.
Jekyll generated pages can contain a lot of whitespace. There IS a solution without using plugins!
While I’ve not had a huge amount of time to devote to building this site, I have got stuck down a few rabbit holes exploring some of the amazing improvements in web technologies and the power that CSS 2+ provides. This site uses many (and possibly too many) ideas and projects I’ve stumbled across in the last couple of weeks. As a side note, I have been deliberately avoiding using Jekyll Bootstrap because I wanted to do the research and coding of the site myself.