Smart Responsive Design Patterns & Front-End Techniques

vitaly-friedman

Full-day workshop • June 16th
In this full-day workshop, Vitaly Friedman, editor-in-chief of Smashing Magazine, will present practical front-end and UX techniques, clever tricks and useful strategies you need to be aware of when working on any responsive design project. Most techniques are borrowed from mid-size and large-scale real-life projects, such as large e-commerce projects, online magazines and Web applications.

The workshop provides a comprehensive overview of smart responsive design patterns, advanced front-end techniques, clever UX patterns, optimization for critical rendering path and robust performance tricks — a treasure of actionable, hands-on takeaways to apply in your project. We'll be looking at many case studies and real-life examples of projects using these techniques effectively today.

In this workshop, you'll learn:

  • Effective tools and techniques that can support and enhance your personal workflow when working on any responsive design project,
  • Front-end strategies for scalable, resolution-independent graphics and maintainable CSS code, e.g. with SVG and Flexbox,
  • Responsive design patterns and innovative approaches to designing "responsive modules" such as tables, calendars, multi-level menus, maps, web forms and complex UIs,
  • Testing, debugging and maintenance techniques for responsive sites as well as lessons learned from Smashing Magazine's own redesign and performance optimizations, e.g. with HTTP/2,
  • How to manage legacy browsers and deal with Internet Explorer <= 10 in responsive projects,
  • Technical issues (and solutions) for responsive advertising and responsive email newsletters,
  • How to optimize responsive websites for better offline UX (using Service Workers) and accessibility,
  • How the design processes should adapt in terms of the project management, deliverables, performance budgets, team organisation and strategy.

This workshop is intended for professional designers, developers and everybody else who is dealing with responsive design regularly or wants to better understand responsive design in general. You should at least be familiar with some basics of responsive design, HTML5 and CSS.

What hardware/software do you need?

To get the most out of the workshop, you'll need to bring a laptop with your preferred text editor — but it's not necessary. What is necessary though is enough sleep beforehand — it's going to be quite a day.


Location

Microsoft Technology Center
11 Times Square, 7th Floor
(Between 41st & 42nd Streets on 8th Ave.)
New York, NY, 10036
Google Maps

Schedule for Thursday, June 16th

8:30 – Doors open, Registration
9:00 – Introduction & Kick-off
11:00 – Coffee Break
12:30 – Lunch
1:30 – Afternoon Session
3:00 – Coffee Break
5:00 – The End, Networking

On the Web
http://smashingmagazine.com
On Twitter
@smashingmag
Workshop includes
  • Snacks and drinks during the whole day
  • Tea and coffee
  • Lunch
  • Paper and pen/pencil

Sponsors & Partners