Your browser doesn't support the features required by impress.js, so you are presented with a simplified version of this presentation.

For the best experience please use the latest Chrome, Safari or Firefox browser.

Pushing the Cutting Edge Forward with Web Standards

@divya ★ Slides: nimbu.in/wdcnz

Product Manager, Adobe

Web Platform@AdobeWebPlatfrm

A little story

My first website

Mission Accomplished?

Looking at my code

Doctype

IE6 goes to Quirks Mode if an XML declaration/HTML comment exists before XHTML doctype.

Quirks Mode

Browsers' hall of shame your website can accidentally enter and be ruined forever.

What I learnt

Influence Web Standards

Why

Make the web easier for you

Be involved in the direction specifications are taking

What are these specifications?

platform.html5.org

For

Compliance

Normative

Compliant User Agents must implement.

Conformance Requirements

Each feature has restrictions on what kinds of values it can have.

Browser Conformance Requirements ≠ Author Conformance Requirements

Who writes these specs?

Specs developed within Working Groups

Each Working Group officially consists of representatives of organizations

Sometimes, an Invited Expert is asked to contribute

Most activity occurs on emails, IRC channels, weekly teleconferences or quarterly face to face conversations.

In the Open

When is a spec ready to use?

Officially when a spec is a recommendation

First Working Draft → (discussions/iterations on Editor's Draft) → Candidate Recommendation → Proposed Recommendation → Recommendation

Past timeline

ಠ_ಠ

It gets better!

Unofficially

(in my view)

(or check html5please.com)

How to participate

Read specs & ask questions

CSS

HTML

JS

SVG

As a Web Developer

If you do not understand what the spec intends or means

If you find some feature hard to use

If some feature does not cover an obvious use case

Test features and verify if they work as intended

As an API Designer

'This API sucks!'

Look at HTML Design Principles and see if the API can be made better within these restrictions

'This should have an API'

'This syntax is contrary to everything a good syntax should be'

Feedback

Ask on mailing list noted on the spec in the Discussion on top of the spec.

How to ask such that you get a response

Search mailing list archives

Write in plaintext (seriously)

Inline quote your response within the context of what you are responding to

Always cite reference to any assertion you claim as a fact

Ask specific questions

Show you have done the work to find a solution

Found a bug?

Isolate the bug

Is this a bug in the specification or the browser?

Has this bug been reported?

File a bug

Lea Verou's post on how to file a bug:
coding.smashingmagazine.com/2011/09/07/help-the-community-report-browser-bugs/

Manage your time

Filter all emails from standards mailing lists

Schedule tasks!

Weekly goal

Participate!

Write tests for specs!

Take part in Test the Web Forward (@testthewebfwd)

Test features

Note your findings, and contribute to html5please.com

Join a Community Group

Anyone can join: www.w3.org/community/about/

WHATWG, Responsive Images.

Other ideas: Move the Web Forward

What can you do?

Thanks!

nimbu.in/wdcnz

Made with impress.js

Follow on Twitter

Adobe

@vincent_hardy (SVG, CSS Regions & Exclusions) /@astearns (CSS Regions) /@dirkschulze (SVG & CSS Animations)

Apple

@smfr /@grogswork /@hober /@ohunt (EcmaScript)

Google

@tabatkins (CSS/SVG) /@dglazkov (Web Components) /@slightlylate (Web Components, ECMAScript).

Microsoft

@sgalineau /@mrcss /@thejohnjansen /@alexmog

Mozilla

@davidbaron (CSS) /@fantasai (CSS) /@hsivonen (HTML) /@heycam (SVG) /@brendanEich (ECMAScript) /@littlecalculist (ECMAScript)

Opera

@erikdahlstorm (SVG) / @zcorpan (HTML5) /@foolip (Audio) /@frivoal (Media Queries) / @richtibbett (Device APIs)

Others

@gasubic (CSSOM) /@silviapfeiffer ‏(Video) /@jkiss (Accessibility) /@stevefaulkner (Accessibility).

Use a spacebar or arrow keys to navigate