Apr 18, 2013

Why Page Weight Matters

Designer Developer

Here is a fascinating story about a web developer at YouTube, and their quest (code named “Feather”) to reduce the overall download sizes of their video pages. What seems at first to be a fairly straightforward exercise in bandwidth reduction took a surprising turn, and ends up having a surprising lesson regarding mobile first design:

After a week of data collection, the numbers came back… and they were baffling. The average aggregate page latency under Feather had actually INCREASED. I had decreased the total page weight and number of requests to a tenth of what they were previously and somehow the numbers were showing that it was taking LONGER for videos to load on Feather. This could not be possible. Digging through the numbers more and after browser testing repeatedly, nothing made sense. I was just about to give up on the project, with my world view completely shattered, when my colleague discovered the answer: geography.

I won’t spoil the ending for you, because what they found is rather surprising. I’m sure you’ll be able to draw the implications regarding mobile design.

Apr 27, 2012

Responsive Web Development Resources

Developer

Beginning responsive web design can appear to be a daunting task but, that is not necessarily true. With the right direction and inspiration, creating a responsive website is easier than you think. We have compiled a list of our favorite articles and resources that have assisted us in exploring how to get started, develop, and explain the responsive design process and methodology.

Mar 27, 2012

Feature Detection

Developer

In the early days of the Web, sites had small icons indicating the web browser they were specifically built to serve, such as “Works Best in Internet Explorer” or “Built for Netscape Navigator.” Because of the relatively low number of browsers, building unique versions of a site for each individual browser was possible without worrying about unknown devices or operating systems.

Today, the Internet is accessible from a countless list of devices and computers with an vast combination of operating systems, browser and hardware capabilities. Rather than write snippets of code that detect specific browser/system combinations (e.g., iPhone running Safari, Windows running Firefox), the preferred method of enabling more complex features is through feature detection: small scripts that detect whether a browser or device is able to use a certain feature, regardless of its specific setup.

Mar 17, 2012

Images and Tables

Designer Developer

Creating responsive images and a process of ensuring that your tables are responsive is crutial when developing sites. A developer and designer should know a few considerations when creating images for the web and have a design strategy in place for their use. Also, tabular data must also a responsive strategy must be in place to consider how the content will flow as the browsers becoming increasingly smaller. The Go Mobile team explored a number of these considerations and have suggestions to present images and tables in the most effective manner.

Mar 3, 2012

Mobile Usability

Developer

A new mobile device may be much more powerful than a person’s first computer – except the keyboard is smaller, making their fingers seem larger. Mobile devices must be used differently than desktop computers. Therefore, responsive web design means more than making an existing website fit onto a smaller screen.