Meta Refresh
Meta Refresh

Responsive web design workshop

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

All submissions

Arpan CJ

@arpancj

Getting Started

Submitted May 24, 2013

Technical level: Intermediate

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.

All submissions

Comments

{{ gettext('Login to leave a comment') }}

{{ gettext('Post a comment…') }}
{{ gettext('New comment') }}
{{ formTitle }}

{{ errorMsg }}

{{ gettext('No comments posted yet') }}

Hosted by

Meta Refresh
Meta Refresh
Meta Refresh is an umbrella forum for conversations about different aspects of design and product including: UX and interaction design CMS, content management, publishing and content marketing Information architecture more