Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 --- | 1 --- |
| 2 layout: default | 2 layout: default |
| 3 title: "Define a Custom DOM Tag" | 3 title: "Define a Custom DOM Tag" |
| 4 description: "Define a custom DOM element tag with help from the Web UI package" | 4 description: "Define a custom DOM element tag with help from the Web UI package" |
| 5 has-permalinks: true | 5 has-permalinks: true |
| 6 tutorial: | 6 tutorial: |
| 7 id: web-components | 7 id: web-components |
| 8 next: fetchdata/ | 8 next: fetchdata/ |
| 9 next-title: "Fetch Data Dynamically" | 9 next-title: "Fetch Data Dynamically" |
| 10 prev: templates/ | 10 prev: templates/ |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 44 <h1>{{page.title}}</h1> | 44 <h1>{{page.title}}</h1> |
| 45 <h3>Create your own, customized DOM elements.</h3> | 45 <h3>Create your own, customized DOM elements.</h3> |
| 46 </div> | 46 </div> |
| 47 | 47 |
| 48 <hr> | 48 <hr> |
| 49 | 49 |
| 50 <aside class="alert" style="background-color:Lavender;color:SlateBlue"> | 50 <aside class="alert" style="background-color:Lavender;color:SlateBlue"> |
| 51 <font size="24"> | 51 <font size="24"> |
| 52 <i class="icon-bullhorn"> </i> | 52 <i class="icon-bullhorn"> </i> |
| 53 </font> | 53 </font> |
| 54 | 54 Web UI is being upgraded to polymer.dart. |
| 55 The Dart Web UI team recently | 55 For more information about polymer.dart, |
| 56 <a href="https://groups.google.com/a/dartlang.org/forum/#!topic/web-ui/6laXXxR tA7k" target="_blank">announced</a> | 56 including tips on porting Web UI apps to polymer.dart |
|
mem
2013/09/04 17:39:55
is polymer.dart supposed to be Polymer.dart? I thi
sethladd
2013/09/04 21:11:02
I've been trying to use polymer.dart unless it's t
| |
| 57 a port of the Polymer project: | 57 and the current status of the project, |
| 58 <a href="https://pub.dartlang.org/packages/polymer" target="_blank">polymer.da rt</a>. | 58 check out the <a href="/polymer-dart/" target="_blank">polymer.dart</a> |
| 59 | 59 home page. |
| 60 We've converted most of the tutorial Web UI examples and compiled some | 60 For polymer.dart versions of the tutorial's Web UI apps, |
| 61 <a href="https://github.com/dart-lang/dart-tutorials-samples/blob/master/web/t o-polymer-notes.txt" target="_blank">notes</a> | 61 check out the tutorial's |
| 62 along the way. | 62 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/" |
| 63 Check out source code for the polymer version of the | 63 target="_blank">code repo</a> on github. |
| 64 <a href="https://github.com/dart-lang/dart-tutorials-samples/tree/master/web/t arget08-polymer/drseuss" | |
| 65 target="_blank">drseuss</a> | |
| 66 example. | |
| 67 </aside> | 64 </aside> |
| 68 | 65 |
| 69 <hr> | 66 <hr> |
| 70 | 67 |
| 71 Custom elements are one kind of web component | 68 Custom elements are one kind of web component |
| 72 defined in the Web Components model. | 69 defined in the Web Components model. |
| 73 Using templates and scripts, | 70 Using templates and scripts, |
| 74 a custom element defines a new DOM tag | 71 a custom element defines a new DOM tag |
| 75 that extends an existing tag. | 72 that extends an existing tag. |
| 76 This target shows you how to define a custom element | 73 This target shows you how to define a custom element |
| (...skipping 330 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 407 The Web UI package contains several examples, | 404 The Web UI package contains several examples, |
| 408 including a version of | 405 including a version of |
| 409 <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc" | 406 <a href="https://github.com/dart-lang/web-ui/tree/master/example/todomvc" |
| 410 target="_blank">TodoMVC</a>. | 407 target="_blank">TodoMVC</a>. |
| 411 </li> | 408 </li> |
| 412 </ul> | 409 </ul> |
| 413 | 410 |
| 414 {% endcapture %} | 411 {% endcapture %} |
| 415 | 412 |
| 416 {% include tutorial.html %} | 413 {% include tutorial.html %} |
| OLD | NEW |