Workshop

This year, we are trying something new. The day before the conference, we are running a workshop, and we are so happy to be able offer this workshop in collaboration with Smashing Magazine.

Responsive Design: Clever Tips, Tricks And Techniques

Wednesday September 2nd 2015 • Full-day workshop

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

Schedule for Wednesday, September 2nd 2015

09:00 — Welcome, Breakfast, Coffee

09:30 — Design Workflow / Process

11:00 — Break: Coffee

11:15 — Navigation/Design Patterns

13:00 — Lunch Break

14:00 — UI Components + Flexbox + SVG

15:00 — Break: Coffee + Cake

15:15 — Responsive Images + Web Fonts

16:30 — Break: Coffee

16:45 — Performance Strategy + Q&A

17:30 — Finish

Things you'll learn

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.

The workshop has two main parts:

  • the first half of the day is dedicated to design/UX, the RWD workflow ("designing systems"), content choreography, design patterns, responsive components (tables, calendars, navigations, forms etc.) and delightful UX,
  • the second half covers technical considerations, front-end techniques, performance strategies and optimization for the critical rendering path.

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,
  • An overview of clever practical techniques for improving UX of responsive sites,
  • Front-end strategies for scalable, resolution-independent graphics and maintainable CSS code with SVG and icon fonts,
  • Responsive design patterns and innovative approaches to designing "responsive modules" such as tables, calendars, multi-level menus, maps and Web forms,
  • Clever performance tricks, smart lazy loading and dealing with Web fonts,
  • Testing, debugging and maintenance techniques for responsive sites as well as lessons learned from Smashing Magazine's own redesign in 2012,
  • Technical issues (and solutions) for responsive advertising and responsive email newsletters,
  • How the design processes should adapt in terms of the project management, deliverables, performance budgets, team organization 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.

Venue and location

This workshop will be hosted at Republikken, which is a 10min walk from the conference venue. We'll be at the venue from 8:30 in the morning, and we'll a light breakfast at 9:00.

Pratical things

What hardware/software do you need?

To get the most out of the workshop, you might want to bring a laptop but it's not absolutely necessary.

Will there be served food/drinks during the day?

Yup, we'll serve breakfast, coffee, lunch and cake for you. Sit back and relax.

Registration

We think workshops should be affortable, so we are able to offer this workshop for just 1.800 DKK + VAT, which we think is quite a scoop!

We have a limited number of seats, so grab a seat, while you can.


Register for this workshop →