Most techniques are borrowed from mid-size and large-scale real-life projects, such as large eCommerce projects, online magazines and web applications. We won't cover the basics, but rather advanced and innovative examples of RWD in action.

In the workshop, we'll be taking a closer look at:

• Effective tools and techniques that can support and enhance your personal workflow when working on any responsive design project,
• An overview of clever practical techniques for improving UX of responsive sites incl. navigation and search,
• Responsive Design Patterns and innovative approaches to designing "responsive modules" such as mega-drop downs, tables, calendars, multi-level menus, maps, carousels and web forms,
• How to apply clever patterns such as improved off-canvas navigation, assistant pattern, smart URL design, priority+ pattern, vertical media queries, “view mode” approach, lazy loading, autocomplete, type-ahead search, filters, portrait/landscape orientation change, inventory-based sliders, the country selector and responsive iconography,
• How to craft delightful interfaces with smooth transitions, clever animations and improve perceived performance along the way,
• How to optimize responsive websites for better mobile UX, faster data input and higher conversion rates,
• Design anti-patterns to avoid when designing a responsive site to not run into performance issues and “slow UX decay”,
• How the design processes should adapt in terms of the project management, deliverables, performance budgets, team organization and strategy.

What hardware/software do you need?

You'll need to bring a lot of creativity with your preferred coffee mug.

Time & Location

This full-day workshop will be hosted at the SF State University — Downtown Campus and will take place before the two days of Smashing Conference. The workshop will be running from 9:00am to 5:00pm on Monday, April 3rd.

Save $100 when signing up for the conference and a workshop!