Exploring the evolution of web experience and its future. What is responsive web design

and how it is changing the web experience? Advantages of responsive web design.

Delivering the core competency of PHPFactory on Responsive Web Design services.

WE SERVICE ALL SIZES! WHITEPAPER ON RESPONSIVE WEB DESIGN

© 2012 PHPFactory Page | 1

WE SERVICE ALL SIZES WHITEPAPER ON RESPONSIVE WEB DESIGN

We live in a world that is technologically evolving at a fast pace. There

is a huge digital revolution happening as more and more people are

connected to the web not just from traditional PC’s but from an array

of choices like tablets, mobiles and other web devices. The landscape

of web is so fast changing that today we need to cater to all these

devices seamlessly but yet ensure integrity. Today market is flooded

with users who access web not just from desktop but also from a

multitude of devices. As a company you are faced with a number of

challenges in terms of the target end users. A large spectrum of

devices, different screen sizes, different resolutions and different

performance. Faced with these challenges companies today need to

optimize their digital delivery to accommodate them. This was made

possible by responsive web design.

History: Sometime back at the emergence of all these digital devices

we were addressing this by replicating our digital initiatives for

standard devices. We used to have Desktop version website for

standard PC format then a mobile version of the same website and

sometimes a text only site that caters to basic devices. Even within

the desktop version there used to be differences like resolution size

that was addressed by adopting a smart “Liquid layout” to ensure that

we capture all the extra space that you find on 600 X 1024px as against

400 X 640px.

What is Responsive Web Design?

To answer this query first one needs to understand a few basics on web

layouts and their organic evolution. The Worldwide web today has

undergone a paradigm shift from fixed layouts to Adaptive (Multiple

fixed width) layouts to responsive (Multiple Fluid Grid) layouts.

What Responsive Web Design means?

Responsive Web Design is a leap from conventional liquid layout

formats to the concept of fluid grid. In this format we ensure that the

website elements are designed to proportion and not arbitrary

percentages. By doing so as the size of varies the elements in the

layout get realigned along with the text. This is achieved by a lot of

DEMOGRAPHICS

By the end of 2012, there will

be more mobile devices

connecting to the Internet

than there are people on

Earth.

Android: 1.3 million device

activations per day and

climbing. 480 million Android

users.

31% of American adults who

have cell phones use their

phones for the majority of

their Internet access

17% of cell phone owners do

most of their online browsing

on their phone, rather than a

computer or other device.

At the end of 2011, there

were 6 billion mobile

subscriptions, estimates The

ITU(2011). That is equivalent

to 87 percent of the world

population. And is a huge

increase from 5.4 billion in

2010 and 4.7 billion mobile

subscriptions in 2009.

6B connections today, 10B

connections in 2016, 26X

worldwide traffic growth.

31% of all Americans only or

mostly use the Internet on

their mobile phones. That

amounts to 50 million

Americans

© 2012 PHPFactory Page | 2

below the surface scripting on CSS3 media queries at the presentation layer. This basically facilitates

websites to gather a lot of information on the site visitor in terms of what is the device he/she is

accessing from their form factor, resolution so on. Responding to the collected data we are able to

optimize performance and customize content delivery accordingly.

Advantages of Responsive Web Design

Responsive web design is the new forte for digital content to be served seamless across different devices and different formats on the web. The advantages of adopting responsive web design are the following

Considerable saving of time and money

Implicit capability for cross browser support

Optimizing Performance based on size of the screen

Modular delivery of Web Content

© 2012 PHPFactory Page | 3

Core Competence of PHPFactory on Responsive Web Design

Please visit our website (www.phpfactory.com) from your desktop and on parallel visit our site from

your tablet or smartphone. You will find that the site is served from the same URL without

compromising on the content. You will also find the various elements on the site adjust itself to form

size of the device and the text wraps around the elements accordingly. This will give you the

experience of what responsive web design can do for you on your website.

© 2012 PHPFactory Page | 4

Statistics reveal by July 2012 nearly 2.4 Billion online internet users are accessing web and that is

34.5% of the global population Across developed and developing countries the telco’s are registering

major portion of their revenue on smartphone and online usage both for accessing web content as

well as mobile telephony. This by itself provides a strong proposition to companies for the need to be

mobile friendly.

Conclusion:

By adopting a Responsive web design framework you can make your site not just future friendly but

also resolution independent and device agnostic. If you are interested to explore possibilities for your

website and online web applications please call us and discuss with us and we would love to showcase

some of our case studies on the same.

PHPFactory Reg: Sedin Technologies Pvt Ltd, # 38/39 - 3rd Floor, Whites Rd Circular Building, White's Rd, Royapettah, Chennai, TN, India - 600014. Website : www.phpfactory.com Mail To : info@phpfactory.com Contact : +91 97899 77565