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: 1. UX and interaction design 2. CMS, content management, publishing and content marketing 3. Information architecture 4. Product design 5. Privacy in product design more

Praveen s

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

Submitted May 31, 2013

An end to end exercise would give some practical idea on what it takes to build a complete site like http://brck.com/

Outline

Creating a single page site , from wireframe to completion with the best practices and testing it once done.

Requirements

HTML5/CSS3

Speaker bio

Hasgeek personnel

Links

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 is an umbrella forum for conversations about different aspects of design and product including: 1. UX and interaction design 2. CMS, content management, publishing and content marketing 3. Information architecture 4. Product design 5. Privacy in product design more