How to Design a Responsive Website

The world of web design has been going crazy for responsive web design (RWD) recently. So if you've yet to work on your first responsive project, this meetup is for you. We intend on getting you up to speed!

Responsive web design involves having a single design that adapts to the device upon which it's being viewed - rather than creating separate sites and separate content strategies for different mobile devices.  In this talk, Web Developer & Lead Designer for The United States District Court and CEO of Designs Drive, Mario Hernandez will show us how techniques like responsive web design can help us rethink existing strategies, explore new options, and evolve so we can create websites that look great everywhere.  This meetup is designed to introduce responsive web design techniques to designers and coders. There will be many examples of actual working code and theoretical considerations discussed. It will be useful and accessible for anyone involved in web design.  
Join us for this FREE event as we take a high level tour of the following subjects:

The Basics
• What is RWD? 

• Elements of RWD 

• Concept of Mobile First 

A Fluid Layout
• Fluid Grids

• Building a Fluid Grid

• Resizable Images (media)

• Media Queries Relative typography

• The Viewport Metatag

• Breakpoints
How to Use Responsive Design Front-End Frameworks
• Foundation

• Bootstrap
Things to Consider
• Navigation

• Testing

• Markup 

• Constraints (bandwidth, connections, audience)
Hands-on webpage building using Bootstrap and Foundation

We will be raffling off copies of the Sitepoint book, Jump Start Responsive Web Design!

FREE food and refreshments will be served!

About the Presenter

Mario Hernandez has over 10 years of experience in Web Design and 6 years experience as a Front-end Developer. He is currently working as a Web Developer and Lead Designer for the largest federal courts in the nation and also runs is own independent freelance business. Mario has intensive experience in web design, best practices and web standards and is very well versed with today's trends in web design and development.  He is committed to creating great products that are easy to use and visually compelling. In addtion, Mario is well-versed in adaptive layouts, media queries, mobile-first and has strong knowledge of SEO best practices. Some of his specialties are, web design, Drupal, CSS, CSS3, XHTML, wireframing, prototyping, web standards, responsive web design and CSS frameworks such as Foundation, Zurb and 960 Grid System. 

                            This meetup is sponsored by MGO