Nov 21, 2014

Google will now label mobile friendly sites in mobile search


We have a new incentive for going mobile!

Earlier this week, Google announced a new mobile-friendly label to help users identify responsive and mobile sites at a glance from their mobile device.  To check if your site has the label, just search from your phone or tablet. You can also use Google’s Mobile-Friendly Test to check your site and review the documentation in their Webmasters Mobile Guide.

Mobile friendly label used in a search result

More at the Google Webmaster Central Blog.

Source: Google via Digital Trends


Sep 23, 2014

Tips for Retina View


The increased resolutions on newer smart phones, Retina Display to borrow Apple’s terminology, allow for much crisper images on the mobile view of our websites, but they cause problems for us as developers.  There are several different methods for using these images, and most of them are rather cumbersome.  It also makes the development more tiresome since you have to produce two images even in the development phase.  We have found a few shortcuts in both areas.

Aug 14, 2013

Webkit adds support for high-resolution displays


Webkit just added support for the new srcset attribute. From the Webkit blog:

WebKit now supports the srcset attribute on image (img) elements (official specification from the W3C). This allows you, the developer, to specify higher-quality images for your users who have high-resolution displays, without penalizing the users who don’t. Importantly, it also provides a graceful fallback for browsers that don’t yet support the feature.

Although it will be a while before this is usable across a broad spectrum of browsers, it’s progress in a good direction.