Be part of CSS evolution

Slide 1

BE PART OF CSS EVOLUTION MANUEL REGO CASASNOVAS (@regocas) W3C Developer Meetup / 22 October 2018 (Lyon)

Slide 2

ABOUT ME Igalia Web Platform Team Web engines hacker working on Chromium/Blink and Safari/WebKit Member of CSS Working Group since 2017

Slide 3

CSS

Slide 4

CSSWG Website: https://www.w3.org/Style/CSS/ Wiki: https://wiki.csswg.org/

Slide 5

MEMBERS W3C Member Organizations Representatives W3C Staff W3C Invited Experts Today 129 people

Slide 6

SPECS Specs: https://www.w3.org/Style/CSS/currentwork Editor Dra s: https://dra s.csswg.org/ W3C Stages: FPWD WD CR PR REC SPSD NOTE

Slide 7

MEETINGS 1 hour confcall per week (~20-30 people) 3-4 face-to-face meetings per year (~30-50 people) Minutes and log (scribe) published at www-style

Slide 8

COMMUNICATION Mailing list www-style: https://lists.w3.org/Archives/Public/www-style/ GitHub: https://github.com/w3c/csswg-dra s/ IRC: #css on irc.w3.org:6665 Twitter: https://twitter.com/csswg

Slide 9

HOW IT WORKS about:csswg - An Inside View of the CSS Working Group at W3C by fantasai on 2011 The Friction of Web Standards by Eric Meyer at CSS Day 2018

Slide 10

CONTRIBUTING TO CSS

Slide 11

FEEDBACK GitHub issues Blog posts/Articles Tweets Deprecated: Mails to www-style (end up as GitHub issues nowadays)

Slide 12

Slide 13

Slide 14

Slide 15

Slide 16

Slide 17

Slide 18

GITHUB Repository: https://github.com/w3c/csswg-dra s/ Issues: https://github.com/w3c/csswgdra s/issues PRs: https://github.com/w3c/csswg-dra s/pulls

Slide 19

GOOD GITHUB ISSUE Look for similar issues (opened and closed) Tag ([css-grid], [css-text], etc.) and link the spec accordingly Describe issue clearly including use case for motivation Provide reduced test case

Slide 20

REFERENCES Becoming Responsible for CSS by Alan Stearns at dotCSS 2015

Slide 21

WPT

Slide 22

WEB PLATFORM TESTS (WPT) Website: https://web-platform-tests.org/ Repository: https://github.com/web-platformtests/wpt Browse: http://w3c-test.org/

Slide 23

WPT DASHBOARD Stable: https://wpt.fyi/ Experimental: https://wpt.fyi/results/? label=experimental

Slide 24

TESTS testharness.js Reference tests (Ahem font) testdriver.js

Slide 25

REPORT BROWSER BUG Chromium: https://bugs.chromium.org/ Firefox: https://bugzilla.mozilla.org/ Safari: https://bugs.webkit.org/ Edge: https://developer.microso .com/microso edge/platform/issues/ Web Compatibilty: https://webcompat.com/

Slide 26

THANKS Twitter: @regocas Mail: rego@igalia.com Blog: https://blogs.igalia.com/mrego/ © Fred PO https://www.flickr.com/photos/aline-et-fred/8372800549/