-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
121 lines (109 loc) · 6.45 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0">
<title>Polymer Working Samples for 1.0</title>
<style>
table {
border-color: gray;
border-spacing: 0;
}
td {
padding: 6px;
}
</style>
</head>
<body>
<h2>Polymer Working Samples for 1.0</h2>
<p>The sample shows how to works Polymer 1.0. Many samples output their log to console. the console should be opened to watch the logs. The sample list according to <a href="https://github.com/Polymer/polymer/blob/master/PRIMER.md">Polymer 1.0 Primer content</a></p>
<h3>Basic Custom Element sugaring</h3>
<ul>
<li><a href="./demo/custom-element-constructor.html">Custom element constructor</a></li>
<li><a href="./demo/custom-element-registration.html">Custom element registration</a></li>
<li><a href="./demo/bespoke-constructor-support.html">Bespoke constructor support</a></li>
<li><a href="./demo/basic-lifecycle-callbacks.html">Basic lifecycle callbacks</a></li>
<li><a href="./demo/native-html-element-extension.html">Native HTML element extension</a></li>
<li><a href="./demo/property-configuration.html">Property configuration</a></li>
<li><a href="./demo/attribute-deserialization.html">Attribute deserialization to property</a></li>
<li><a href="./demo/static-attributes-on-host.html">Static attributes on host</a></li>
<li><a href="./demo/behaviors-mixins.html">Behaviors mixins</a></li>
</ul>
<h3>Template stamped into "local DOM" and tree lifecycle</h3>
<ul>
<li><a href="./demo/template-stamping-into-local-dom.html">Template stamping into local DOM</a></li>
<li><a href="./demo/scoped-styling.html">Scoped styling</a></li>
<li><a href="./demo/dom-re-distribution.html">DOM re-distribution</a></li>
<li><a href="./demo/dom-api.html">DOM API</a></li>
<li><a href="./demo/configuring-default-property-values.html">Configuring default values</a></li>
<li><a href="https://github.com/Polymer/polymer/blob/master/PRIMER.md#ready-method">Bottom-up callback after configuration</a></li>
</ul>
<h3>Node marshaling and events</h3>
<ul>
<li><a href="./demo/local-node-marshalling.html">Local node marshalling</a></li>
<li><a href="./demo/event-listener-setup.html">Event listener setup</a></li>
<li><a href="./demo/annotated-event-listener-setup.html">Annotated event listener setup</a></li>
<li><a href="https://github.com/Polymer/polymer/blob/master/PRIMER.md#gesture-events">Gesture event support</li>
<ul>
<li><a href="./demo/gesture-event.html">Gesture event</li>
<li><a href="./demo/gesture-event-with-listener.html">Gesture event with listener</li>
</ul>
</ul>
<h3>Data observation</h3>
<ul>
<li><a href="./demo/property-change-callbacks.html">Property change callbacks</a></li>
<li><a href="./demo/multiple-property-observation.html">Multiple-property observation</a></li>
<li><a href="./demo/path-observation.html">Path observation</a></li>
<li><a href="./demo/deep-path-observation.html">Deep path observation</a></li>
<li><a href="./demo/array-observation.html">Array observation</a></li>
</ul>
<h3>Data binding</h3>
<ul>
<li><a href="./demo/annotated-property-binding.html">Annotated property binding</a></li>
<li><a href="https://github.com/Polymer/polymer/blob/master/PRIMER.md#property-notification">Property change notification</a>
<ul>
<li><a href="./demo/property-change-notification-and-two-way-binding.html">Property change notification and Two-way binding</a></li>
<li><a href="./demo/property-change-notification-and-one-way-binding-with-square-bracket.html">Property change notification and owo-way binding (downward) with square bracket</a></li>
<li><a href="./demo/property-change-notification-and-one-way-binding-with-notify.html">Property change notification and one-way binding (downward) with notify</a></li>
<li><a href="./demo/property-change-notification-and-one-way-binding-to-upward.html">Property change notification and one-way binding upward</a></li>
<li><a href="./demo/custom-notify-event-and-binding-to-native-elements.html">Custom notify event and binding to native elements</a></li>
</ul>
</li>
<li><a href="./demo/binding-to-structured-data.html">Binding to structured data</a></li>
<li><a href="./demo/path-change-notification.html">Path change notification</a></li>
<li><a href="./demo/array-mutation.html">Array mutation</a></li>
<li><a href="./demo/declarative-attribute-binding.html">Declarative attribute binding</a></li>
<li><a href="./demo/binding-to-native-element-attributes.html">Binding to native element attributes</a></li>
</ul>
<h3>Advanced property configuration</h3>
<ul>
<li><a href="./demo/reflecting-properties-to-attributes.html">Reflecting properties to attributes</a></li>
<li><a href="./demo/computed-properties.html">Computed properties</a></li>
<li><a href="./demo/annotated-computed-properties.html">Annotated computed properties</a></li>
<li><a href="./demo/read-only-properties.html">Read-only properties</a></li>
</ul>
<h3>Advanced styling features</h3>
<ul>
<li><a href="https://github.com/Polymer/polymer/blob/master/PRIMER.md#xscope-styling">Cross-scope styling</a></li>
<ul>
<li><a href="./demo/custom-css-properties.html">Custom CSS properties</a></li>
<li><a href="./demo/custom-css-properties-with-apply.html">Custom CSS properties with @apply</a></li>
</ul>
<li><a href="./demo/external-stylesheets.html">External stylesheets</a></li>
</ul>
<h3>Settings, utility functions, and layering</h3>
<ul>
<li><a href="./demo/global-polymer-settings.html">General polymer settings</a></li>
<li><a href="./demo/utility-functions.html">Utility Functions</a></li>
<li><a href="https://github.com/Polymer/polymer/blob/master/PRIMER.md#feature-layering">Polymer feature layers</a></li>
</ul>
<h3>Helper Custom Elements</h3>
<ul>
<li><a href="./demo/template-repeater.html">Template repeater</a></li>
<li><a href="./demo/array-selector.html">Array selector</a></li>
<li><a href="./demo/conditional-template.html">Conditional template</a></li>
<li><a href="./demo/self-binding-template.html">Self-binding template</a></li>
<li><a href="./demo/custom-element-for-document-styling-x-style.html">Custom element for document styling - x-style</a></li>
</ul>
</body>
</html>