Web Directions remixed 2022

Global, OnlineJanuary 14, 21, 28 2022

the best of Web Directions 2021

Day 1

  • January 14th 2022
  • 11:00am–3:00pm Sydney
  • 12:00pm–4:00pm London
  • 1:00pm–5:00pm New York

What's New In CSS 2021

Adam Argyle, Developer Advocate Google

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.

Container queries are (almost here)

Miriam Suzanne, Co-founder Oddbird

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.

Understanding display

Rachel Andrew, Freelance writer of words and code Independent

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.

Break time

,

Time for a quick break for a cup of coffee or tea. Chat to fellow attendees and speakers. Or visit one of our fantastic partners.

Specifying JavaScript

Yulia Startsev, Staff Software Engineer Mozilla

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.

Principles of Just-In-Time compilers.

Nicolas B. Pierron, Senior Software Engineer Mozilla

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.

Optional Chaining and Null Coalescing, a Golden Duo

Bramus Van Damme, Freelance Frontend Expert

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.

Rethinking the JavaScript ternary operator

James Sinclair, Senior Developer Atlassian

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.

The Third Age of JavaScript

Shawn Swyx Wang, Head of Developer Experience Temporal.io

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!

Day 2

  • January 21st 2022
  • 11:00am–3:00pm Sydney
  • 12:00pm–4:00pm London
  • 1:00pm–5:00pm New York

PWAs & Project Fugu: Closing The Relevance Gap

Alex Russell, Partner Program Manager Microsoft Edge

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.

Web app installs: Why, when, how

Penny McLachlan, Product Manager Chrome Web Platform, Google

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

Desktop PWAs. About time.

Diego González, Program Manager Microsoft Edge

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.

The State of Augmented Reality in the Web Platform

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

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.

Refreshment break

,

Need a quick breather? Or why not share your thoughts with others attending? We'll be back soon.

Set safer site defaults for today and tomorrow

Rowan Merewood, Developer Relations Engineer Chrome

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.

Introduction to cryptography on the frontend

Dan Draper, Founder & Chief Stashie CipherStash

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.

Eliminating XSS by adopting Trusted Types

Bjarki Ágúst Guðmundsson, Security Engineer Google

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.

Hardened JavaScript

Kris Kowal, Software Engineer Agoric

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.

The Art of Authentication & Authorization

Kim Maida, VP of Developer Relations Ionic

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.

Day 3

  • January 28th 2022
  • 11:00am–3:00pm Sydney
  • 12:00pm–4:00pm London
  • 1:00pm–5:00pm New York

The Latest on Measuring Web Performance

Patrick Meenan, Engineering Fellow Catchpoint

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.

Overview of the Core Web Vitals metrics

Annie Sullivan, Staff Software Engineer Google

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.

Optimizing the performance of third-party dependencies

Katie Hempenius, Front End Software Engineer Google

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.

Native Lazy Loading

Anton Ball, Front End Developer Doist

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.

Break time

,

Time for a quick break for a cup of coffee or tea. Chat to fellow attendees and speakers. Or visit one of our fantastic partners.

What you see is what I get

Léonie Watson, Director and co-founder Tetralogical

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.

Accessibility APIs: Where the magic happens!

Adem Cifcioglu, Co-Founder & Director of Accessible Technologies Intopia

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.

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

Hidde de Vries, Accessibility specialist hiddedevries.nl

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.

ARIA Spec for the Uninitiated

Gerard K. Cohen, Engineering Manager Twitter

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.

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+

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.

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.