Responsive web design workshop

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

Responsive Modules

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

Technical level: Advanced

Abstract

Creating Responsive self-contained modules of related content

Outline

  • Responsive Content: * a flexible article module (eg: http://thegreatdiscontent.com/) with:
  • title
  • body
  • author + metadata
  • blockquotes
  • images + captions
  • footnotes
  • Slideshow: A responsive slideshow with images, captions & links (requires JS & jQuery), with element animated individually & at different speeds (eg: http://www.ideadevice.com )
  • Forms: Designing fieldsets, legends, labels, errors & hints to be responsive
  • Tables: Optimizing tabular content for mobiles.

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