Fantastic tutorial from Brad Frost

The browser is a hostile development environment and supporting a wide range of desktop browsers can be tough work.

One of the immediate challenges we discovered when we first started the responsive news prototype was the large range of devices that we would have to support. It terrified us. This article is about a solution we use to alleviate this problem.

Choosing responsiveness, as a characteristic, shouldn’t necessarily define the wider implementation approach. Device Experiences (i.e. standalone sites, aimed at a group of devices) can also be responsive, providing the flexibility to support a much wider range of devices. While this on the one hand seems obvious, far too many sites still design either a single width or generically stretchy web site.

Smartphones are emotive devices. They are extensions of ourselves. Your online services need to play nicely with them or you will offend me.

When I initially proposed the idea of Mobile First over three years ago, there were a lot of skeptics. The situation today has a lot more people convinced that taking mobile seriously matters. But just in case some people remain unconvinced, here's a really vivid way of explaining the situation.

Google Analytics Tracking for Mobile Sites is different than Tracking your Website. After all, the entire purpose of a Mobile Site is for quick, easy access for Mobile Customers. 99.9% of that traffic is looking for your Phone Number or Your Location, the customer has either already done a Google Search to find you or they are a direct visit.

So let’s track Clicks on Phone Numbers and Maps using Google Analytics.

”Best practices” is a loaded term when it comes to creating mobile web experiences. It’s a unique context with it’s own challenges and opportunities. While there’s no silver bullet, this site will help you ask the right questions and help solve problems so you can start creating future-friendly web experiences.

This is vitally important people so listen up. The web now connects a third of our planet. Over 1.2 billion people [1] use the web on devices, and this number is rising fast. Mobile already amounts to close to 6.5% of web traffic worldwide, and large sites such as Facebook and YouTube routinely report mobile traffic of at least 30%. By 2015, the ITU predicts mobile traffic will exceed desktop traffic and the ‘mobile-mostly’ group already make up a staggering 20% of users in the US and UK.

If you haven't whipped your Web site into shape for easy viewing on small-screen devices, you'd better get cracking.

A great post from Brad Frost.

Stephanie Rieger provides a little insight.

A nice resource for seeing how a site looks at different sizes.

If you read one summary of mobile challenges and changes this year, it should be this post from @LukeW.

Remote debugging with JavaScript

Awesome presentation from @Brad_Frost!

Covers iPhone, Android, BlackBerry, Symbian, iPad and other mobile devices.

LukeW on the choice to offer separate mobile & desktop web pages on Bagcheck. Personally, I think there is a middle ground.

A good survey of great experiences out there.

A handy little app for capturing scrolling webpages on iOS.

If only I could get past non-semantic class names.

A fantastic overview from @fling.

This really helps us better understand how browsers work with media queries.

An awesome idea (and API).

Thanks for doing this research @iheni!

Mobile is where it’s at. Are you there yet?

Great thinking from Jason Grigsby.

An interesting widget framework for cross-platform mobile app development.

Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit!

Great details from the Web Directions folks.

Looks like a cool service.

Awesome list!

A good essay on mobile design in light of media queries.

A good strategy for mobile optimization.

An oldie but goodie.

Where to find them and how to install them.

Excellent collection

Did anyone else see this?

One Galaxy S every 2 seconds. That's a whole lotta Android.

You'll want to read this.

Not surprising. Could digital be the future of local newspapers?

This is exactly how we built the Retreats 4 Geeks site.

Noted.

Excellent piece on the interactive book experience.

Web standards to the rescue!

Take away: consider your users and their context when building for mobile.

A great overview of the bandwidth problem and how to plan for it.

Most interesting finding: 51% of respondents in the U.S. use Opera Mini to access the web more than a desktop or laptop computer. (Most other countries have much higher percentages.)

Review.app looks pretty sweet.

Nice.

Nice work Todd!

Wonderful work by Luke.

Another JavaScript framework for evening out the various mobile device APIs.

WidgetPress have put together what looks like a promising set of tools for roughing out a CakePHP app.

Finally, some intelligence from an airline: passengers in select cities will be able to have their boarding passes sent to their cell phones or PDAs for scanning.

A very useful tag comparison.

Microsoft is promising a "desktop grade" browsing experience in the next mobile version of IE.

Test mobile phones before you buy them. This is about as good as you can get without holding the thing in your hands. I wonder if I could use it for mobile web testing...?

AT&T CEO confirms that a 3G-capable iPhone will be out next year.

College students at Montclair State University are all talking about a new requirement that all students have a GPS-enabled Sprint cell phone.

Google's long awaited smartphone platform has been announced. Look for it in late '08.

Free web-based iPhone simulator for safari

Iz in ur mobile calxul8ing ur tipz

Test your pages for mobile best practices.

Pinch me.

Moll & Fling on taking your site mobile.

Could you imagine being able to give a presentation from your cell phone/PDA?