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

CMS Scaffolding

CMSes: a millstone on web performance? We find out…

With CMS solutions tailored for general users often with no technical expertise, it begs the question whether anything has been compromised in the name of convenience. In this article we take a look at the effect your choice of CMS has on web performance... Read More

12 expert tips on how to boost web performance

Recently, we published a guide which explained why today web performance is of paramount importance to all website owners. In this article we focus on practical tips which you can apply to make sure that your content loads blazingly fast for all users. Site optimization is for everyone!... Read More

Why your content doesn’t work on mobile

Anyone involved in developing content for the mobile web is probably already aware of the huge performance challenges on mobile. There is now widespread acceptance that we should budget for performance just as much as we should for design, and functionality. Perhaps even more so. So why are many websites still failing users by serving... 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

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

The web is Doom

In July 2015 I suggested that the average web page weight would equal that of the Doom install image in about 7 months time. In about 7 months average web page size will be same as Doom install image. Well done us! Onwards & upwards!... 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

Webviews and User-Agent strings

Much is made of the comparative times spent browsing the web vs engaging with native apps in the apps vs web debate. An often overlooked part of the discussion is that when engaged with a native app some portion of this time is spent actually on the web, via a webview. We'll get to what a webview is in a minute, but for now, what this means is that although the user is in an app, he or she is effectively browsing the web... 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.

© 2017 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