Many of our readers have asked for an update to the mobile device diagram. Rather than diagramming what handset makers are selling, I thought it would be interesting to plot what our visitors are actually using. With that in mind, here is the updated version with data extracted from Google Analytics:
The most important question we should ask is, "to what are we responding?" It's not too far to jump from that question to the point I want to drill in: we're thinking about the wrong kinds of interactions. In some cases it's egocentric, but the main idea is that we must change the thinking and dialogue to focus more on real-world user interactions.
The latest version of the jQuery Lazy Load plugin (released Jan 29th, 2012) included the ability to customize your data attribute parameter. This is a pretty helpful update; I realized it could be used to set multiple source images for the same node. Here's how you can use it to optimize images, cutting down on data transfer for mobile devices.
When it comes to mobile development, I've seen a lot of buzz recently on how CSS3 can help people eliminate images and cut the bandwidth requirement for their websites, however if a good mobile experience is important to you, you may want to think twice before deciding how to retrofit your website.
With the latest launch of the Amazon Kindle Fire Tablet, the world is now up to more than five major Android hardware providers. Among each of these, there is also a wide variety in the screen sizes, from the smart phones to mid and larger tablets. Outside of the Android market you have the 800 pound gorilla, Apple with their iPhone, iPod & iPad. And you have RIM with the Blackberry and Nokia (who still can't decide what they are going to use).