domenic / html-as-custom-elements

HTML as Custom Elements
https://domenic.github.io/html-as-custom-elements/
Apache License 2.0
259 stars 20 forks source link

Where do we start? Planning and strategery #7

Closed dglazkov closed 10 years ago

dglazkov commented 10 years ago

What's the best way to start actual work? I think we should pick a low-hanging fruit HTML element and turn it into a custom element. Someone suggested HTMLMarqueeElement, but that might be too hard?

@domenic @arv

arv commented 10 years ago

Hah!

http://webfx.eae.net/dhtml/xblmarquee/xblmarquee.html

domenic commented 10 years ago

To me, the first step would be a survey of literally every existing element, so we can see what the targets are. For example, we'll immediately find that a large majority of elements have no real capabilities, apart from presentation (and perhaps accessibility role). E.g., <i> is just a <span> with a given default stylesheet. We'll find others that are slightly more interesting, but not by much, e.g. <a>. We'll find others with complex UI, but no real fundamental concepts, e.g. <details>. And others, like form elements, that need new hooks into the platform. It'll also be important to correlate tag names with class names, since there should only be one custom element per class (so e.g. HTMLElement corresponds to many different tags).

Getting a sense of what the landscape is for levels of difficulty seems important, and I think it would be encouraging to knock off a bunch of easier elements, then work our way up through levels of hardness.

arv commented 10 years ago

http://www.whatwg.org/specs/web-apps/current-work/multipage/section-index.html#elements-1

Extracted into a spreadsheet

https://docs.google.com/spreadsheet/ccc?key=0AtiYRsLxmdqUdEJlT2Z2XzlaT2FOdkhYVUhNeVpHY3c&usp=sharing

annevk commented 10 years ago

I cannot edit that.

annevk commented 10 years ago

Note that as far as rendering goes a lot is explained already in HTML and what's missing is clear from the Rendering section: http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html

arv commented 10 years ago

Made the spreadsheet editable by everyone...

dglazkov commented 10 years ago

@annevk, the AT point for <abbr> is very interesting. Setting ARIA roles implicitly is something that we don't have in the platform at the moment.

dglazkov commented 10 years ago

Stupid git question: how do I submit pull reviews for myself? For example, I want to write some skeletal code, but would love for you guys to review before landing.

mathiasbynens commented 10 years ago

@dglazkov Rather than make the changes in the master branch, create a new branch for the change. Then push the branch to GitHub, and you’ll be able to create a pull request for it.

dglazkov commented 10 years ago

@mathiasbynens :raised_hands:

dglazkov commented 10 years ago

Are we using traceur? If so, I just finished implementing <div> :smiley: http://jsbin.com/qurid/2/edit

domenic commented 10 years ago

Dude, where's my align property?? https://developer.mozilla.org/en-US/docs/Web/API/HTMLDivElement

dglazkov commented 10 years ago

@domenic, I deprecated it :stuck_out_tongue:

dglazkov commented 10 years ago

Started splitting this off into specific issues: issue 9, issue 10, issue 11.

mathiasbynens commented 10 years ago

@dglazkov GitHub auto-links to issues if you prefix their IDs with #, e.g. #9, #10, #11.