Monday, March 31, 2014

Responsive Web Design and MMGY

PART ONE: Responsive Web Design is making a website that is easily understood and easy to use. It has become very important because it can be used on any device such as a mobile device or tablet. Media queries are CSS3 modules that adapt to conditions such as screen resolution. Breakpoints are temporary markers put in source code to tell a debugger to stop your application at a given line or variable.

PART TWO: http://www.mmgyglobal.com

In the wide version of this website, the viewer is allowed to see the full image and full website.


In this medium version the only thing that has changed is the cropping of the image. You still see the main focus of the picture, but it has been cropped to fit the screen.
In the narrow version of the site, the text has been modified and shortened. The image has now shrunk and you see the full image, just a smaller version. The first slide has now been pushed up the the very top showing the next slide below it (the red-orange), and the control panel now only consists of one option.

1 comment:

  1. Actually, these are a different kind of breakpoints....

    ReplyDelete