Mobify Developer Blog Mobify

Get great mobile design and development tips in your inbox, right when we publish them.

12 Must-Read RWD Resources (September Digest)

12 Must-Read RWD Resources (September Digest)

Here at Mobify, we spend a fair share of our time collecting and sharing the most interesting resources on how to create amazing responsive web experiences. Hell, you might even call it a passion of ours!

In this post, I wanted to highlight some of the best RWD stories that got us excited this past month.

(If I missed any cool ones, let me know in the comments. Or if you've written something that you think should be included, post it as well!)

Let's dive in!

Read the full article →

A Beginner's Guide to Perceived Performance: 4 Ways to Make Your Mobile Site Feel Like a Native App

A Beginner's Guide to Perceived Performance

Building well-designed websites on mobile devices is slowly becoming easier and easier. Whatever the method (responsive, adaptive, etc.), if you know what you're doing, crafting a good-looking site is not a problem.

But your clients, just like ours, may still be asking for that app-like experience. And creating such experiences remains a challenge.

Most of the time, when people say something is ‘app-like’ or that it feels ‘native’, they’re not talking about the way a site looks. Instead, they’re talking about the way the interface responds to their actions and the way it performs when they make those actions.

Native apps are fast. Animations are rendered smoothly; buttons respond immediately when you press them, and there’s never any question as to whether something is loading.

Getting your site to feel native means doing everything you can to get your site to perform as quickly as possible.

Read the full article →

Three Early iOS 7 Web Design Best Practices

iOS 7 Web Design Early Best Practices

In just over a week, Apple will finally release iOS 7.

The new version of the operating system that powers 56.5% of global mobile pageviews is shipping with a whole range of new features and exciting design improvements.

Some of the most interesting changes to iOS can be found inside mobile Safari. These changes directly affect the design structure of the browser, and so, by extension, a user's experience of your site.

In this post, I want to share with you three core UX/UI changes in Safari on iOS 7 that you should keep in mind when optimizing your site for Apple devices.

Read the full article →

iOS Still Drives More Pageviews than Android [NEW GLOBAL DATA]

When a colleague casually asked what smartphone she should buy, productivity in the Mobify office ground to a halt. Lines were drawn. Furtive glances were thrown across the room. Devices, absent a second ago, suddenly materialized in hands.

The debate was on: iOS or Android?

After a series of increasingly spirited exchanges, we decided to see what the rest of the world thinks.

To do so, we sampled over 300 million Mobify-powered mobile pageviews from the first 6 months of 2013 to see which operating systems device owners across the world were using. We broke them down by country and overlaid them on a map of the globe.

The result is a map of iOS and Android pageviews for Q1 and Q2 in 2013. You can hover over individual countries below to see exact percentages.

Read the full article →

CSS Sprites vs. Data URIs: Which is Faster on Mobile?

This article is the final piece of a three part series investigating the performance of data URIs on mobile. You can check out my previous posts 'On Mobile, Data URIs are 6x Slower than Source Linking' and 'Data URI Performance: Don’t Blame it on Base64' for more information on the subject.

About a month ago, I did some research to understand why I was seeing poor performance using data URIs in a web component I was building. After posting my results, the most persistent question from the wider web performance community was:

"OK, but how do data URIs perform compared to CSS spriting as a technique to reduce the number of HTTP requests on a page?"

The question makes a lot of sense — using data URIs in CSS as an alternative to sprites is the most typical way data URIs get used in web design today, although it is not their only use: for example, data URIs can be used for other resources such as JavaScript.

To provide an answer to this question, I’ve conducted further research on data URIs. In this article I’ll provide more background on why the performance of data URIs is an important issue, some additional details about the experiment and, of course, the results of whether data URIs or CSS sprites perform better on mobile.

Read the full article →