MDN Browser Compatibility Data Florian Scholz @floscholz MDN web - - PowerPoint PPT Presentation

mdn browser compatibility data
SMART_READER_LITE
LIVE PREVIEW

MDN Browser Compatibility Data Florian Scholz @floscholz MDN web - - PowerPoint PPT Presentation

MDN Browser Compatibility Data Florian Scholz @floscholz MDN web docs MDN web docs is a collaborative, high quality web documentation site providing information about web technologies like HTML, CSS, JavaScript, Web APIs and HTTP.


slide-1
SLIDE 1

MDN Browser Compatibility Data

Florian Scholz @floscholz

slide-2
SLIDE 2

MDN web docs

MDN web docs is a collaborative, high quality web documentation site providing information about web technologies like HTML, CSS, JavaScript, Web APIs and HTTP. https://developer.mozilla.org 6+ million active users per month!

slide-3
SLIDE 3

MDN 2005: birth of the wiki & the community

slide-4
SLIDE 4

MDN 2010+: Increased focus on web docs

slide-5
SLIDE 5

MDN 2018

slide-6
SLIDE 6

Compatibility

slide-7
SLIDE 7

MDN compatibility tables

slide-8
SLIDE 8

Editing old MDN compatibility tables

slide-9
SLIDE 9

Problems with static tables

  • No mass-editing and adding
  • No central data store for internal/external re-use (and DRYing)
  • No validation of data points (browser versions, ...)
  • No pull requests or similiar to discuss changes first
  • No automation
  • Limited shared responsibilty from browser vendors to look after their data
slide-10
SLIDE 10

MDN Product Advisory Board

slide-11
SLIDE 11

MDN compatibility data

slide-12
SLIDE 12

File and data structure

slide-13
SLIDE 13

npm package

slide-14
SLIDE 14

Editing new MDN compatibility tables

slide-15
SLIDE 15

New MDN compatibility tables

slide-16
SLIDE 16

New MDN compatibility tables in French

slide-17
SLIDE 17

Open for future integrations

  • Editor plugins (Atom / Sublime / VS Code)
  • Compat linter
  • GitHub compat bot
  • Status sites

Talk to me about your ideas!

slide-18
SLIDE 18

Compat report by Eduardo Bouças

slide-19
SLIDE 19

Data insights

slide-20
SLIDE 20

Data insights – Firefox CSS properties evolution

CSS Logical Properties CSS Animations CSS Flexbox CSS Grid CSS Masks

slide-21
SLIDE 21

Help us to create a good data set

slide-22
SLIDE 22

Collaborate with us on this!

➔ fscholz@mozilla.com ➔ @floscholz ➔ WednesdayDoc events in London and Paris! ➔ @MozDevNet ➔ irc://irc.mozilla.org/mdn ➔ https://discourse.mozilla.org/c/mdn