This article will show you how to use a technique called RESS (Responsive design with Server Side components) to make significant performance and reach improvements to a website for both mobile and desktop alike. This technique requires just a few lines of code, some simple configuration and no ongoing maintenance. The site will change from one that works on desktops, tablets and smartphones to one that works on almost anything, anywhere and loads faster in all cases.
In this article we take a look at some of the new form enhancements available in HTML5, and look at how they contribute to an improved user experience for mobile forms. In particular we will see how forms can be enhanced with the additional input types offered by HTML5, and show what you can expect across various classes of mobile browser.
Earlier this year I resolved to share more actionable information on mobile SEO in my Search Engine Land column, so it was nice to be invited to do that here on mobiForge. Mobile SEO best practices are so 2008. These days mobile search matters more than ever, and it’s important not only to have general guidelines, but to have a process for optimizing your site for mobile searchers. Today I’m going to go through an actual site example and optimize it.
With the widespread adoption of touchscreen devices, HTML5 brings to the table, among many other things, a set of touch-based interaction events. Mouse-based events such as hover, mouse in, mouse out etc. aren’t able to adequately capture the range of interactions possible via touchscreen, so touch events are a welcome and necessary addition to the web developer's toolbox.
Use cases for the touch events API include gesture recognition, multi-touch, drag and drop, and any other touch-based interfaces.
In one of my previous articles, I talked about embedding Google Maps in Android applications. Much has changed as Google went about revamping a lot of existing APIs in Android. In version 1 of Google Maps for Android, Google used the MapView to display map data. In version 2, the MapView is deprecated; instead, you have to use a MapFragment.
Content Adaptation - Posted by ruadhan - 26 Jul 2013
Previously on mobiForge Ronan posted about a lightweight approach to device detection using regular expressions in PHP. Since this is still an approach widely adopted by many web developers today, we feel that it's about time we revisited the original article.
In this third article in our series on HTML5 for the mobile web, we take a look at the Device Orientation API. This API provides information about the orientation and movement of a device. Information comes from the positional sensors such as compasses, gyroscopes and accelerometers. Via this API, a web app can access and make use of information about how a device is physically oriented in space.
Use cases include game control based on device tilting, and mapping where a map is correctly aligned with the world based on the device orientation data.
IDC recently published research showing that more than 50% of the 418.6 million mobile phones shipped during the first quarter of the 2013 were smartphones. Back in December 2012, Forrester reported that in the USA, 19% of adults (34 million people) now own a tablet and that by 2016 that will rise to 113 million tablet owners.
In this second article in our series on HTML5 for mobile web (first part here), we cover the Geolocation API. For mobile users, location-based services are hugely compelling. Long the holy grail of mobile applications, and something of a missed opportunity for service providers, the addition of location-awareness to mobile apps has made for some very exciting use cases.
There has been much interest lately around HTML5 and its readiness for production environments and whether HTML5 apps should be used over native apps. This has been due, in large part, to the high-profile defections of tech behemoths such as Facebook and LinkedIn away from HTML5 to native apps for their core mobile services.