jasoncorns.com

Reading time: 1 – 2 minutes

Why jealousy?  I have not had the opportunity to work on a responsive redesign yet; REALLY jealous of all parties involved!

A short while ago, the Boston Globe rolled out a redesigned website. To say that it was just redesigned is an understatement, though – the new entity is the result of Responsive Web Design.

This very buzzwordy descriptor is a new philosophy in web design where content is delivered in principally the same manner to all devices but its presentation is adjusted to accommodate the browser’s screen size and orientation. There is a single site that works for both desktop and mobile displays in both portrait and landscape. In the past, this has been accomplished by developing a site per visitor type – one site for the iPhone visitors, one for Blackberry visitors, a ‘main’/'regular’/'desktop’ site, etc. Sure, designers and developers could combine some of the views and use a generic ‘mobile’ site, but the idea was the same.

Read the rest of this entry »

Reading time: 1 – 2 minutes

Before we begin, let me say that the delivered stylesheet should be minified and free of excess spaces, tabs, semicolons and lengths of 0px instead of “0″, using tools like the YUI compressor or the CSS Drive Online CSS Compression Utility.

I have read and been part of many discussions about the format of a CSS document.  I happen to prefer to keep my declarations on one line, alphabetized.  I also like to keep the entire ruleset on one line, unless the ruleset is too long (I know, that’s subjective, but it is my blog).

Recently, though, I’ve had to work on some interesting and complex designs.  As the DOM depth grew, I found myself getting lost in my own HTML.  The solution, for me, was a simple one, both easy to implement and easy to back out of (especially when using the tools listed above).

Read the rest of this entry »