Jun 2013
10 Mon
11 Tue
12 Wed
13 Thu
14 Fri 09:00 AM – 10:00 AM IST
15 Sat 09:00 AM – 10:00 AM IST
16 Sun
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
Accepting submissions
Not accepting submissions
AC
Arpan CJ Organizing your CSSWriting structured CSS/SCSS with all these features in a way that is flexible & maintainable more
Technical level: Intermediate
|
AC
Arpan CJ ChallengesChallenges you will face while creating responsive web designs more
Technical level: Intermediate
|
AC
Arpan CJ Best PracticesRecommended techniques Outline Defining Breakpoints: Creating sensible breakpoints more
Technical level: Intermediate
|
AC
Arpan CJ Responsive Web Design: advanced techniques for the present & futureCSS3 layout modules for the present & future Outline more
Technical level: Advanced
|
AC
Arpan CJ Responsive ModulesCreating Responsive self-contained modules of related content more
Technical level: Advanced
|
AC
Arpan CJ Mobile First NavigationOptimizing navigation for small screens Outline Simple Navigation: short list & long list more
Technical level: Advanced
|
AC
Arpan CJ Aside: CSS Layout libraries (lecture: 15 minutes)A short discussion of the advantages & disadvantages of a few layout libraries. more
Technical level: Advanced
|
AC
Arpan CJ Responsive Web Design patternsHow to implement a few common responsive web design patterns. more
Technical level: Advanced
|
AC
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
Technical level: Intermediate
|
AC
Arpan CJ Getting StartedDiving in by building a simple responsive layout with a fluid grid more
Technical level: Intermediate
|
Ps
Praveen s Proposing Creating and Testing a Single Page site for an Event or product launchAn end to end exercise would give some practical idea on what it takes to build a complete site like http://brck.com/ more
Technical level: Intermediate
|
Hosted by