@@ -19,28 +19,35 @@ var demos = [
19
19
preview : 'resources/icons/animate_css.png' ,
20
20
shade : '#c0dfe0' ,
21
21
} ,
22
- {
23
- name : 'Touch' ,
24
- description : [
25
- "Touch the screen to record events and have them played back as keyframe animations." ,
26
- "Note: Requires a touch screen." ,
27
- ] ,
28
- preview : 'resources/icons/touch.png' ,
29
- shade : '#dc0062' ,
30
- darkTheme : true ,
31
- } ,
32
- {
33
- name : 'Bounce' ,
34
- path : 'bounce-timing-function/' ,
35
- preview : 'resources/icons/bounce.png' ,
36
- shade : '#303aa5' ,
37
- darkTheme : true ,
38
- } ,
39
- {
40
- name : 'Globe' ,
41
- preview : 'resources/icons/globe.png' ,
42
- shade : '#eee' ,
43
- } ,
22
+
23
+ // Doesn't work for non-touch screens, not a good experience.
24
+ // {
25
+ // name: 'Touch',
26
+ // description: [
27
+ // "Touch the screen to record events and have them played back as keyframe animations.",
28
+ // "Note: Requires a touch screen.",
29
+ // ],
30
+ // preview: 'resources/icons/touch.png',
31
+ // shade: '#dc0062',
32
+ // darkTheme: true,
33
+ // },
34
+
35
+ // Uses non-standard onsample API that we shouldn't be promoting.
36
+ // {
37
+ // name: 'Bounce',
38
+ // path: 'bounce-timing-function/',
39
+ // preview: 'resources/icons/bounce.png',
40
+ // shade: '#303aa5',
41
+ // darkTheme: true,
42
+ // },
43
+
44
+ // This doesn't load properly in Firefox/Safari.
45
+ // {
46
+ // name: 'Globe',
47
+ // preview: 'resources/icons/globe.png',
48
+ // shade: '#eee',
49
+ // },
50
+
44
51
{
45
52
name : 'Spinning Dots' ,
46
53
path : 'spin/' ,
@@ -71,12 +78,15 @@ var demos = [
71
78
shade : '#4e6cef' ,
72
79
darkTheme : true ,
73
80
} ,
74
- {
75
- name : 'Hide/Show' ,
76
- path : 'hide-show/' ,
77
- shade : '#f0f0f0' ,
78
- preview : 'resources/icons/hide-show.png' ,
79
- } ,
81
+
82
+ // Doesn't work on all browsers, movement is not smooth on Chrome.
83
+ // {
84
+ // name: 'Hide/Show',
85
+ // path: 'hide-show/',
86
+ // shade: '#f0f0f0',
87
+ // preview: 'resources/icons/hide-show.png',
88
+ // },
89
+
80
90
{
81
91
name : 'Ripple' ,
82
92
path : 'ripple/' ,
@@ -86,6 +96,7 @@ var demos = [
86
96
"Touch or click the screen!"
87
97
] ,
88
98
} ,
99
+
89
100
// TODO: Port legacy demos to use current Web Animations API.
90
101
// See https://github.com/web-animations/web-animations-demos/pull/74
91
102
] ;
0 commit comments