Hello there, I'm Jez. I make stuff for the Interwebs.

By day I work for Lightmaker, but here you can find some of my personal projects, read the occasional blog post, or find out a bit more about me.

Latest Project

Latest Blog

Fixing SVG’s with ‘background-size:100% 100%’ in Chrome and Firefox

With an element that needs to be able to expand and contract both vertically and horizontally, 100% 100% is the most suitable value for the background-size property. Unfortunately both Chrome and Firefox have issues displaying SVG's correctly using these values. As can be seen below, Chrome only sets the width at 100% and attempts to preserve the aspect ratio, and Firefox renders the horizontal edges poorly - the top and bottom are quite fuzzy.