I’m working on a new responsive site and decided to finally delve into the responsive image quagmire. I’ve been following the goings-on for awhile, but not in any great detail. After doing some research, I wanted to focus on two approaches: first, using inline SVGs whenever possible, so the images will scale and look great at any size; second, when SVGs aren’t an option, conditionally loading different size images based on media queries.
This post is to introduce a new project I’ve been working on, alphapun.ch, which I made as an entry for the 10K Apart contest.
Last September, A List Apart published ‘The Look That Says Book’, a great article by Richard Fink about hyphenation and justification on the web. It’s a great read, and I highly recommend you check it out. At the time the article was published, there were no really great solutions for hyphenation on the web; there wasn’t any support for CSS solutions, and manually- or JavaScript-injected soft hyphens and zero-width spaces often caused broken browser find-on-page functionality. Fortunately, the situation is starting to change.