This type of site displays at full size when you load it on your smartphone (no zooming necessary), but you’ll notice that it’s often very different from the same website when you view it on your desktop monitor-there’s often a lot of content missing, so the site owner can cut down on the work involved in maintaining multiple versions of the site.Īnd because mobile sites are usually made for one specific device size, like an iPhone, if you have a different device, the website may not fit on the screen so well. It’s a lot of extra work.įigure 1-1. When viewing a fixed-width website on a mobile phone, you have to zoom in to see the text at a readable size.Īnd then for some websites, there is a mobile website that is separate from the regular desktop site. You’ll have to continually zoom in and out to read text and navigate through the site, as you can see in Figure 1-1. You’ll see the entire website just as it appears on your desktop monitor, but it will initially be displayed at a tiny size to fit on the screen. Imagine you’re using your smartphone to view a fixed-width website-that is, a site that is designed to always display at a set width, such as 960 pixels. The easiest way to explain it is to compare responsive websites to sites that are not responsive, and look at how each type of site is viewed on smartphones. Responsive design, overall, is a way to make websites that can be easily viewed and used on any type of device and size of screen, all the way from the smallest mobile phones up to the widest desktop monitors.
RESPOSIVE WEBDESIGN HOW TO
This section will give you a better idea of how to explain responsive design to users, to clients, to less technical team members, or to your mom, who wonders what it is you get paid to do all day. If you picked up this book because you’ve heard of responsive design, but you’re not quite sure what it is, this section will help you understand the basics.Įven if you’re somewhat experienced with responsive design, you’ve probably found that it can be difficult to explain it to others without using overly technical language.
0 kommentar(er)
