Workshops

This year we are running the following workshop on Wednesday August 31 2016 from 09:00 - 17:00 in collaboration with Smashing Magazine and Glen Maddern.

#1: Smart Responsive Design Patterns: Front-End & Performance

Vitaly Friedman, editor-in-chief of Smashing Magazine • Wednesday August 31st 2016 • Full-day workshop

With HTTP/2, Service Workers, Responsive Images, Flexbox, SVG, WAI-ARIA roles and Font Loading API now available in browsers, we all are still trying to figure out just the right strategy for designing and buildings responsive websites efficiently. We want to use all of these technologies and smart processes like atomic design, but how can we use them efficiently, and how do we achieve it within a reasonable amount of time?

In this full-day front-end workshop, Vitaly Friedman, editor-in-chief of Smashing Magazine, will be looking into a strategy for crafting fast, resilient and flexible responsive design systems by utilizing all of those wonderful shiny web technologies we have available today. We'll also talk about dealing with legacy browsers and will cover a few dirty little front-end techniques that might ensure that your responsive websites will stay relevant, flexible and accessible in the years to come.

This workshop will cover:

  • Content choreography, internationalization and localization issues
  • Layout techniques (flexbox)
  • Resolution independence (SVG)
  • Compressive images (optimization and techniques)
  • Responsive images (technical perspective)
  • Responsive iframes and media: audio, video (incl. subtitles)
  • Accessibility issues
  • Performant components (carousels, video etc.)
  • Deferring and lazy-loading JavaScript (techniques, tools)
  • Dealing with web fonts (options, strategy)
  • Performance issues/strategy (best practices + HTTP/2 + HTTPS + prefetching techniques)
  • Maintenance issues (e.g. dealing with legacy browsers)
  • Responsive HTML email newsletters
  • Tooling (performance, frameworks, testing, quality assurance)
  • (optionally) offline support/experience + debugging

The workshop is intended for intermediate/advanced designers and developers who have an understanding of responsive design and how it works. We won’t cover the basics — instead, the workshops covers more advanced techniques used in responsive design.

Venue and schedule

The venue and schedule will be announced soon. Location is gonna be central Copenhagen.

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. Just sit back, relax and get ready to learn.

Registration

We think workshops should be affortable, so we are able to offer this workshop for just 2.000 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 →

#2: Levelling up your CSS in React with Glen Maddern

Glen Maddern, co-creator of CSS Modules • Wednesday August 31st 2016 • Full-day workshop

In the last couple of years, React has had an immense impact on the front-end community. Not only has it demonstrated the strengths of component-driven UI development, it's also brought with it a profound change in tooling — from fully-embracing NPM to vastly more powerful build tools like Babel and Webpack. These ideas and technologies are quickly becoming the new standard — even if you're not working React itself.

But, for most of us, the way we write CSS hasn't changed all that much. Our favourite CSS tools & techniques were all developed for a vastly different workflow, where we needed strong conventions to avoid going off the rails. But if we build upon a more powerful foundation we can write CSS with much less effort while keeping it safe, legible and maintainable.

In this full-day workshop, Glen Maddern, co-creator of CSS Modules, will be demonstrating how to take the best bits of current CSS thinking and apply it to modern front-end tooling. And, more importantly, where tooling can eliminate whole classes of common bugs and maintenance dead-ends.

This workshop will cover:

  • The components of a "modern" CSS stack, optimising for both developer experience and production performance.
  • What Local Scope in CSS is and the particular problems it solves.
  • How ideas like BEM, SMACSS or Atomic CSS are still very relevant, and how to translate them CSS Modules & React.
  • The aspects of tools like Sass, LESS and PostCSS that we can safely leave behind, and some reasons to keep them in.
  • How locally-styled components can help improve communication within your team and increase people's confidence, particularly if they're not full-time front-end developers.
  • Building flexible, reusable components that let you build UI quickly but also cover the range of usages within a design system.
  • How choices in your CSS influence the design of your components, and vice-versa.
  • How to take advantage of Composition can let you deconstruct shared styles in a straightforward way.
  • Handling contextual styles such as media queries or optional styling such as component variations.
  • Some of the more advanced features of Webpack & React to produce high-performing output.
  • The use-cases when you might want to use inline-styles or a pure-JavaScirpt styling solution.

The workshop is designed for anyone who touches the CSS on your project — be that experienced front-end developers responsible for the overall architecture and health of the codebase, or those who just need to build a series of components within the existing frameworks in order to ship a feature. We'll be focussing on what makes CSS maintainable across a whole team, so it's great if everyone can participate.

Venue and schedule

The venue and schedule will be announced soon. Location is gonna be central Copenhagen.

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. Just sit back, relax and get ready to learn.

Registration

We think workshops should be affortable, so we are able to offer this workshop for just 2.000 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 →