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
AC
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.
Comments
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
{{ gettext('Login to leave a comment') }}
{{ gettext('Post a comment…') }}{{ errorMsg }}
{{ gettext('No comments posted yet') }}