Skip to content

Details

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

Members are also interested in