Tag Archives: Mobile Design

Meta Viewport Best Practice

The meta viewport tag is a html tag that can be used to set the width and scale of content. It’s immensely useful for getting sites to renderer properly on mobile devices, mostly due to the fact that mobile devices generally have smaller screens than developers are designing for (who designs websites to be 375px...

The DeviceAtlas guide to detecting iPhones

The latest DeviceAtlas whitepaper explains the difficulty in identifying models and specifications of iOS devices. In all Apple devices, the User-Agent string only indicates the hardware type, not the model. By parsing User Agents alone, all you’ll know is whether you’re dealing with an iPhone or an iPad. This leaves some useful properties outside your...

How to Inline images

Inlining images is useful for breaking up content and making an article more visually interesting, but when it comes to it, there’s more than one way to skin this cat. In this article, I’ll outline three ways to do it. Aligning with inline-block The first way you can inline images is simply by setting display:...

favicons

Adding favicons in a multi-browser multi-platform world

Favicons: they used to be so easy. A simple 16×16 pixel favicon.ico bitmap used to do the trick. It was like a punctuation mark at the end of a project; the web developer equivalent of finishing a sentence with an exclamation mark or a full stop. That’s how it used to be. But over the...

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

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.

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