Google I/O 2016 Highlights

Keynote

Keynote

(mostly) by Sundar Pichai

• Google Home
• Allo
• Duo
• Firebase 2.0
• Instant Apps

Web and Chrome at Google I/O 2016

High Performance Web UI

High Performance Web UI

by Paul Lewis

• Promote elements that you intend to animate; use sparingly.
• Stick to transform & opacity changes wherever possible.
• Use FLIP to remap expensive properties to transforms

Web Performance Tooling

Web Performance Tooling

by Paul Irish and Sam Saccone

• Goto anywhere pane
• Timeline: group by domain
• CPU throttling
• Block requests by domain
• Debug Node.js with Chrome Dev Tools

Building the Google I/O Web App

Building the google I/O Web App

by Eric Bidelman

• Polymer
• Firebase
• Service Workers
• Google Analytics

Mythbusting HTTPS

Mythbusting HTTPS: Squashing security’s urban legends

by Emily Stark

• HTTPS isn't for sensitive data only
• HTTPS is not slow: HSTS, TLS False Start, TLS Session Resumption, HTTP/2 multiplexing, HTTP/2 server push
• HTTPS is not expensive
• HTTPS may have vulnerabilities, but it's better than nothing
• Third-party "insecure content" issues can be addressed

Great libraries and tools for great Progressive Web Apps

Great libraries and tools for great Progressive Web Apps

by Mat Scales

• Use high-level abstractions built
  on top of Service Workers:
  sw-toolbox and sw-precache
• Go through SW checklist with lighthouse
• Use Chrome Dev Tools' Application tab to investigate App Manifest, reload SW, clear all storage and more

Accessibility is My Favorite Part of the Platform

Accessibility is My Favorite Part of the Platform

by Rob Dodson

• A11y affects much more people than you might think (spoiler: 1 billion)
• In doubt? Consult a checklist: WebAIM's WCAG 2.0 Checklist
• Don't fight the platform! (And use native elements)
• Or at least check the best practices: WAI-ARIA 1.0 Authoring Practices
• Psst, wanna some MOOC? http://g.co/WebA11yCourse

Building
for billions
on the web

Building for billions on the web

by Tal Oppenheimer

• Mobile market is growing faster than desktop
• Fastest-growing regions are China, India, Bangladesh and so on
• These regions often have poor connectivity and expensive traffic
• Progressive Web Apps outsmarts Native Apps in these conditions
• Btw, you could measure bandwidth via navigator.connection.downlinkMax

Fast and resilient web apps: Tools and techniques

Fast and resilient web apps: Tools and techniques

by Ilya Grigorik

• Performance is not a static characteristic
• Fast devices are often pretty slow
• The dynamic range of performance is increasing
• Devices continually migrate between 4G, 3G, 2G... and offline
• Offline is not an exception, it is notmal mode of operatio2n

The Mobile Web: State of the Union

The Mobile Web: State of the Union

by Rahul Roy-Chowdhury

• Progressive Web Apps is a huge leap forward (like AJAX)
• A bunch of success stories inside: The Washington Post, AirBerlin, Kayak...
• One-tap checkout and no-tap login will boost your conversion
• Push notifications are highly effective, you should try it

https://goo.gl/ZGw3mf