Responsive web design workshop

Diving in by building a simple responsive layout with a fluid grid

Outline

• Building a simple flexible grid
• Introducing @media queries
• converting the flexible grid to a responsive layout
• Using SASS & Susy to simplify a responsive grid
• Convert layout to a Mobile first responsive layout
• Using Box-sizing to simplify calculations
• Testing on a mobile

Speaker bio

I’ve been a web designer & developer for the last 9 years. For the last couple years, I have focused on on cross-device UI design, specifically in creating web sites & web apps that work well across various screen sizes & resolutions.