| OLD | NEW |
| 1 --- | 1 --- |
| 2 layout: default | 2 layout: default |
| 3 title: "Polymer.dart" | 3 title: "Polymer.dart" |
| 4 description: "Standards-based web components: | 4 description: "Standards-based web components: |
| 5 custom elements, templates, | 5 custom elements, templates, |
| 6 and data binding for Dart web apps. A Dart port of Polymer." | 6 and data binding for Dart web apps. A Dart port of Polymer." |
| 7 has-permalinks: true | 7 has-permalinks: true |
| 8 --- | 8 --- |
| 9 | 9 |
| 10 <style> | 10 <style> |
| (...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 112 available to you today. | 112 available to you today. |
| 113 | 113 |
| 114 </div> | 114 </div> |
| 115 | 115 |
| 116 </div> | 116 </div> |
| 117 | 117 |
| 118 <hr> | 118 <hr> |
| 119 | 119 |
| 120 ## Examples | 120 ## Examples |
| 121 | 121 |
| 122 Here's some code that uses Polymer.dart. |
| 123 Also see the Dart tutorials' |
| 124 [Define a Custom Element](/docs/tutorials/polymer-intro/), |
| 125 which provides an example and a description |
| 126 of defining, implementing, and instantiating |
| 127 a custom element. |
| 128 |
| 122 ### Custom elements | 129 ### Custom elements |
| 123 | 130 |
| 124 Extend the lexicon of HTML with your own custom elements. | 131 Extend the lexicon of HTML with your own custom elements. |
| 125 | 132 |
| 126 Below is a simple custom element. More advanced custom elements | 133 Below is a simple custom element. More advanced custom elements |
| 127 can contain their own styles, custom behavior, attributes, | 134 can contain their own styles, custom behavior, attributes, |
| 128 data binding, and more. | 135 data binding, and more. |
| 129 | 136 |
| 130 {% prettify html %} | 137 {% prettify html %} |
| 131 <head> | 138 <head> |
| (...skipping 305 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 437 | Polymer Expressions | Tracking | 444 | Polymer Expressions | Tracking |
| 438 | [Polymer Core](https://github.com/Polymer/polymer) | Tracking | 445 | [Polymer Core](https://github.com/Polymer/polymer) | Tracking |
| 439 | Pointer events | Not started | 446 | Pointer events | Not started |
| 440 | Web animations | Not started | 447 | Web animations | Not started |
| 441 | [Polymer base elements](https://github.com/Polymer/polymer-elements) | Not sta
rted | 448 | [Polymer base elements](https://github.com/Polymer/polymer-elements) | Not sta
rted |
| 442 | [Polymer UI elements](https://github.com/Polymer/polymer-ui-elements) | Not st
arted | 449 | [Polymer UI elements](https://github.com/Polymer/polymer-ui-elements) | Not st
arted |
| 443 {: .table} | 450 {: .table} |
| 444 | 451 |
| 445 <hr> | 452 <hr> |
| 446 | 453 |
| 454 ## Tutorials |
| 455 |
| 456 [Define a Custom Element](/docs/tutorials/polymer-intro/), |
| 457 part of the |
| 458 [Dart tutorials](/docs/tutorials/), |
| 459 provides a detailed introduction to using Polymer.dart to create |
| 460 custom elements. |
| 461 You can also check out the other |
| 462 [examples](/docs/tutorials/polymer-intro/#what-next) |
| 463 in the tutorials that use Polymer. |
| 464 |
| 447 ## Additional reading | 465 ## Additional reading |
| 448 | 466 |
| 449 The cultured Dartisan studies the specifications and articles that cover | 467 The cultured Dartisan studies the specifications and articles that cover |
| 450 the lower-level primitives and features of the polymer.dart libraries. | 468 the lower-level primitives and features of the polymer.dart libraries. |
| 451 | 469 |
| 452 ### Polymer | 470 ### Polymer |
| 453 | 471 |
| 454 * Read Polymer's [guiding principles](http://www.polymer-project.org/#guiding-pr
inciples) | 472 * Read Polymer's [guiding principles](http://www.polymer-project.org/#guiding-pr
inciples) |
| 455 * Watch the [Hello, Polymer!](http://www.youtube.com/watch?v=irGDN5Ysi_A) | 473 * Watch the [Hello, Polymer!](http://www.youtube.com/watch?v=irGDN5Ysi_A) |
| 456 video featuring some of the lead members of Polymer. | 474 video featuring some of the lead members of Polymer. |
| (...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 495 | 513 |
| 496 [polymer]: http://www.polymer-project.org | 514 [polymer]: http://www.polymer-project.org |
| 497 [so]: http://stackoverflow.com/tags/dart | 515 [so]: http://stackoverflow.com/tags/dart |
| 498 [web-ui-list]: https://groups.google.com/a/dartlang.org/forum/#!forum/web-ui | 516 [web-ui-list]: https://groups.google.com/a/dartlang.org/forum/#!forum/web-ui |
| 499 [polymer-dev-list]: https://groups.google.com/forum/?fromgroups=#!forum/polymer-
dev | 517 [polymer-dev-list]: https://groups.google.com/forum/?fromgroups=#!forum/polymer-
dev |
| 500 [dartbug]: http://dartbug.com/new | 518 [dartbug]: http://dartbug.com/new |
| 501 [custom-elements-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/c
ustom/index.html | 519 [custom-elements-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/c
ustom/index.html |
| 502 [shadow-dom-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow
/index.html | 520 [shadow-dom-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/shadow
/index.html |
| 503 [html-imports-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/impo
rts/index.html | 521 [html-imports-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/impo
rts/index.html |
| 504 [template-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/template
s/index.html | 522 [template-spec]: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/template
s/index.html |
| OLD | NEW |