View Source London

While as developers we’re now enjoying the ubiquity of modern browsers accessing the web, it’s the devices themselves that are now creating constraints we always need to consider. The issue with mobile isn’t "Old IE", but rather battery life, latency, memory and UI responsiveness. In this session we'll discuss best practices to make sure your site performs well, no matter how your user is accessing your content.

Most websites use downloadable fonts now, at least at a basic level. But with CSS Level 3 OpenType font features, the widely adopted WOFF format, Chromatic Fonts, and more recently OpenType variable fonts - a single font file that behaves like multiple fonts - the capabilities opening up for typography on the web are extraordinary. In this session, Chris Lilley shows us what's possible today, and in the near future.

Creating a design system is not an easy feat, but making sure it's implemented, maintained, and doesn't suffer a slow, painful and quiet ending can be an even less attainable achievement. How do you make sure your design system is kept alive and healthy? How can you encourage usage and participation? Let's look at some simple and interesting ways that you can put into practice today to make your design system flourish.

CSS Grid Layout launched into the majority of our browsers in 2017. As designers and developers have started to use Grid I’ve been answering a lot of questions about the specification. In this talk I’ll answer some of the common questions about Grid Layout in production - from dealing with old browsers to what might come next in CSS for layout. There will be plenty of practical tips for you to use in your projects today.

In an age when it seems everything is developed in JavaScript, using frameworks like Angular and React, what place is there for old fashioned HTML and CSS? Lea Verou has recently released Mavo, a project in development at MIT for two years. What is Mavo?

Mavo is a language that extends HTML to describe applications that manage, store, and transform data. With it, you can build complex applications declaratively, using just HTML and CSS. The spirit of the web, for the age of web apps.

Home automation should make our lives easier, but Echo can't make me coffee. We'll look at why you would chose JavaScript to hack the machine, what you need to do to take control of a coffee machine (without too many shocks), and what other things we can do with JavaScript and hardware. As we wrap up with a look at what's next, you'll be dreaming of the gadgets in your house that you can't wait to rip open and give an API.

Some of the very things that make JavaScript awesome can also expose it to security risks. This talk will look at these powerful features through an attacker’s eyes, show some real world vulnerabilities caused by them, and explain how you can protect yourself.

We'll exploit the vulnerabilities on a demo application to highlight their impact, and throughout provide concrete advice about how to keep your JS code secure.

Progressive Web App is a way to provide great experience on the web everywhere. This talk will go over 4 key aspects of PWA - Fast, Integrated, Reliable, and Engaging. Learn what kind of new capabilities are added to the web platform and start building apps that are on FIRE!

After the 2016 US Presidential Election, the technology industry sought technological explanations—and in some case hopeful solutions—to a political situation. Right now, voting machine certification is only tested against ~100 ballots. Knowing where to find relevant data while researching this issue sent Emily down the path to becoming an accidental activist, bearing witness to the tragedy in her home city in Charlottesville, Virginia. This talk will explore that journey, without losing focus on the issue that started it all.

In this talk Ada will show the fundamentals of making a WebVR scene with A-Frame. Showing how to put together an engaging scene which can be shared on the Web instantly, and viewed in any VR headset for Desktop or Mobile.

No recording available.