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 […]
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.
Full session details coming soon
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.
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.
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.
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 […]
[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 […]
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.
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.
HTML didn’t stop at version 5 and it continues to evolve. Chris Lienert will review a number of HTML elements and attributes that are new and (somewhat!) ready to be used.
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.
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.
In this presentation Mejin Leechor will show us how they work, and why you should be using them.