Transcoders – the technology we love to hate that will never go away

Many years ago I remember a Google product manager saying that his product, the Google mobile transcoder, was the one product that everyone wished would go away... Read More

Phone UX

Mobile UX: device-targeting and conversion rate optimization

Much is made of the impact that speed has on conversion rates on the web. It’s a message that has become increasingly important in recent years, as mobile penetration rates have soared. Much less has been made of the effect of device-targeted UX on conversions. It’s well known that conversion rates are lower on smartphones... Read More

loading spinner

How to build an animated loading spinner

Loading spinners are a great way to provide user feedback during waiting periods. This can signal to a user that your website has not crashed and is processing information. The original way to create loading spinners for the web was by using animated GIFs. Animated GIFs can have weight issues. This is due to the... Read More

Nav menu

Mobile-friendliness 101: How to build a fixed navigation bar

Fixed navigation bars, or “sticky” navbars, are a very common design pattern. They allow the visitor to access the main site features very quickly since they are always visible, wherever the user is on the site or page. On the other hand, some would argue that they can take up too much space unnecessarily on... Read More

Stopwatch and scales

Google’s new mobile-friendliness test tool: How it gets it right this time

In case you missed it, Google just launched another tool to test the mobile-friendliness of your website. The company now has a number of testing tools aimed at promoting good mobile web best practices such as keeping page weight down and ensuring quick render times. The other tools you might be familiar with are the... Read More

A page weight reference for the web – the 1 MB website

“Every line is the perfect length if you don’t measure it.” — Marty Rubin In engineering disciplines it’s very important to have fixed frames of reference to enable easy comparison of results. In the web developer community we already have many page weight measuring tools such as our own mobiReady and WebPagetest.org. So we have the weighing... Read More

Offline dinosaur

The web progression procession at Google IO 2016

This year’s Google IO event had a much greater emphasis on web than previous years: there were more sessions on mobile web than any other topic, and then, against this backdrop, there were more sessions on AMP and progressive web apps (PWAs) than any other topic. Going by the sessions, you’d be forgiven for thinking... Read More

Reducing page weight

When approaching the issue of web page weight, it’s useful to keep in mind the well known engineering maxim, “Simplify, and then add lightness“. This article describes some of the ways you can add lightness and reduce your web page weight... Read More

16 mobile market statistics you should know in 2016

While smartphones are now firmly established as an integral part of our lives, the mobile world continues to change rapidly as new types of devices, services and technologies come and go. It is of utmost importance for businesses to stay on top of the ever-changing mobile world. Here is a curated list of 16 most... Read More

Up to a half of your website traffic may be non-human

A new report released by DeviceAtlas sheds some light on the share of web traffic generated by non-human visitors such as bots and crawlers during Q1 2016. The report also talks about mobile web traffic share generated by the most popular mobile OSes, phone models, screen sizes, and much more... Read More

India says no to Facebook’s Free Basics

Facebook's initiative to connect billions of unconnected users to the internet appears to have foundered on the rocks of net neutrality amidst a backlash from many commentators, not least the Indian Telecoms regulator... Read More

HTML5 for the mobile Web: the Network Information API

The Network Information API is a HTML5 API for acquiring information about a device’s network connection. Despite not being a standard, it enjoys decent support across the main mobile browsers. It’s a pretty simple API to use, particularly in comparison with some of the HTML5 APIs we’ve looked at recently on this site (Service Workers, I’m looking at you!)... Read More

Taking the web offline with service workers

You’re probably already familiar with the idea of offline web apps, web apps that can continue to work in the face of intermittent network connectivity. This concept has been around for a while, and various technologies have been developed along the way to achieve offline web apps, (Google) Gears, and Appcache for example, but none of these addressed the offline challenge quite as well as service workers... Read More

Web push notifications

Web push notifications are the best thing to hit the web since the hyperlink! No kidding, this technology is going to be huge. Until recently web developers could only dream of push enabled web apps. Things have changed however, and web push notifications, the asynchronous delivery of messages to a user's device from a website, even when the website is not open in the browser, are now a reality thanks to a number of HTML5 APIs:... Read More

Touch-friendly Drag and Drop

In this article we explore some touch-friendly drag and drop implementations. In particular we'll be looking at DOM and canvas-based drag and drop approaches. We'll also build on some of the things we learned in previous HTML5 articles on mobiForge... Read More

Mobile Networks Statistics 2015

In this section you will find some of the most interesting statistics regarding the advancement of mobile network technology, along with information regarding mobile subscriptions... Read More

The HTML5 Pointer Events API: Combining touch, mouse, and pen

The Pointer Events API is an HTML5 specification that combines touch, mouse, pen and other inputs into a single unified API. It is less well supported than the Touch Events API, although support is growing, with all the major browsers working on an implementation, except for Apple's Safari. There's a colorful background to how the current state of browser support for this API came to be which we covered previously on mobiForge, but in this article we'll just look at its usage... Read More

The Oxymoron of Mobile Privacy

Introduction There could hardly be a more perfect privacy invasion machine than today's smartphone. It's with you at all times, it knows precisely where you are, it can see and hear you and it knows exactly what you are doing much of the time. If data is the pollution of the digital age then your smartphone is an overweight 1970's V8 gas guzzler with asbestos brake pads, a leaky freon-charged AC system, burning leaded fuel as it barrels down the highway: you are silently spewing out reams of potentially harmful data all day, every day... Read More

HTML5 for the Mobile Web: Touch Events

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... Read More

HTML5 for the Mobile Web: Device Orientation Events

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... Read More

Other Afilias Products

Try the world’s leading device detection solution at
DeviceAtlas - Try the world’s leading mobile device detection solution

Create amazing web presences on any screen with
goMobi - Create amazing web presences on any screen.

Evaluate your websites’ mobile readiness with
mobiReady - Evaluate your websites’ mobile readiness.

© 2016 Afilias Technologies Ltd. All rights reserved.

This is a website of Afilias Technologies Ltd, a private company limited by shares, incorporated and registered in the Republic of Ireland with registered number 398040 and registered office at 6th Floor, 2 Grand Canal Square, Dublin 2, Ireland