Submissions

Responsive web design workshop

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

This is the place to discuss the topics for the workshop http://cssworkshop.metarefresh.in/

Intro:

We’re used to designing sites a certain way. We assume a certain width and a certain capability. The way we work isn’t too different from the way we used to design for print. And it worked fine until now.

But with the explosive growth of mobiles and tablets these assumptions are no longer valid. Every day more users are accessing our sites from their mobile phones.

By embracing the constraints and capabilities of mobile devices, you can take advantage of the growth in mobile web usage and the resulting new opportunities.

Mobile First design demands more responsible development practices. Layout interactivity, request count and file sizes all should be responsive.

Why is designing for the mobile first so important? And how do we do that? How is designing for the mobile web experience different? What design patterns can we use and what best practices should we follow?

Following are the topics that we plan to cover for this workshop. Please comment on them regarding the topic’s relevance in your view point. It will help us refine the structure accordingly and make it a worth while experience for the participants.

Thanks!

Hosted by

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

Accepting submissions

Not accepting submissions

Arpan CJ

Organizing your CSS

Writing structured CSS/SCSS with all these features in a way that is flexible & maintainable more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Intermediate

Arpan CJ

Challenges

Challenges you will face while creating responsive web designs more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Intermediate

Arpan CJ

Best Practices

Recommended techniques Outline Defining Breakpoints: Creating sensible breakpoints more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Intermediate

Arpan CJ

Responsive Web Design: advanced techniques for the present & future

CSS3 layout modules for the present & future Outline more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Advanced

Arpan CJ

Responsive Modules

Creating Responsive self-contained modules of related content more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Advanced

Arpan CJ

Mobile First Navigation

Optimizing navigation for small screens Outline Simple Navigation: short list & long list more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Advanced

Arpan CJ

Aside: CSS Layout libraries (lecture: 15 minutes)

A short discussion of the advantages & disadvantages of a few layout libraries. more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Advanced

Arpan CJ

Responsive Web Design patterns

How to implement a few common responsive web design patterns. more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Advanced

Arpan CJ

Mobile First (lecture: 15 minutes)

Why is designing for the mobile first so important? And how do we do that? How is designing for the mobile web experience different? more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Intermediate

Arpan CJ

Getting Started

Diving in by building a simple responsive layout with a fluid grid more
  • 0 comments
  • Submitted
  • 24 May 2013
Technical level: Intermediate

Praveen s Proposing

Creating and Testing a Single Page site for an Event or product launch

An end to end exercise would give some practical idea on what it takes to build a complete site like http://brck.com/ more
  • 1 comment
  • Submitted
  • 31 May 2013
Technical level: Intermediate

Hosted by

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