What jQuery is Doing on Standards

Slide 1

Slide 1 text

Why do they matter? STANDARDS

Slide 2

Slide 2 text

■ Why should I care? ■ What is the process? ■ Status and Success Stories EXPECTATIONS.

Slide 3

Slide 3 text

WHY SHOULD YOU CARE?

Slide 4

Slide 4 text

THE FUTURE IS COMING.

Slide 5

Slide 5 text

0% 15% 30% 45% 60% 75% 90% 2006 2007 2008 2009 2010 2011 2012 IE6 IE7 IE8 IE9

Slide 6

Slide 6 text

0% 15% 30% 45% 60% 75% 90% 2006 2007 2008 2009 2010 2011 2012 IE6

Slide 7

Slide 7 text

0% 15% 30% 45% 60% 75% 90% 2006 2007 2008 2009 2010 2011 2012 IE7

Slide 8

Slide 8 text

0% 15% 30% 45% 60% 75% 90% 2006 2007 2008 2009 2010 2011 2012 IE8

Slide 9

Slide 9 text

0% 15% 30% 45% 60% 75% 90% 2006 2007 2008 2009 2010 2011 2012 IE9

Slide 10

Slide 10 text

2008 2009 2010 2011 2012 0% 10% 20% 30% 40% Firefox 2 Firefox 3 Firefox 3.5 Firefox 3.6 Firefox 5 Firefox 6 Firefox 11 Firefox 12 Firefox 13 Chrome 2 Chrome 3 Chrome 5 Chrome 6 Chrome 12 Chrome 13 Chrome 14 Chrome 18 Chrome 19

Slide 11

Slide 11 text

2008 0% 8% 15% 23% 30% Firefox 2 Firefox 3

Slide 12

Slide 12 text

2009 0% 10% 20% 30% 40% Firefox 2 Firefox 3 Firefox 3.5 Chrome 2 Chrome 3

Slide 13

Slide 13 text

2010 0% 10% 20% 30% 40% Firefox 3 Firefox 3.5 Firefox 3.6 Chrome 5 Chrome 6

Slide 14

Slide 14 text

2011 0% 10% 20% 30% 40% Firefox 3.6 Firefox 5 Firefox 6 Chrome 12 Chrome 13 Chrome 14

Slide 15

Slide 15 text

2012 0% 10% 20% 30% 40% Firefox 3.6 Firefox 11 Firefox 12 Firefox 13 Chrome 18 Chrome 19

Slide 16

Slide 16 text

SLOW TAIL. FAST PATH.

Slide 17

Slide 17 text

SLOW TAIL SHRINKING.

Slide 18

Slide 18 text

CUTTING EDGE GROWING.

Slide 19

Slide 19 text

CUTTING EDGE SPEEDING UP.

Slide 20

Slide 20 text

HOW DOES IT WORK?

Slide 21

Slide 21 text

IMPLEMENTORS. "Standards committees should not be the ones who get to invent the future"

Slide 22

Slide 22 text

IMPLEMENTORS AND INCREASINGLY LIBRARY AUTHORS.

Slide 23

Slide 23 text

SUGAR VS PRIMITIVES.

Slide 24

Slide 24 text

CONSENSUS.

Slide 25

Slide 25 text

WORKERS RULE THE ROOST.

Slide 26

Slide 26 text

Working Draft (WD) Last Call (LC) Candidate Recommendation (CR) Proposed Edited Recommendation (PER) Proposed Recommendation (PR) Web Standard Selectors API 2, Shadow DOM, File API, DOM4, HTML5 Selectors 1, Flexbox, WebSockets, IndexedDB, CSS Paged Media Resource Timing, Battery Status, Web Workers, Web Storage XSLT Geolocation, URI Fragments Selectors 3, DOM3, HTML4, CSS 2.1, Media Queries

Slide 27

Slide 27 text

FEEDBACK.

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Working Draft (WD) Last Call (LC) Candidate Recommendation (CR) Proposed Edited Recommendation (PER) Proposed Recommendation (PR) Web Standard Selectors API 2, Shadow DOM, File API, DOM4, HTML5 Selectors API 1, Flexbox, WebSockets, IndexedDB, Paged Media Resource Timing, Battery Status, Web Workers, Web Storage XSLT Geolocation, URI Fragments Selectors 3, DOM3, HTML4, CSS 2.1, Media Queries

Slide 30

Slide 30 text

Working Draft (WD) Last Call (LC) Candidate Recommendation (CR) Proposed Edited Recommendation (PER) Proposed Recommendation (PR) Web Standard Selectors API 2, Shadow DOM, File API, DOM4, HTML5 Selectors API 1, Flexbox, WebSockets, IndexedDB, Paged Media Resource Timing, Battery Status, Web Workers, Web Storage XSLT Geolocation, URI Fragments Selectors 3, DOM3, HTML4, CSS 2.1, Media Queries

Slide 31

Slide 31 text

MAILING LISTS.

Slide 32

Slide 32 text

PUBLIC-WEBAPPS. PUBLIC-HTML. WWW-STYLE. (ES-DISCUSS).

Slide 33

Slide 33 text

COMPLAINTS

Slide 34

Slide 34 text

MOTHERFUCKER I WANT A GRID!

Slide 35

Slide 35 text

LAYOUT SUCKS!

Slide 36

Slide 36 text

A WILD GRID LAYOUT APPEARS.

Slide 37

Slide 37 text

WHY CAN'T I CENTER SHIT!?

Slide 38

Slide 38 text

A WILD FLEXBOX APPEARS.

Slide 39

Slide 39 text

.parent { display: box; box-align: center; box-pack: center; width: 300px; height: 300px; margin: 0; padding: 0; background-color: black; } .child { width: 100px; height: 100px; background-color: #ccc; }

FLEXBOX.

Slide 40

Slide 40 text

IT WORKS!

Slide 41

Slide 41 text

IMPLEMENTORS ARE WORKING ON MOST OF THE IMPORTANT PROBLEMS.

Slide 42

Slide 42 text

IMPLEMENTOR ARE THE STANDARDS BODIES.

Slide 43

Slide 43 text

THEY NEED AND WANT OUR HELP!

Slide 44

Slide 44 text

EXAMPLES

Slide 45

Slide 45 text

QUERYSELECTORALL.

Slide 46

Slide 46 text

BROKEN :(

Slide 47

Slide 47 text

SCUMBAG BROWSERS COPY JQUERY FEATURE, IGNORE BUG REPORTS BY JQUERY AUTHOR

Slide 48

Slide 48 text

document.querySelectorAll(".parent") .querySelectorAll("div span"); QSA.

Slide 49

Slide 49 text

No content

Slide 50

Slide 50 text

No content

Slide 51

Slide 51 text

■ and :scope uni cation ■ Explicit use of :scope ■ Naming ■ .matchesSelector => .matches ■ Semantics of .matches ■ XPath (!?) ■ Combinators (.find("> div")) ■ Return type (Array, NodeList?) ISSUES.

Slide 52

Slide 52 text

No content

Slide 53

Slide 53 text

DOCUMENT.PARSE

Slide 54

Slide 54 text

document.createElement("div"); div.innerHTML = "hi"; INNERHTML.

Slide 55

Slide 55 text

$("hi") .appendTo("tr"); UH OH.

Slide 56

Slide 56 text

var isTD = /^\s*"; depth = 2; } // ... SOLUTION.

Slide 57

Slide 57 text

wrapMap = { option: [ 1, "", "" ], legend: [ 1, "", "" ], thead: [ 1, "", "" ], tr: [ 2, "", "" ], td: [ 3, "", "" ], col: [ 2, "", "" ], area: [ 1, "", "" ], _default: [ 0, "", "" ] } JQUERY.

Slide 58

Slide 58 text

var fragment = Document.parse("hi"); DOCUMENT.PARSE.

Slide 59

Slide 59 text

No content

Slide 60

Slide 60 text

CONSENSUS OF WHO?

Slide 61

Slide 61 text

WHY NOT US! "Standards committees should not be the ones who get to invent the future" Standards committees are not some weird, distant thing. They're us!

Slide 62

Slide 62 text

If I am not for myself, then who will be for me? And if I am only for myself, then what am I? And if not now, when? “