logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
Painting
Heart Disease
Horror Literature
Dating
Hiking & Backpacking
SF/Fantasy Books
Healthy Foods


dailyclick
All times in EST

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

Designing for Web and Tablets - Responsive Design


The term Responsive has been in the forefront for a while but what exactly does it mean? The Internet has changed much over the years, from a mostly text-based platform to a interactive, engaging, multi-media and multi-device environment.

Webpages have changed over the last decade to reflect the improvements to the Internet and the devices we use to view it. Speaking of devices, we have several types to choose from, including computers, mini-computers, tablets and smartphones. As the number of devices and their variations increase, a problem becomes obvious. Each device and each variation of a device has itís own screen size.

When we only had to design websites for desktop and laptop computers, our main consideration was how to insure that the webpage displayed the same no matter the computer or web browser. The answer was to design for the top web browsers and the most common screen resolutions. That worked for a short time. Another problem became evident as these parameters kept changing. The screen size for my first computer was 800 x 600 and I loved it anyway. Then 1024 x 800 became the norm. Now computers have grown to 27 inches and larger. So the target resolution for a website kept changing.

Just when we began to enjoy designing for these larger screens, the popularity of the smartphone and tablet increased greatly, with their cool apps but smaller screens. In fact, it is predicted that smartphones and tables will be used more often then computers to view the web in only a few years. At first there were only a few mobile devices. So we began designing both a main website for the computer user and a second site for the mobile user. But this didnít solve the problem completely, becausse we were still designing for fixed-width layouts.

Now, you canít assume what device the viewer will be using to view your website. So designing for certain fixed screen sizes is no longer the best answer to the problem. What we need is a way to determine the userís device screen size and display the webpage accordingly. Hence, responsive web design, which uses CSS to determine the screen width and to display a webpage differently as needed. This allows us to have only one website that will morph into several versions as needed.

Join us in the Animation forum. | Join us in the Digital Art forum.

|


Add Designing+for+Web+and+Tablets+%2D+Responsive+Design to Twitter Add Designing+for+Web+and+Tablets+%2D+Responsive+Design to Facebook Add Designing+for+Web+and+Tablets+%2D+Responsive+Design to MySpace Add Designing+for+Web+and+Tablets+%2D+Responsive+Design to Del.icio.us Digg Designing+for+Web+and+Tablets+%2D+Responsive+Design Add Designing+for+Web+and+Tablets+%2D+Responsive+Design to Yahoo My Web Add Designing+for+Web+and+Tablets+%2D+Responsive+Design to Google Bookmarks Add Designing+for+Web+and+Tablets+%2D+Responsive+Design to Stumbleupon Add Designing+for+Web+and+Tablets+%2D+Responsive+Design to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Digital Art and Design Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2013 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Sketch with Your Silhouette SSDE

Simple Drawing Tools in Silhouette Studio Designer

Silhouette Studio Designer Edition Software

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2013 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor