Responsive web design workshop

Two-day hands-on workshop on designing for mobiles.

Getting Started

Submitted by Arpan CJ (@arpancj) on Thursday, 23 May 2013

Technical level: Intermediate

Abstract

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.

Comments

Login with Twitter or Google to leave a comment