Responsive Design

Responsive Web design is the approach that suggests that design and development should 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 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 preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.

Mobile First

Mobile first, a highly regarded technique thats assists to create a smooth responsive design. This is successfully achieved when designing and creating the Mobile view first, as it allows the Developer to be limited with options causing decisions to be more thought out with the space given. With todays trends, developing should always begin on Mobile First for any Website or Blog.

Resources:

Basic Principles of Responsive Web Design

Responsive Web Design Guidelines

posted on Monday, April 24th, 2017 at 3:51 am filed under Articles, Web Development, Wordpress.