How to Design a Responsive Website @ M-GO

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!

http://photos3.meetupstatic.com/photos/event/3/7/6/6/600_279734182.jpeg 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 some examples of actual code, but many theoretical considerations. 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

------------------------------

About the Presenter

Mario Hernandez has over 10 years of experience in Web Design and 6 years experience as a Front-end Developer. Currently work as a Web Developer and Lead Designer for the largest Federal Court Court in the nation and and also run my own independent freelance business. Intensive experience in web design, best practices and web standards. Very well versed with today's trends in web design and development and I am committed to create great products that are easy to use and visually compelling. Well-versed in adaptive layouts, media queries, mobile-first and have strong knowledge of SEO best practices. Specialties Web Design, Drupal, CSS, CSS3, XHTML, Wireframing, Prototyping, Web Standards, Responsive Web Design, CSS Frameworks such as Foundation Zurb and 960 Grid System.