Responsive Web Design

The number of mobile devices entering the market is staggering. Combine this with the fact that desktop resolutions are getting tremendously large and many other web-enabled products will be flooding the market soon and you have a perfect storm for web designers and developers.

One approach to addressing "resolution fragmentation" is responsive web design. This technique allows you to build a single website that responds to the width and height (and many other characteristics) of the browser.

This will be a hands-on workshop where attendees will be asked to participate in key steps in the process of creating a responsive site. Attendees will leave with the confidence they need to apply these techniques on their own projects.

We'll cover:

• taking responsive beyond the front-end developer role
• how to manage the design and development process in mobile first responsive web design
• fluid grids
• flexible media
• device-independent CSS3 media queries
• effective testing
• helpful JavaScript libraries
• overview of significant challenges facing responsive web design (images, ads, complex navigation, tables, etc.)

What can you take away from this workshop?
A working knowledge of the three core techniques used in responsive web design.
An understanding of the impact responsive web design has on the web design and development process.
An understanding of when responsive web design is the right decision.
An appreciation for the "Responsive Mindset" as opposed to just these techniques.

Note: Attendees should have an intermediate understanding of HTML and CSS and be willing to work with those around them to solve responsive web design challenges. Please bring a laptop, a power cord, and an opinion!