Jan 31, 2012

CSS3 Image Styles – Part 2

Previously I wrote two tutorials on how to style the image element with CSS3 inset box-shadow and border-radius. The trick is to wrap the image with a span tag and ...

Dec 8, 2011

Responsive Design in 3 Steps

Responsive web design is no doubt a big thing now. If you still not familiar with responsive design, check out the list of responsive sites that I recently posted. To ...

Nov 24, 2011

FITC Logo Redesign Process by James White

At FITC Toronto in May of this year, Shawn Pucknell, FITC’s director approached James White to develop the creative for the following year’s event, FITC Toronto 2012. “I’ve spoken at ...

Nov 2, 2011

Playing with SVG Design

After years of quarantine, the Scalable Vector Graphics is finally raising fame as a feature of HTML5 with full native browser support. Vlog.it, by Marco Rosella, is an experimental site ...

Sep 22, 2011

CSS3 Image Styles

When applying CSS3 inset box-shadow or border-radius directly to the image element, the browser doesn’t render the CSS style perfectly. However, if the image is applied as background-image, you can ...

Sep 1, 2011

iPhone Safari Viewport Scaling Bug

Those who create responsive design for iPhone may be aware of the viewport scaling bug in iPhone Safari. The bug occurs when you set the viewport width to device-width and ...