How to Design a Responsive Website

  • September 19, 2013 · 6:30 PM
  • MGO

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

Join or login to comment.

  • Mario H.

    Hey everyone,
    Today I ran into this tutorial which I think is appropriate as a follow up to my talk from last week. This will give you more details about many items I covered. I hope you find it helpful.
    http://net.tutsplus.com/tutorials/html-css-techniques/mobile-first-with-bootstrap-3/

    September 24, 2013

  • Donald M.

    Hi Mario
    Could you post the link to the slides and also the github for your sample bootstrap web project? Thanks in advance

    September 22, 2013

  • Timothy B.

    Great meetup! Got a lot out of it. Thanks to Phillip for organizing, Mario for providing such a great talk & MGo for the awesome facilities. Also, thanks to whoever supplied the pizza!

    1 · September 20, 2013

    • Mario H.

      Thanks for your comment.

      September 20, 2013

  • Timothy B.

    Excellent meetup. I got a lot out of the discussion. Thanks to Phillip for organizing & Mario for speaking.

    September 20, 2013

  • Sin

    Big thank you for Phillip North and Mario Hernandez for an informative and insightful evening. Who ever got pizza dinner: Thank you for feeding our post-work bellies. :)

    1 · September 20, 2013

    • Mario H.

      I appreciate it Sin. I enjoyed your questions and I hope my responses were helpful.

      September 20, 2013

    • Mario H.

      p.s. I sent the resources to Phillip to post here. I also tweeted them so be sure to follow me. :)

      September 20, 2013

  • Donald M.

    Great talk - Thanks Mario!

    September 20, 2013

    • Mario H.

      Thank you. I hope it was useful.

      September 20, 2013

  • Donald M.

    How late will we be going?

    September 19, 2013

    • Mario H.

      My understanding is we will be discussing RWD for about 2 hours. If anyone has different information please correct me. See you all there!

      September 19, 2013

  • Tom

    Should we bring a laptop? If so anything in particular we need on it?

    September 12, 2013

    • Mario H.

      A laptop or a mobile device (smart phone or tablet) will be handy but not required.

      1 · September 14, 2013

    • A former member
      A former member

      There is a public WiFi available but we will not be making outlets available due to the size of the meetup.

      September 17, 2013

  • A former member
    A former member

    This meetup is closed to recruiters and is a dev only event. Thanks, The M-GO Team

    September 17, 2013

  • Gordon E.

    Really neat idea.

    September 15, 2013

Our Sponsors

People in this
Meetup are also in:

Sometimes the best Meetup Group is the one you start

Get started Learn more
Katie

I'm surprised by the level of growth I've seen since becoming an organizer, it's given me more confidence in my abilities.

Katie, started NYC ICO

Sign up

Meetup members, Log in

By clicking "Sign up" or "Sign up using Facebook", you confirm that you accept our Terms of Service & Privacy Policy