Make commerce better for everyone

At Shopify, our mission is to make commerce better for everyone. When we say better, we’re talking about caring deeply about making quality products. To us, a quality web product means a few things: certainly beautiful design, engaging copy, and a fantastic user experience, but just as important are inclusivity and the principles of universal design.

Responsive images: picturefill type attribute

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.

The Current State of Hyphenation on the Web

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.