Off-canvas layout demo
Off-canvas layout demo

Responsive Web Design – Off Canvas Layout Demo

In a recent blog post I mentioned the “Off Canvas” design pattern described by Luke Wroblewski as one of the emerging layout patterns in websites designed using Responsive Web Design. Jason Weaver has created an excellent demo of the “off canvas” technique utilizing three side-by-side panels of content. On the smallest devices like iPhones and... Read more »
Apple phone with rotary phone
Apple phone with rotary phone

Mobile Monday – 2012 Mobile Future in Focus report

On February 23, 2012 Comscore released the 2012 Mobile Future in Focus report. This annual report examines the mobile and connected device landscape, covering several mobile markets measured by comScore, through an exploration of key trends driving smartphone adoption growth, mobile media usage, and more. A few highlights: In both the US and Europe, equal... Read more »
Multi-device layout patterns
Multi-device layout patterns

Layout Patterns in Responsive Web Design

As more web designers and web developers are creating websites using Responsive Web Design techniques, design patterns are starting to emerge. Luke Wroblewski’s article titled “Multi-Device Layout Patterns” catalogs emerging layout patterns. The article is wonderfully helpful in getting one’s head around various approaches to Responsive Websites, especially because it includes not just a description... Read more »
Cell phone on table
Cell phone on table

Mobile Monday – Mobile Stats Q1 2012

In early March 2012 Comscore reported the following notable mobile statistics for the three-month average period ending in January 2012 (Source): 235 million Americans age 13 and older used mobile devices. The total population of the US in 2011 was 311 million (source) and approximately 83% of the population is age 13 or older, or... Read more »
Illustration of multiple web-viewing devices
Illustration of multiple web-viewing devices

Responsive Web Design Techniques

In the always awesome 24ways.org (the advent calendar for web geeks) there have been three excellent articles on specific Responsive Web Design techniques so far this month. The first is by Jeremy Keith and discusses conditional loading of content for websites designed using Responsive Web Design techniques. The technique Jeremy describes allows you to have... Read more »
Adobe Flash logo
Adobe Flash logo

Adobe Flash to the World: “I’m Not Dead Yet!”

Flash isn’t dead. Adobe is continuing development of the Flash Player as well as Flex for desktop web browsers. Adobe’s recent announcement about abandoning development for the Flash Player for mobile web browsers has created a lot of confusion. Unfortunately this confusion will probably push people away from Flash faster than would have happened, or... Read more »
Broken heart on a plate
Broken heart on a plate

Dealing with Disappointment

Last week we lost a website development job less than an hour before the kickoff meeting with what would have been our latest new client. I hate losing jobs or projects. As the company owner, one of my most important responsibilities is to bring in new business. This has to happen regularly, consistently, reliably. As... Read more »
Google logo with jester hat
Google logo with jester hat

3 Pranks from Google

I love Google’s pranks on April Fool’s day. Here are three I’m aware of (so far): OMG this is *awesome*. Couldn’t stop laughing: http://gmail.com/motion Ok, Google is topping themselves. Here’s a job listing for “autocompleters”! http://bit.ly/dMDZ3O Another: Go to Google.com, type “helvetica”. You don’t even have to finish typing! Must be those autocompleters they just... Read more »
CodeGeek logo
CodeGeek logo

Responsive Images: Solving the Image Overhead Problem

When implementing responsive web design techniques, one issue raised by detractors is that the largest image needed for any layout gets downloaded automatically resulting in potentially large bandwidth overhead – an undesirable side effect especially for mobile devices that may be using slower or expensive data connections. Here’s one solution: https://github.com/filamentgroup/Responsive-Images#readme The technique explained and... Read more »
CodeGeek logo
CodeGeek logo

The Year in Pictures – USA Today 2010

http://projects.usatoday.com/gallery/news/2010-news/ “A really nice example of responsive web design from an unexpected source.” – via http://adactio.com/links/tags/responsive A photo gallery website using responsive web design techniques.... Read more »