SlideShare a Scribd company logo

Responsive web design

•
•
Angela Brown
Angela Brown

Responsive web design is an approach where the design adapts to the user's screen size, platform, and orientation. It uses flexible grids and layouts, intelligent CSS media queries, and images that automatically resize depending on screen resolution and size. This allows websites to automatically adjust for different devices like laptops and iPads without needing separate designs. It eliminates separate development phases for each new device on the market.

Related slideshows

A mim mesmo
A mim mesmoA mim mesmo
A mim mesmo
 
UP 3er trim 2013
UP 3er trim 2013UP 3er trim 2013
UP 3er trim 2013
 
FREDENHAGEN - Eventlocation
FREDENHAGEN - Eventlocation FREDENHAGEN - Eventlocation
FREDENHAGEN - Eventlocation
 
1 of 2
Download to read offline
www.centuryglobalservices.com Responsive Web design is the approach that suggests that design and development should eb respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligen intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s respond preferences. This would eliminate the need for a different design and development phase for each new gadget on the market. Responsive web designing is a completely different designing version than the traditional web designing, and developers (especially fresher) must know about the pros and cons of responsive web designing. This blog is a mighty example of the approach so we will reveal a few facts about the uses of responsive web designing. The basic instinct might be to choose media queries to develop a responsive site. However, the hassle you face with media queries is that new queries can pop up from moment to moment; each time the user experiences sudden and
www.centuryglobalservices.com drastic changes to the look and organization of the site. Experts suggest using some CSS transitions to ease the jump. Pages that include data tables pose a special challenge to the responsive web designer. Data tables are very wide by default and when you zoom out to see the whole table it becomes too small to read. When you try to zoom in to make the it readable, you are supposed to scroll both horizontally and vertically to look through it. Well, there are several ways avoid this problem. ways Reformatting the data table as a pie or mini graph is an approved solution. The mini-graph fixes mini-graph mini even in narrow screens. Images in responsive web designs are called context aware. Responsive web design images are context-aware. primarily fluid images that can be replaced by context aware images, an updated version for ges better designing. This particular technique serves the purpose of responsive designing in true sense as the images serve at different resolutions, ranging from larger screens to small ones. smaller The scaled images appear to change fluidly with the help of updated developer tools and coding languages, allowing designs to look sharp in every context. Responsive web designing is remarkably different from traditional designing in terms of technical and creative issues and a technical careful use of this can do wonder while designing.

More Related Content

Responsive web design

  • 1. www.centuryglobalservices.com Responsive Web design is the approach that suggests that design and development should eb respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligen intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s respond preferences. This would eliminate the need for a different design and development phase for each new gadget on the market. Responsive web designing is a completely different designing version than the traditional web designing, and developers (especially fresher) must know about the pros and cons of responsive web designing. This blog is a mighty example of the approach so we will reveal a few facts about the uses of responsive web designing. The basic instinct might be to choose media queries to develop a responsive site. However, the hassle you face with media queries is that new queries can pop up from moment to moment; each time the user experiences sudden and
  • 2. www.centuryglobalservices.com drastic changes to the look and organization of the site. Experts suggest using some CSS transitions to ease the jump. Pages that include data tables pose a special challenge to the responsive web designer. Data tables are very wide by default and when you zoom out to see the whole table it becomes too small to read. When you try to zoom in to make the it readable, you are supposed to scroll both horizontally and vertically to look through it. Well, there are several ways avoid this problem. ways Reformatting the data table as a pie or mini graph is an approved solution. The mini-graph fixes mini-graph mini even in narrow screens. Images in responsive web designs are called context aware. Responsive web design images are context-aware. primarily fluid images that can be replaced by context aware images, an updated version for ges better designing. This particular technique serves the purpose of responsive designing in true sense as the images serve at different resolutions, ranging from larger screens to small ones. smaller The scaled images appear to change fluidly with the help of updated developer tools and coding languages, allowing designs to look sharp in every context. Responsive web designing is remarkably different from traditional designing in terms of technical and creative issues and a technical careful use of this can do wonder while designing.