SVG vs Canvas Written on April 23, 2012, by .

I decided to re-work the car animation on the right with something a little better suited for image animation than jQuery. Two methods came to mind: SVG (scalable vector graphics) and canvas. These two have some overlap, but knowing their differences allows you to use them effectively. Here’s the breakdown: SVG Canvas high level XML […]

CSS Media Queries Written on March 31, 2012, by .

Media Queries are a powerful feature of CSS 3 because they allow a single page to be readable on a variety of devices (pc, tablet, phone), all through targeted css stylesheets. By using simple rules, media queries will swap css stylessheets dynamically based on attributes like screen size and orientation. A great series of articles […]

Web Fonts (@font-face) Written on March 30, 2012, by .

I wanted to replace the left hand menu header images with CSS-based fonts (web fonts = eot, WOFF, ttf and svg) to implement media queries and to follow best practices.  In addition, now we can use fonts which aren’t natively on a user’s device, allowing for a more unique feel to the site. To learn […]

Semantics and Structure Written on March 29, 2012, by .

The first version of this blog design, done in 2009, was really just a way for me to get familiar with CSS and jQuery (to make cars go up and down the side of the page). As time has gone on, I’ve become more and more interested in HTML 5 / CSS 3 and the […]

Design conversion with HTML 5 and CSS 3 Written on March 28, 2012, by .

Detailing the reconstruction of the blog design to take advantage of HTML 5 / CSS 3 techniques. convert menu headers from images to @font-face (WOFF & eot) streamline html semantics and structure to be able to take advantage of CSS 3 techniques implement media queries for desktop / mobile experience change right hand vehicles from jQuery […]

Next Page »

© Copyright subtle detour. Powered by Wordpress. subtly taking you off course since 2009.