Choose the best resolution and size to a website for mobile phone, tablet and desktop

best resolution and size to a website for desktop, tablet and smartphoneLet's see how to choose the right resolution for your website. It is important to work with a series of standards set. This ensures that the work of the designer will actually be reused.
 
In the world of web design is a complex and varied. For a graphic designer that he never ventured into web design, the first impression may seem a bizarre world where not fathom.
 
[adsense:block:adcontenuto]
 
This is because when you are designing for the web has an unexpected freedom. However, there are some factors that you need to keep in mind. Among these, one of the most important is to know what should be the size of the site, something that depends on the resolution and the physical size of the screen.
 
Network in the current standard is to design websites for the most common screen resolutions, or with the resolutions that most people use. Currently, the format that can certainly be considered the standard is 1024 x 768. However, there is a relatively new and important factor that designers must take into account: the spread of mobile devices. The popularity of Android devices and iOS (Apple's operating system) and the slow growth of Windows Mobile 7 can not be ignored. These devices can be smartphone or tablet PC.
 
Tipology Desktop Tablet Pc Smartphone
Resolution 1024x768 px 1024x768 px 640x960 px

 

In the table above, are included medium resolution for desktop computers, the Apple tablet and mobile phones (smartphones). However, these resolutions represent the full-screen size and the browser knows how to occupy part of the screen, in the form of status bars, button bars, bars address, scroll bars, and so on. The line "Space" in the table above is a good guideline for the design of a website for mobile devices. This helps us to design web pages in order to avoid scroll bars appear, especially when we are planning for a space that is not going to shake.
 
 
The figure above shows the approximate size of all three dimensions of the screen in pixels and shows the space used by the various toolbars, status bars, and the like. However, you may notice something strange: the resolution for the iPhone is disproportionate. Referring to the table above, and the line "Screen Size" shows a significant difference between the actual size of the screen and the resolution of the screen.
 
[adsense:block:adcontenuto]
 
The next figure:
 
chose better resolution for tablet and smartphone
 
gives us a better understanding and helps us to design an interface for best mobile web phones like the iPhone. Represents the comparison between the actual physical dimensions of the various screens. While the resolution is a very important aspect of the design, it is used as a standard measure for the size of a mobile site, as it has been for desktop computers, otherwise there is a risk of designing websites on a smartphone can to be almost unreadable.
 
Points to remember:
  • Use the resolution as a dimension of the website is good for the desktop version of a project
  • Use physical size as the size of the website is better for mobile devices
  • It is desirable to design three variants on the design of a website, in order to take into account the different sizes of the devices with which users could access the site.

 

 

 

Similar Content

Dec. 21 2012 - Here's what will happen today ...

According to the Mayan calendar today should be the end

of the world as we have known it.
 
But the world is already finished, and no one has noticed it,
we really are living in a limbo hidden
without memory.
 
I have this certainty.
 
You just need make connections and strive to remember
some nights in which you find yourself placed during sleep, and
as it is recurrent, and how, by asking around,
this happens to more people than you think.
 
This year has seen everything, we realized
that religion, politics, the structure
society are all based on deception and
manipulation.

How to save Android battery: Tips, tricks and app to download

save android batteryAre you happy with your new Android smartphone, except for the fact that its battery almost never is able to arrive in the evening? Would you like to earn a few hours of battery life for your phone but you do not know how to do? Maybe I can give you a hand.

Considering that I can do not miracles, if you download the app I'm going to advise you and follow indications that you see below, you should be able to extend the battery life of your smartphone and arrive free from care at the end of the day. Here is how to save Android battery within the limits of the possible.

Mobile: 

Decline in the market for PC

Needless illusions, an era is now drawing to a conclusion would be: a drop in global sales of PCs around 1, 2% may appear content (especially in times of economic crisis) but the high tech and the minus sign should not be totally agree. When sales of a hi-tech stop growing, in fact, it often means that this has had its day and the market is changing course.
News Magazine: 

Guide and Download: Galaxy Note II upgrade to Android 4.1.2 Jelly Bean official N7100XXDLL4

galaxy note 2Samsung has just released in France and India the version N7100XXDLL4 for the second generation phablet that reports the following firmware data:
PDA: N7100XXDLL4
CSC: N7100OXADLL4
Version: 4.1.2
Date: 12/12/2012
Regions: Austria, Belgium, France, Germany, Hungary, Italy, Spain, United Kingdom
News Magazine: