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. It is becoming more important because the use of mobile devices with smaller screens is on the rise and has already passed desktop use. Media queries are a major tool in responsive web design. They are simple filters that can be applied to CSS styles. They make it easy to change styles based on the characteristics of the device rendering the content, including the display type, width, height, orientation, and even resolution. One of the most useful media queries is breakpoints. Breakpoints create different versions of a site depending on the size of a devices screen.
This is an award wining responsive designed website.
In it's smallest form, it has a drop
down menu, smaller text and resized
pictures. It also has a vertical layout
as opposed to the larger ones.
The medium version has a menu across the top, larger text, and larger pictures. The layout has a vertical and horizontal layout.
The largest version has the menu across the top right of the screen, slightly smaller text, and it shows more of the same sized picture. It also has a vertical and horizontal layout.
No comments:
Post a Comment