Tom Bennet

Blog banner

Pixels Please: Image Scaling in CSS

March 26, 2015
— for Builtvisible

A practical introduction to the ‘image-rendering’ CSS property, now supported by all major browsers. By using the appropriate values (available here as a mixin), it is possible to override the anti-aliasing applied by the browser’s default scaling algorithm to preserve the pixelation of low-resolution images. Particularly useful for pixel art, the property can be applied to background images, inline images, and canvas elements.

Read on Builtvisible

1.21 Gigawatts with Flexbox and SASS

December 7, 2014

Great Scott! With the site’s first birthday approaching, I felt that now was an ideal time to give Bennet.org a much-needed jolt of lightning. The features page, on which all my long-form projects now live, represents my first foray into Flexbox. I’ve barely scratched the surface of what’s made possible by flex layouts, and I haven’t yet rolled it out site-wide, but suffice to say it really does make the CSS layout mechanisms of yore feel like 1955.

Continue reading…

Hello World

January 14, 2014

Welcome to my new website. Shiny. This is the obligatory Hello World post. First things first, please forgive the pretentious choice of TLD. The appeal of a super-geeky firstname@lastname email address outweighed my reluctance to brand myself as a non-profit organisation. My main goal here was to create a website from scratch, without relying on a CMS. Wordpress is great and I use it daily, but when it’s necessary to tinker under the hood, I’m lost in loops and functions that I don’t understand or need.

Continue reading…