Mobify Developer Blog Mobify

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

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 →

Image Use in Responsive Design: 3 Essential Techniques You Can Learn Today


This is a guest post by James Duval of Greensplash.

The proliferation of devices that can be used to connect to the Internet has not only drastically changed the way that most people interact with the web, but has created a whole new set of challenges for designers.

Web design in the age of tablets, smartphones, games consoles, PCs and laptops (where soon even your fridge and your bathroom scales will be connected) involves far more than simply resizing content so that it can display on different screens. Screens with same physical dimensions often differ substantially in pixel densities, meaning that relying on static measurements is no longer an adequate benchmark for design.

Rather, as designers we need to create content and sites that have the same usability across devices and are truly viewable across screens. To do this we have to get to grips with how content changes from one format to the next, and how we use images are of fundamental importance to how we do that.

Read the full article →

8 Pieces of Web Development Advice You Should Follow


Best Web Development Advice We've Ever Heard

What is the best piece of web development advice you've ever heard?

That was the question we asked you and everyone else in our community two weeks ago. As promised, in this follow up we're featuring the top (read: most valuable and useful) answers as voted by the readers and our team.

As a bonus, we're also incorporating a few comments from our own developers, including Mobify's CTO, John Boxall.

So, without further ado, here are the best pieces of web dev advice as voted by the community!

Read the full article →