Web Directions Conferences for web and digital professionals

End of Financial Year and your training budgets

The end of the financial year is a couple of weeks away (I’m not sure if that’s hard to believe because it feels like the year has been much longer or much shorter than that). If you have training budget that needs to be allocated for the year ending, Web Directions have a number of […]

Web Directions Code ’20 session spotlight–Performance versus security, or Why we can’t have nice things

Performant web sites are critical for your user’s experience. No doubt about that. But keeping our users’ information private and secure is similarly critical to maintain their trust in the web platform and keep them around. Those two requirements are somewhat at odds.

There are many cases where performance optimizations ended up creating security or privacy holes. There are also many cases where privacy and security restrictions introduce significant performance overhead, or prevent us from getting access to performance-critical information in the wild.

In this talk, we’ll discuss different examples outlining this tension, dig deeper into them, understand the underlying principles behind the web’s security model, and hopefully agree that we need both a performant and safe web to keep our users happy.

Web Directions Code ’20 session spotlight–Escape the box with Houdini

CSS is a powerful technology for styling web content, with one significant drawback (no not specificity). We’re restricted to the styling primitives built into the language (and browser), which relies on others to specify and implement them, and can take years.

Well, until now. Enter Houdini.

Houdini is a set of lower level APIs that allow us to essentially create our own visual style, layout, and animation properties for CSS. Sounds like magic? That’s why it’s called Houdini.

In this presentation creative developer Ruth John will show us how the illusion is created.

Web Directions Code ’20 session spotlight–Prefers Reduced Motion

Back when we were kids, we used to have fun browsing the web, it was a magical playground full of colours, moving parts and games. Now we see browsing as a reluctant job to be done; finding a house, searching a recipe. Utilising modern web technologies like CSS and JS libraries, I want to take listeners through an educational journey on how to bring a small level of delight to our consumer’s experience on the web using animation; including the principles of animation, and how and when to implement them responsibly.

Web Directions Code ’20 session spotlight–Fugu and the Future of the Web Platform

Progressive Web Apps–Web sites that can progressively turn into app like experiences and be installed on your devices–were introduced to the world at this very conference in 2015, by Alex Russell.

PWAs now also work on desktop systems, but usually desktop applications have different requirements as they are usually used for creating, in contract to consumption on mobile. As a user you want to be able to access your files, copy paste without issues, not having the screen turn off while giving a presentation, you want access to printers and other devices, access to local fonts. The list goes on! Currently most of those things are only available to native apps and are not things you want your random web sites to have access to. Project Fugu is the project to extend the web with more native like capabilities in a way that is safe and understood by the users. Join this talk to learn more about the exciting things we are working on as part of Project Fugu.

Moving back our 2020 events

Currently, much of our industry, and the world, is rightly focussed on the issues of justice and equality being raised by the Black Live Matter movement and protests in the US, and all around the world. Now is the time we’d usually be ramping up messaging around Code://Remote, but to be honest this simply doesn’t feel […]

My COVID19 Test–an impressive experience–until we get to the results

[I’m mindful at a time where so many around the world are making their voices heard about the treatment of people of colour and indigenous people everywhere this post may seem a little self indulgent. Hopefully there’s some timeliness and value in recounting my experience this week of how the results of my daughter’s and […]

Web Directions Code ’20 session spotlight–The State of Web Components.

A decade in the making, Web Components, a standardized set of technologies allowing us to allowing to create reusable custom elements are now widely supported in modern browsers.

In this presentation Ana Cidre will take a look at the overall architecture and some common use cases and patterns to get you started now Web Components are a viable option.

Web Directions Code ’20 session spotlight–Welcome to the Layouts of the Future!

Historically, layout on the web has been quite difficult. Developers have relied on third-party tools, like Bootstrap, and media queries based on “average” device sizes. Today, however, the web is available on an increasingly large range of devices – everything from your watch to your fridge! We are reaching the limits of what these tools can handle.

The good news is that CSS has you covered now! Modern CSS contains a number of properties that support responsive designs natively. We’re going to have a look at CSS columns, flexbox and grid. We’ll take a quick look into how each works individually. And then we’ll learn how we can combine them to create truly flexible layouts, that work across a huge range of devices, without relying on device-based breakpoints.

Web Directions Code ’20 session spotlight–The Art of CSS

CSS syntax, like the box-model, flex, and grid is relatively easy to learn, or at least lookup. But CSS semantics, like when to apply the cascade, inheritance, or custom properties is an art form. And to master this art form, we first need to understand them.

Web Directions Code ’20 session spotlight–Asynchronous and Synchronous JavaScript. There and back again.

Callbacks… Callbacks everywhere… Callback inside the callback, and one more inside! Asynchronous JavaScript code is a pain. Event loop is a JavaScript “bigfoot” – everyone heard about it, almost nobody knows how it works… There is multiple ways you can deal with the asynchronous action: callbacks, Promises, Observables, async-await; but which one is best? Which one should you choose for the particular scenarios?

Web Directions Code ’20 session spotlight–Specifying JavaScript

A language like JavaScript, with a large diverse user space, is half designed, and half reverse engineered. Like all web standards, JavaScript is developed in conjunction with the realities of the web and user decisions in how the language is used and formed.

This results in unique backwards compatibility issues such as the recent smooshGate discussion. These cannot be ignored in the standardization process, even when better alternatives exist. This talk will discuss constraints, mediation strategies and issues that have arisen from the proposal process introduced by the TC39, and the unique challenge of introducing formalist methods to a language that has been developed in such a manner.

We make events for the professionals shaping the digital future

Learn more about us

I have yet to have an end-to-end conference experience that was as professional as what was provided by Web Directions

Joe Toscano Founder, designgood.tech

Join us in 2019:

  • Web Directions Code://remote 2020

    A global remote-only conference for JavaScript Developers and Front End Engineers.

    Exclusively Online September 2020

  • Web Directions Product://Remote Design & Management 2020

    A global remote-only conference–product design and product management.

    Exclusively Online November 2020

  • Web Directions Summit 2021

    A conference for the whole digital team–featuring product, design, front-end dev, and new people/talent/culture tracks.

    Sydney See you in 2021