Web Directions remixed 2022

Global, OnlineJanuary 14, 21, 28 2022

the best of Web Directions 2021

Register for Remixed '22–it's Free

Remix '22 is free. Just complete this form and you'll be all set to go in January 2022–And why not follow us on Twitter?

About Web Directions Remixed

In 2020, we brought our long running, highly regarded, in-person conferences online, with an innovative format, and our own tailor-made platform. In 2021, we doubled down on online, creating 6, highly focussed, in-depth conferences for front end professionals.

Now, we're bringing the best of these 6 2021 conferences to you, for free! Just register, and set aside some time in January 2022. We'll cover CSS, JavaScript, Performance, Accessibility, PWAs, Security, Privacy and much more.

Who's it for?

Remixed is for web and front end developers, engineering managers, CTOs–everyone responsible for developing web sites and applications.

In depth knowledge

All Web Directions conferences feature in-depth knowledge from real world experts. Some you'll know, many you won't, but all bring a world of experience and knowledge.

speakers and audience
  • 18+ Transformational speakers
  • 12+ Hours of content
  • 3 Deep sessions
  • 1 Extraordinary Conference

Web Directions Summit 2022

Our legendary Web Directions Summit returns in-person, December 1 and 2 in Sydney, bigger and better than ever.

In 2022, we'll feature brand new React Ecosystem, Junior Dev and Content Strategy/Design tracks alongside our long running front end dev, design, and product tracks.

Learn More

Web Directions Conffab

Over 600 presentations from 450 world leading experts at 32 conferences…and counting

All for $19.95 per month.

Or, get access to all our online events throughout the year as part of a Conffab Premium membership, for just $59.95 per month.

Register Now Learn More

Re-imagined as remote-only

In response to the unique challenges of COVID-19 we transformed our conferences into remote only events. But we wanted to go way beyond what most online events deliver.

Most online conferences run just like in-person conferences–one or two jam-packed days, of live streamed presentation. But with so many folks working remotely, and spending so much of their day in front of a screen we felt it was imperative to rethink this, and do something differently.

Remixed takes place over 3 consecutive Fridays in January 2022. Each runs session for around 4 hours, and each runs 3 times–so wherever you are in the world, you can participate along with your peers, from the comfort of your own home (or maybe even your office).

With a focus on highly engaging, expertly filmed and edited, screen-oriented presentations, alongside spaces to connect, communicate and keep in touch with everything around the conference, you'll be immersed as if you were there–maybe even more so.

small screenshot of our conffab live conference platform

Extraordinary speakers

Hear from these world leading experts across the breadth of front end development.

The Code–CSS and JavaScript

January 14th

Week one of Remixed covers new and emerging JavaScript language features of CSS and JavaScript, with sessions from our Hover and Global Scope conferences.

Adam Argyle

Adam Argyle Developer Advocate Google

What's New In CSS 2021

From risky and may never be in your browser, to stable and just released yesterday; follow Adam as he strolls through proposals, specs and supporting tools for all the this new CSS hotness.

Read More

Miriam Suzanne

Miriam Suzanne Co-founder Oddbird

Container queries are (almost here)

Over the last decade Object-Oriented & Responsive design have become the norm – with tools like Flexbox, Grid, intrinsic sizing, and aspect-ratio giving us even more layout control. CSS has always been designed for a responsive web, but that goalpost can shift over time. Now several new CSS proposals like Container Queries, Cascade Layers, Scoped Styles, and Nesting are all aimed at improving the way we write responsive components and design systems.

Read More

Rachel Andrew

Rachel Andrew Freelance writer of words and code Independent

Understanding display

CSS Layout is all about boxes. We know that some boxes are blocks, and others are inline, and we can change the display type of elements by changing the value of the display property. That property holds the key to much more than this, however. It is the foundation on which all layout is built; the core of the inbuilt CSS layout system. Learning Grid Layout, or Flexbox, without understanding Display, leaves you with a wobbly foundation and more questions than answers.

The real question isn’t “Should I use Grid or Flexbox?” but instead, “How do I want these boxes to behave?” Understanding the interaction between layout methods will enable you to easily create fallbacks for older browsers, and be able to make more informed decisions when deciding how to build any part of your design, big or small.

Read More

Yulia Startsev

Yulia Startsev Staff Software Engineer Mozilla

Specifying JavaScript

Language specification can be a bit of a mystery. This talk will introduce the stages of the TC39 process for introducing a new language feature to JavaScript, and some high level concerns around our design process.

Read More

Nicolas B. Pierron

Nicolas B. Pierron Senior Software Engineer Mozilla

Principles of Just-In-Time compilers.

JavaScript gets faster as it executes! Just-In-Time (JIT) compilers are used in all major JavaScript engines to improve the speed, but how do they work? By understanding the principles of JIT compilation, web developers have the opportunity to optimize their code.

Read More

Bramus Van Damme

Bramus Van Damme Freelance Frontend Expert

Optional Chaining and Null Coalescing, a Golden Duo

Part of ES2020 are the Optional Chaining and Nullish Coalescing Operators. By combining these two we can make our code more robust, and also shorten it along the way. This talk takes a look at when and how we can use these two exciting ECMAScript features.

Read More

James Sinclair

James Sinclair Senior Developer Atlassian

Rethinking the JavaScript ternary operator

Lots of people treat the ternary operator with suspicion. At first glance, ternaries appear unnecessary. Nothing more than a tool for the overly-clever to trim some characters from their code; a favourite hack for coders who don’t care about readability. And sure, it’s all too easy to turn ternaries into an indecipherable mess. But what if we’re missing something? What if there's more to ternaries than meets the eye?

We’ll take a deep look at what makes a ternary different from an if-statement. And we’ll explore ways to write safer conditionals. Finally, we’ll examine the do-expression TC39 proposal and explore how it might help the situation.

Read More

Shawn Swyx Wang

Shawn Swyx Wang Head of Developer Experience Temporal.io

The Third Age of JavaScript

The way we write JavaScript is poised for dramatic change in the 2020's. Here's why: the slow death of IE11 and rollout of ES Modules will converge toward a new generation of JavaScript tooling. These tools are faster, typesafer, and polyglot, leading to both a better developer and user experience. Change is afoot!

Read More

PWAs and security

January 21st

Week two of Remixed will cover the latest in Progressive Web Apps, and security for Web apps

These sessions are taken from our Code and Safe conferences

Alex Russell

Alex Russell Partner Program Manager Microsoft Edge

PWAs & Project Fugu: Closing The Relevance Gap

Chromium's Project Fugu is an open collaboration to push the capabilities of the web platform forward through standards. When combined with Progressive Web Apps, we're approaching a point where whole classes of applications that were previously exclusive to native apps are coming to market on the web. This talk digs into the what, but also the why, of this huge expansion of power for web developers.

Read More

Penny McLachlan

Penny McLachlan Product Manager Chrome Web Platform, Google

Web app installs: Why, when, how

One of the promoses of PWAs is installability-but how can developers best ensure users install their PWA, and manage the installation process? In this presentation Penny McLachlan will cover

  • What the 'install capability' unlocks for users
  • use cases that are typically suitable for installed web apps, and why & how not to annoy users by forcing them to install
  • When to ask the user to install for common use cases (and when not to!)
  • Patterns to use to promote installable web apps without being annoying
  • How to trigger the install prompt and measure interactions

Read More

Diego González

Diego González Program Manager Microsoft Edge

Desktop PWAs. About time.

It’s 2021. Long gone are the times where a PWA was only a shortcut in a user’s home screen. PWAs play nicely with desktop environments. It’s about time. The presentation goes through cutting edge features and APIs that allow a PWA to integrate seamlessly with a desktop OS. To demo this, we go through a purpose built PWA that utilizes existing and experimental features that can provide a delightful UX, all powered by the web platform.

Read More

Ada Rose Cannon

Ada Rose Cannon Developer Advocate, co-chair Samsung Internet, W3C Immersive Web Groups

The State of Augmented Reality in the Web Platform

The WebXR API can be used to make VR and AR capable websites this talk will introduce some of the newer augmented reality features and how to use them.

Read More

Rowan Merewood

Rowan Merewood Developer Relations Engineer Chrome

Set safer site defaults for today and tomorrow

The web has a history of being an over-sharer. Original defaults tended to allowing everything—with restrictions needing to be explicitly added by the site. Newer APIs follow the principle of least privilege, so that's better, but still have the challenge of maintaining backwards-compatibility leaves sites with a lot of responsibility to create a safe experience for visitors.

We'll explore how the platform is moving to safer defaults—from phasing out third-party cookies, removing passive fingerprinting surfaces, and enforcing cross-origin isolation. Alongside these ongoing efforts, we'll also go through the changes you can make today to protect your site—from improving cookie usage to locking down your third-party interactions. We will also explore some patterns for balancing appropriate collection of user information with protecting those same users from phishing or other forms of fraud.

Read More

Dan Draper

Dan Draper Founder & Chief Stashie CipherStash

Introduction to cryptography on the frontend

Cryptography forms the backbone of how we securely use information online, but most developers don’t have more than a surface level understanding of cryptography. What's more, cryptography is so easy to mess up - even the experts get it wrong!

In this talk, attendees will learn about the basic cryptographic algorithms, how to use cryptographic libraries correctly (and what to avoid), what common attacks you should be thinking about, and what emerging web cryptography technologies you should be paying attention to.

Read More

Bjarki Ágúst Guðmundsson

Bjarki Ágúst Guðmundsson Security Engineer Google

Eliminating XSS by adopting Trusted Types

Year after year, Cross-Site Scripting (XSS) continues to be the most expensive type of web vulnerability found in bug bounty programs. The most common variant of XSS occurs on the client side, when untrusted user input is passed to dangerous DOM APIs. Trusted Types is a novel web browser API designed to eliminate DOM-based XSS. It locks down dangerous DOM sinks, asking developers to prove that input is safe by using an appropriate security policy to avoid triggering a Trusted Types violation.

In this talk we show how web applications can significantly strengthen their security posture against DOM-based XSS by adopting Trusted Types, as well as the steps required to identify, fix, and prevent future Trusted Types violations.

Read More

Kim Maida

Kim Maida VP of Developer Relations Ionic

The Art of Authentication & Authorization

Authentication and authorization are daunting topics for many developers. Open standards for auth are well defined, but challenging to understand; OAuth, OIDC, JWT, IETF, PKCE?! I'll demystify the specs and concepts step-by-step, giving you the knowledge you need to tackle auth in your front-end apps.

Read More

Kris Kowal

Kris Kowal Software Engineer Agoric

Hardened JavaScript

Running other people's code is dangerous and some people will even tell you that you shouldn't do it. I'm here to tell you that actually, you can run other people's code safely. The solution is hardened JavaScript.

Read More

Perfomance and Accessibility

Friday January 28th

Our final week focusses on key areas of practice we covered at Lazy Load and Access All Areas. First up performance, then to finish, accessibility.

Build the fastest, most inclusive sites and apps with technologies and techniques we cover this week.

Patrick Meenan

Patrick Meenan Engineering Fellow Catchpoint

The Latest on Measuring Web Performance

Patrick is going to explore the current state of web performance measurement, both in a lab (synthetic) environment and from real users (RUM). There has been a lot of exciting advancement in this space with Google's Core Web Vitals and evolving of other metrics over the years.

We will also explore how synthetic and RUM data complement each other and when each is most appropriate to use.

Read More

Annie Sullivan

Annie Sullivan Staff Software Engineer Google

Overview of the Core Web Vitals metrics

The Core Web Vitals provide unified guidance that is essential to delivering a great user experience. Annie will talk about why and how these metrics were developed, how you can measure them on your site, and how they fit into the bigger picture of a product's user experience.

Read More

Katie Hempenius

Katie Hempenius Front End Software Engineer Google

Optimizing the performance of third-party dependencies

Third-party dependencies play an important role on most websites. This talk will discuss techniques that you can use to better understand, measure, and optimize your usage of third-party code.

Read More

Anton Ball

Anton Ball Front End Developer Doist

Native Lazy Loading

A conference called Lazy Loading must feature a talk on lazy loading! With native lazy loading introduced in Chrome 77 and other browsers following suite, now is a fantastic time to refresh on what's available today.

We are going to look at how and where native lazy loading can be used, potential gotchas and how it can help improve your site performance both with images and JavaScript alike. You'll come away from this talk with more knowledge on lazy loading even though the property appears deceptively simple at first glance.

Read More

Léonie Watson

Léonie Watson Director and co-founder Tetralogical

What you see is what I get

Ever wondered how screen readers do what they do? Ever wondered what screen readers actually do come to think of it?

Who uses them? What do they sound like? Where do they get their information from? What is it with screen readers and punctuation? And what exactly does my code have to do with it anyway?

Find out all this and more in What You See Is What I Get - one screen reader user's explanation of how it really works.

Read More

Adem Cifcioglu

Adem Cifcioglu Co-Founder & Director of Accessible Technologies Intopia

Accessibility APIs: Where the magic happens!

Are you coding for accessibility? Have you ever wondered how the accessibility information of the elements you've used and components you're building is exposed to assistive technologies, or why every accessibility person ever says: “Use native elements!”?

With this talk I aim to fill in the blanks by discussing how the Accessibility APIs work together with HTML elements, WAI ARIA and the Accessibility Tree to make the magic happen by extracting accessibility information from web interfaces and presenting it to assistive technologies.

Read More

Hidde de Vries

Hidde de Vries Accessibility specialist hiddedevries.nl

More to give than just the div: semantics and how to get them right

Shared semantics is the web's killer feature that allows developers create accessible experiences. In this talk, Hidde dives into the meaning of semantics (no pun intended), how it improves your site, specific gotchas and the future.

Read More

Gerard K. Cohen

Gerard K. Cohen Engineering Manager Twitter

ARIA Spec for the Uninitiated

Specs are usually not very fun, but I have learned that reading the ARIA specs is important to fully understand all the various options that are available. In this presentation, I will walk you through the ARIA spec and show you how to make the most out of it to create custom components with ARIA.

Read More

Attend your way

Attend Remixed online for free, or as part a membership to our comprehensive conference platform, Conffab.

Conffab features hundreds of conference videos from our conferences, and other great conferences around the world.

Conffab Premium

  • Remixed conference

  • all 2022 online conferences live

  • all 2022 conference videos

  • Conffab presentation library

  • $595 annually
  • $59 monthly

Remixed+

  • Remixed conference

  • Remixed conference videos

  • Conffab presentation library

  •  
  • $195

Remixed classic

  • Remixed conference

  • Remixed conference videos

  •  
  •  
  • Free

Remixed Conference
January 2022

  • 3 in-depth sessions
  • 12+ hours of content
  • World Leading experts
  • Hallway Track
tick to indicate this is included tick to indicate this is included tick to indicate this is included

Remixed Conference Videos

All the Remixed conference sessions to catchup, captioned, transcribed and more

tick to indicate this is included tick to indicate this is included tick to indicate this is included

Conffab Presentation Library

1 year access to our growing library of hundreds of conference presentation videos from world leading conferences

tick to indicate this is included tick to indicate this is included

All 2022 online Web Directions conferences

Access to all 6 scheduled online Web Directions conferences in 2022–75+ hours of content.

tick to indicate this is included

Find the conference pass for you

Attend your way

Attend Remixed online, or as part a membership to our comprehensive conference platform, Conffab.

Conffab features hundreds of conference videos from our conferences, and other great conferences around the world.

Conffab Premium

  • Remixed conference

  • all 2021 online conferences live

  • all 2021 conference videos

  • Conffab presentation library

  • $595 annually
  • $59 monthly

Conffab Premium

Remixed+

  • Remixed conference

  • Remixed conference videos

  • Conffab presentation library

  •  

  • $195 early bird

Register Remixed+

Register for Remixed '22–it's Free

Remix '22 is free. Just complete this form and you'll be all set to go in January 2022–And why not follow us on Twitter?

Our family of world leading front end developer conferences

Web Directions hover 2022

The conference CSS deserves

Online, globallyApril 2022

Learn More

Web Directions lazy load 2022

a conference on front end performance

Online, globallyMay 2022

Learn More

Web Directions global scope 2022

a conference all about JavaScript

Online, globallyJuly 2022

Learn More

Web Directions Code 2022

a conference on progressive web apps and web platform

Online, globallySept 2022

Learn More

Web Directions aaa 2022

accessibility engineering for front end developers

Online, globallyOct 2022

Learn More

Web Directions Safe 2022

privacy, security, identity for front end developers

Online, globallyDecember 2022

Learn More

Web Directions remixed 2023

The best of 2022, remixed, and free!

Online, globallyJanuary 2023

Learn More

Partners

We work closely with our partners and their technologies to deliver world leading online conferences.

Contact us for more on how we work can work with you to help you be even more awesome.

Praise for past Web Directions events

Phil Whitehouse
Web Directions is the must-attend event of the year for anyone serious about web development.

Phil Whitehouse,
Innovation Lead DigitasLBi

Ethan Marcotte
I’ve been admiring the Web Directions events for years, and was honored to be part… What a fantastic event!

Ethan Marcotte,
inventor "responsive Web design"

Dave Greiner
Out of any conference, Web Directions is far and away our favourite

Dave Greiner,
founder Campaign Monitor

About Us

Co-founded and now run by John Allsopp, Web Directions has for over 15 years brought together leading developers, engineers, visual, IxD, UX and product designers, Art and Creative Directors, product managers indeed everyone involved in producing web and digital products to learn from one another, and the World's leading experts across this vast field.

We spend our lives thinking about what comes next, keeping up with trends in technology, practices and processes, and filtering the hype, to make sure you don't miss trends that matter, and don't waste time on hype that doesn't.

We promise attending one of our events will leave you significantly better versed in the challenges you face day to day, and in solutions for addressing them.

Due to the COVID-19 pandemic, we're switching things up a bit for 2020, 2021 (and beyond). We're delivering 6 highly focussed front end development conferences online.

And, our annual extravaganza, Web Directions Summit retns to Sydney in December 2022, bigger and better than ever.

vignettes from our events, social, speakers and more. Includes Hannah Donovan skylarking.

John Allsopp

John Allsopp has been working on the Web for nearly 30 years. He's been responsible for innovative developer tools such as Style Master, X-Ray and many more. He's spoken at numerous conferences around the World and delivered dozens of workshops in that time as well.

His writing includes two books, including Developing With Web Standards and countless articles and tutorials in print and online publications.

His "A Dao of Web Design" published in 2000 is cited by Ethan Marcotte as a key influence in the development of Responsive Web Design, who's acclaimed article in 2010 begins by quoting John in detail, and by Jeremy Keith as "a manifesto for anyone working on the Web".

Code of Conduct

For over a decade, we've worked hard to create inclusive, fun, inspring and safe events for the Web Industry.

As part of our commitment to these values, we've adopted a code of conduct for all involved: ourselves, our speakers, our partners and our audience.

If you have any concern or feedback, please don't hesitate to contact us.