Vitaly Friedman Vitaly Friedman Worshop Tour

ROMANIA WORKSHOP TOUR

Cluj-Napoca

CLUJ-NAPOCA

"SMART RESPONSIVE INTERFACE DESIGN PATTERNS"
May 10, 2019
DETAILS
Brasov

BRASOV

"SMART RESPONSIVE INTERFACE DESIGN PATTERNS"
May 13, 2019
DETAILS
Bucharest

BUCHAREST

"NEW ADVENTURES IN FRONT-END, 2019 EDITION"
May 15, 2019
DETAILS
Vitaly Friedman VITALY FRIEDMAN'S WORKSHOP

CLUJ-NAPOCA

May 10th, 2019, Full-day (9AM - 5PM)

VENUE: Betfair Romania Development
21 Decembrie 1989 Street, No. 77, The Office Building, Floor 4

Coffee Breaks and Lunch will be provided.

Ticket Price: 189 EUR (no VAT charged)

REGISTER NOW!

Online registrations are processed through Tito.io and PayPal, paid either through a PayPal account or with Credit/Debit Card. If you want to pay by Bank Transfer, please email us at hello@adaywith.ro.

Smart Responsive Interface Design Patterns

Are you ready for a design challenge? In this brand new workshop, Vitaly Friedman, editor-in-chief and co-founder of Smashing Magazine, will be taking a microscopic examination of common interface components and problems appearing in responsive user interfaces. In this workshop, we’ll be spending an entire day drawing and designing responsive interfaces, starting from accordions, to date/time pickers, sliders, feature comparisons, car configurators all the way to insurance calculators and trip planners.

The workshop is intended for intermediate/advanced designers and developers who have an understanding of responsive design and how it works.

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, instead, the workshop covers more advanced — and often obscure and innovative techniques.

WHAT WILL THE WORKSHOP COVER?

In this workshop, we’ll go hands-on into exploring:

  • Responsive art direction techniques and advanced layouts, with many inspiring and memorable examples,
  • Navigation, with mega-drop-downs, breadcrumbs, carousels, accordion and filters,
  • Builders, with a car configurator and mobile plan builder,
  • Forms, with email verification, password input, country selector, privacy issues, sliders and public transportation, and a banking transaction UI,
  • Date pickers, date range picker and a time picker, incl. booking an appointment and booking an airline ticket,
  • Tables, with a feature comparison table, currency exchange calculator, pricing plans,
  • Search, with autocomplete, filters, search results,
  • Calendars, with a multi-track schedule, TV Guide schedule, music festival schedule, exhibition calendar, spreadsheets and dashboard,
  • Audio/Video, with a video player UI and audio-based input,
  • Maps / Data Visualization, with a shopping mall map, election map, smart region input.
  • Timelines, with a historical timelines, soccer game signature and live leaderboard and standings,
  • Real-time experience with betting UI for soccer, poker and live video streaming,
  • Footnotes and sidenotes in magazine articles,
  • Seat selection, for a concert/theatre/exhibition and a perfect airplane check-in,
  • Responsive PDF for documents and restaurant menus,
  • Responsive upscaling, with eCommerce experience on large screens and article layout on large screens,
  • Design anti-patterns to avoid to prevent running into maintenance issues and “slow UX decay”.

WHAT HARDWARE/SOFTWARE DO YOU NEED?

You'll need to bring a lot of creativity with your preferred coffee mug. We’ll be spending a lot of time drawing, sketching, designing and thinking. Laptop is preferred but not absolutely necessary. You’ll need a lot of sleep reserves since it’s going to be a packed day. Bring a lot of attention to detail and non-standard thinking to this one! 😉
Vitaly Friedman VITALY FRIEDMAN'S WORKSHOP

BRASOV

May 13th, 2019, Full-day (9AM - 5PM)

VENUE: Hotel Bielmann
Republicii 133, Sânpetru, Brasov

Coffee Breaks and Lunch will be provided.

Ticket Price: 189 EUR (no VAT charged)

REGISTER NOW!

Online registrations are processed through Tito.io and PayPal, paid either through a PayPal account or with Credit/Debit Card. If you want to pay by Bank Transfer, please email us at hello@adaywith.ro.

Smart Responsive Interface Design Patterns

Are you ready for a design challenge? In this brand new workshop, Vitaly Friedman, editor-in-chief and co-founder of Smashing Magazine, will be taking a microscopic examination of common interface components and problems appearing in responsive user interfaces. In this workshop, we’ll be spending an entire day drawing and designing responsive interfaces, starting from accordions, to date/time pickers, sliders, feature comparisons, car configurators all the way to insurance calculators and trip planners.

The workshop is intended for intermediate/advanced designers and developers who have an understanding of responsive design and how it works.

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, instead, the workshop covers more advanced — and often obscure and innovative techniques.

WHAT WILL THE WORKSHOP COVER?

In this workshop, we;ll go hands-on into exploring:

  • Responsive art direction techniques and advanced layouts, with many inspiring and memorable examples,
  • Navigation, with mega-drop-downs, breadcrumbs, carousels, accordion and filters,
  • Builders, with a car configurator and mobile plan builder,
  • Forms, with email verification, password input, country selector, privacy issues, sliders and public transportation, and a banking transaction UI,
  • Date pickers, date range picker and a time picker, incl. booking an appointment and booking an airline ticket,
  • Tables, with a feature comparison table, currency exchange calculator, pricing plans,
  • Search, with autocomplete, filters, search results,
  • Calendars, with a multi-track schedule, TV Guide schedule, music festival schedule, exhibition calendar, spreadsheets and dashboard,
  • Audio/Video, with a video player UI and audio-based input,
  • Maps / Data Visualization, with a shopping mall map, election map, smart region input.
  • Timelines, with a historical timelines, soccer game signature and live leaderboard and standings,
  • Real-time experience with betting UI for soccer, poker and live video streaming,
  • Footnotes and sidenotes in magazine articles,
  • Seat selection, for a concert/theatre/exhibition and a perfect airplane check-in,
  • Responsive PDF for documents and restaurant menus,
  • Responsive upscaling, with eCommerce experience on large screens and article layout on large screens,
  • Design anti-patterns to avoid to prevent running into maintenance issues and “slow UX decay”.

WHAT HARDWARE/SOFTWARE DO YOU NEED?

You'll need to bring a lot of creativity with your preferred coffee mug. We’ll be spending a lot of time drawing, sketching, designing and thinking. Laptop is preferred but not absolutely necessary. You’ll need a lot of sleep reserves since it’s going to be a packed day. Bring a lot of attention to detail and non-standard thinking to this one! 😉
Vitaly Friedman VITALY FRIEDMAN'S WORKSHOP

BUCHAREST

May 15, 2019, Full-day (9AM - 5PM)

VENUE: Tech Hub Bucharest
39-41 Nicolae Filipescu, Bucharest

Coffee Breaks and Lunch will be provided.

Ticket Price: 189 EUR (no VAT charged)

REGISTER NOW!

Online registrations are processed through Tito.io and PayPal, paid either through a PayPal account or with Credit/Debit Card. If you want to pay by Bank Transfer, please email us at hello@adaywith.ro.

New Adventures in Front-End, 2019 Edition

With HTTP/2, Service Workers, Progressive Web Apps, Responsive Images, Flexbox, CSS Grid Layout, 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 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 techniques that might ensure that your responsive websites will stay relevant, flexible and accessible in the years to come. Beware: you won’t be able to unlearn the things that you’ll learn in the workshop!

WHAT WILL THE WORKSHOP COVER?

In this workshop, we;ll go hands-on into exploring:

  • Component-based workflow and tooling,
  • Architecting and building pattern libraries and design systems,
  • Designing with Logic Fold using Custom Properties,
  • Layout techniques (Flexbox and CSS Grid),
  • Variable Fonts, and how to get started with them,
  • Image optimization techniques,
  • Web font loading strategy and options,
  • Deferring and lazy-loading JavaScript,
  • Dealing with 3rd-party content using IntersectionObserver,
  • Setting performance thresholds and budgets,
  • Performance optimization strategy (best practices + HTTP/2), including transition from HTTP to HTTPS,
  • Utilizing Service Workers for caching and better performance,
  • Maintenance issues and dealing with legacy browsers,
  • Common front-end challenges and solutions.

WHAT HARDWARE/SOFTWARE DO YOU NEED?

You'll need to bring a lot of creativity with your preferred coffee mug. We’ll be spending a lot of time drawing, sketching, designing and thinking. Laptop is preferred but not absolutely necessary. You’ll need a lot of sleep reserves since it’s going to be a packed day. Bring a lot of attention to detail and non-standard thinking to this one! 😉