Welcome, reader!

Here are some useful links for you before you start:

repository for this slides (and more)notes (resources + some explanations)discuss on twitter #WebOnFIREor follow me @noel_macestay tuned for my next posts on dev.to
INTRO LECTEUR

Lighting F.I.R.E. in

Days Hours Minutes Seconds

The Web is on 🔥 F.I.R.E. 🔥

Deep-dive

Paris Open Source Summit
@noel_mace

Noël Macé

Noël Macé

Independent Dev Advocado 🥑 for the Web Platform

@noel_macein/noelmace
pwa
PWA

F.I.R.E.

Fast
Integrated
Reliable
Engaging
cleaning your mind after the party
World Wide Web Consortium
w3c logo
WHATWG
WHATWG logo
WICG
WICG logo
Ecma International, Technical Committee 39
TC39 logo
Internet Engineering Task Force
ietf logo

Integrators

Methodology

  1. watch drafts
  2. experiment prototype
  3. β feature origin trial
  4. release

tendencies

An integrated Web

The mini-infobar

interim experience

becomes annoying

Omnibox Button

Firefox Mobile

Patterns

Closing the App Gap

New Capabilities

🚀 Launched

Web Share Target

Async Clipboard API (images)

🚧 in flight

Badging API

Shape Detection API

Contact Picker API

Get Installed Related Apps API

Native File System API

Wake Lock API

An adaptive Web

darkness

prefers-color-scheme

Conditionally either load the light or the dark stylesheet. The matching file will be downloaded with `highest`, the non-matching file with `lowest` priority. If the browser doesn't support `prefers-color-scheme`, the media query is unknown and the files are downloaded with `lowest` priority (but above I already force `highest` priority for my default light experience).

prefers-color-scheme - variables

motion

prefers-reduced-motion - CSS

prefers-reduced-motion - JS

other media queries

prefers-reduced-transparency

prefers-contrast

prefers-color-scheme

scripting

light-level

forced-colors

A Modular Web

ES Modules

Can I Use es6-module? Data on support for the es6-module feature across the major browsers from caniuse.com.

One more thing...

@noel_maceposs19.wof.shownoelmace/slides-wof-confdev.to/noelmace