Reactive Web Design

Designing for Responsive Websites Loading...

Reactive Design

Website discussions for the future will focus on designing websites that are responsive to the needs of the user and are not locked into the standard screen size of 1024 x 768. The goal is simple - one website that can react to various screen resolutions with breaking or disappearing from view.

From mobile browsers to netbooks and tablets, users are visiting your website from an increasing array of devices and browsers. Reactive design uses media queries to reformat websites for mobile devices, saving time developing a separate mobile website. While not suitable for every type of website, it is extremely effective for marketing and content driven websites.

What does it all mean? Start resizing your browser window. As the screen narrows watch what happens to the picture on the right - both its location and size will change. When you are finished on your desktop, pull the website up in your iPad or mobile phone - still readable and useable - this is known as Reactive Web Design.

Chicago

Chicago from North Avenue Beach

Hover your mouse over (or tap) the image.