-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
291 lines (282 loc) · 47.8 KB
/
index.php
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
<!doctype html>
<!--
_ __ _____ _____ __
/ \ [ | |_ _||_ _| [ |
/ _ \ _ .--. .--. .---. | | _ .--..--. | | | | _ .--. | |.--. ,--. _ .--.
/ ___ \ [ `.-. | ( (`\]/ /__\\ | | [ `.-. .-. | | ' ' |[ `/'`\]| '/'`\ \`'_\ : [ `.-. |
_/ / \ \_ | | | | `'.'.| \__., | | | | | | | | \ \__/ / | | | \__/ |// | |, | | | |
|____| |____|[___||__][\__) )'.__.'[___][___||__||__] `.__.' [___] [__;.__.' \'-;__/[___||__]
-->
<html class="no-js" lang="en" prefix="og: http://ogp.me/ns#">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>HTML5Sites – A curated gallery of sites about HTML5</title>
<meta name="description" content="HTML5Sites – A curated gallery of sites about HTML5. Here you can find lots of tutorials, demos, and other interesting stuff, also in other languages. The gallery can be sorted by category, language or keywords.">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<meta name="google" content="notranslate">
<meta property="og:title" content="HTML5Sites – A curated gallery of sites about HTML5">
<meta property="og:type" content="website">
<meta property="og:url" content="https://html5sit.es/">
<meta property="og:image" content="https://html5sit.es/img/bg-logo.png">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@HTML5Sit_es">
<meta name="twitter:creator" content="@HTML5Sit_es">
<meta name="twitter:title" content="HTML5Sites – a curated gallery of sites about HTML5">
<meta name="twitter:description" content="HTML5Sites – a curated gallery of sites about HTML5. Here you can find lots of tutorials, demos, and other interesting stuff, also in other languages. The gallery can be sorted by category, language or keywords.">
<meta name="twitter:image" content="https://html5sit.es/img/bg-logo.png">
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<meta name="apple-mobile-web-app-title" content="HTML5Sites">
<meta name="application-name" content="HTML5Sites">
<meta name="msapplication-TileColor" content="#e44d26">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
<meta name="msapplication-tap-highlight" content="no">
<meta name="theme-color" content="#e44d26">
<script src="https://use.edgefonts.net/source-sans-pro:n4,i4,n6:all.js" async></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<style>
/*! Generated by Font Squirrel (http://www.fontsquirrel.com) on July 15, 2015*/@font-face{font-family:"big_johnregular";src:url(../fonts/big_john-webfont.eot);src:url(../fonts/big_john-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/big_john-webfont.woff2) format("woff2"),url(../fonts/big_john-webfont.woff) format("woff"),url(../fonts/big_john-webfont.ttf) format("truetype"),url(../fonts/big_john-webfont.svg#big_johnregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:"slim_joeregular";src:url(../fonts/slim_joe-webfont.eot);src:url(../fonts/slim_joe-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/slim_joe-webfont.woff2) format("woff2"),url(../fonts/slim_joe-webfont.woff) format("woff"),url(../fonts/slim_joe-webfont.ttf) format("truetype"),url(../fonts/slim_joe-webfont.svg#slim_joeregular) format("svg");font-weight:400;font-style:normal}
html,body,div,span,iframe,h1,h2,a,img,i,center,ul,li,header,section{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:initial;border-color:initial;font-size:100%;font:inherit;vertical-align:baseline}header,section,main{display:block}ul{list-style-type:none;list-style-position:initial;list-style-image:initial}html{color:#222;font-size:1em;line-height:1.4}iframe,img,svg{vertical-align:middle}textarea{resize:vertical}*{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased!important;box-sizing:border-box}html.touch *,html.touch :before,html.touch :after{text-rendering:optimizespeed}html{font-size:62.5%}body:before,body:after{display:block;content:""}body{width:100%;height:100%;font-size:1.5rem;font-family:source-sans-pro,sans-serif;background-image:url(img/bg-top.png);background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;padding-top:50px;padding-right:0;padding-bottom:50px;padding-left:0;z-index:0;background-position:50% 0;background-repeat:no-repeat no-repeat}h1,h2{text-align:center;font-weight:400;font-family:big_johnregular,sans-serif}h2{font-size:1.8rem;margin-top:.83em;margin-right:0;margin-bottom:.83em;margin-left:0}h1,h2{cursor:default}a{text-decoration:none;color:#e44d26}iframe{border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:initial;border-color:initial}#header{padding-top:0;padding-right:15px;padding-bottom:0;padding-left:15px}#header-logo{width:100%;max-width:256px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto}#header-logo img{width:100%;pointer-events:none}.cd-main-content{position:relative}.cd-main-content:after{content:"";display:table;clear:both}.cd-tab-filter-wrapper{background-color:#fff;box-shadow:rgba(0,0,0,.078125) 0 1px 1px;z-index:1}.cd-tab-filter-wrapper:after{content:"";display:table;clear:both}.cd-tab-filter{position:relative;height:50px;width:170px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;z-index:1}.cd-tab-filter:after{content:"";position:absolute;right:14px;top:50%;bottom:auto;display:inline-block;width:16px;height:16px;background-image:url(../img/cd-icon-arrow.svg);background-attachment:initial;background-origin:initial;background-clip:initial;background-color:initial;pointer-events:none;background-position:50% 50%;background-repeat:no-repeat no-repeat}.cd-tab-filter ul{position:absolute;top:0;left:0;background-color:#fff;box-shadow:#e44d26 0 -2px 0 inset}.cd-tab-filter li{display:none}.cd-tab-filter li:first-child{display:block}.cd-tab-filter a{display:block;height:50px;width:170px;line-height:50px;padding-left:14px}.cd-gallery{padding-top:26px;padding-right:5%;padding-bottom:26px;padding-left:5%;width:100%}.cd-gallery li{position:relative;margin-bottom:1.6em;box-shadow:rgba(0,0,0,.0976562) 0 1px 4px;display:none}.likebtn-wrapper *{font-family:source-sans-pro,sans-serif!important}.cd-gallery li .lb-style-google .lb-like{border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:initial;border-color:initial}.lb-style-google .lb-count{font-size:12px!important}.cd-gallery img{display:block;width:100%}.cd-gallery .cd-fail-message{display:none;text-align:center;color:#e44d26}.cd-tab-filter a.selected{background-image:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:#e44d26;color:#fff;background-position:initial initial;background-repeat:initial initial}@media only screen and (min-width:40em){h2{font-size:2.4rem}}@media only screen and (min-width:768px){.cd-gallery{padding-top:40px;padding-right:3%;padding-bottom:40px;padding-left:3%}.cd-gallery ul{text-align:justify}.cd-gallery ul:after{content:"";display:table;clear:both}.cd-gallery li{width:48%;margin-bottom:2em}}@media only screen and (min-width:1170px){.cd-gallery{padding-top:50px;padding-right:2%;padding-bottom:50px;padding-left:2%;float:right}.cd-gallery li{width:23%}}@media only screen and (min-width:1076px){.cd-tab-filter{width:auto;cursor:auto}.cd-tab-filter:after{display:none}.cd-tab-filter ul{background-image:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:transparent;position:static;box-shadow:none;text-align:center;background-position:initial initial;background-repeat:initial initial}.cd-tab-filter li{display:inline-block}.cd-tab-filter li.placeholder{display:none!important}.cd-tab-filter a{display:inline-block;padding-top:0;padding-right:1em;padding-bottom:0;padding-left:1em;width:auto;color:#9a9a9a;text-transform:uppercase;font-weight:700;font-size:1.5rem}.cd-tab-filter a.selected{background-image:initial;background-attachment:initial;background-origin:initial;background-clip:initial;background-color:transparent;color:#e44d26;box-shadow:#e44d26 0 -2px 0 inset;background-position:initial initial;background-repeat:initial initial}}@media only screen and (min-width:1201px){.cd-tab-filter{width:100%;float:right;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}}.visuallyhidden{border-top-width:0;border-right-width:0;border-bottom-width:0;border-left-width:0;border-style:initial;border-color:initial;clip:rect(0 0 0 0);height:1px;margin-top:-1px;margin-right:-1px;margin-bottom:-1px;margin-left:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;position:absolute;width:1px}
</style>
<script>
/*!
loadCSS: load a CSS file asynchronously.
[c]2014 @scottjehl, Filament Group, Inc.
Licensed MIT
*/
function loadCSS(f,b,g,c){var a=window.document.createElement("link");b=b||window.document.getElementsByTagName("script")[0];var e=window.document.styleSheets;a.rel="stylesheet";a.href=f;a.media="only x";c&&(a.onload=c);b.parentNode.insertBefore(a,b);a.onloadcssdefined=function(b){for(var c,d=0;d<e.length;d++)e[d].href&&e[d].href===a.href&&(c=!0);c?b():setTimeout(function(){a.onloadcssdefined(b)})};a.onloadcssdefined(function(){a.media=g||"all"});return a}
loadCSS("css/main.css");
</script>
<noscript><link rel="stylesheet" href="css/main.css"></noscript>
<link rel="prefetch" href="advertise/">
<link rel="prerender" href="advertise/">
</head>
<body>
<header id="header">
<h1 id="header-logo"><img src="logo.svg" alt="Logo"><br><span class="visuallyhidden">HTML5Sites</span></h1>
<h2>curated gallery of sites about HTML5</h2>
</header>
<main class="cd-main-content">
<div class="cd-tab-filter-wrapper">
<div class="cd-tab-filter">
<ul class="cd-filters">
<li class="placeholder">
<a data-type="all" href="#0">All</a> <!-- selected option on mobile -->
</li>
<li class="filter"><a class="selected" href="#0" data-type="all">All</a></li>
<li class="filter" data-filter=".catN"><a href="#0" data-type="catN">News</a></li>
<li class="filter" data-filter=".catTu"><a href="#0" data-type="catTu">Tutorials</a></li>
<li class="filter" data-filter=".catTP"><a href="#0" data-type="catTP">Templates/Plugins</a></li>
<li class="filter" data-filter=".catD"><a href="#0" data-type="catD">Demos</a></li>
<li class="filter" data-filter=".catTe"><a href="#0" data-type="catTe">Testing</a></li>
<li class="filter" data-filter=".catCS"><a href="#0" data-type="catCS">Cheatsheets/Specs</a></li>
<li class="filter" data-filter=".catC"><a href="#0" data-type="catC">Communities</a></li>
<li class="filter" data-filter=".cat0"><a href="#0" data-type="cat0">Misc</a></li>
</ul> <!-- cd-filters -->
</div> <!-- cd-tab-filter -->
</div> <!-- cd-tab-filter-wrapper -->
<section class="cd-gallery">
<ul itemscope itemtype="http://schema.org/ItemList">
<li class="mix catN catTu catD html5 css3 Game gaming Development news tutorials demos js javascript"><a href="http://www.html5gamedevelopment.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Game Development"><img src="img/html5gamedevelopment.png" alt="html5gamedevelopment.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5gamedevelopment" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catN langDE html5 css3 Mobile news german js javascript"><a href="http://html5-mobile.de/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Mobile"><img src="img/html5-mobile.png" alt="html5-mobile.de"></a><span class="likebtn-wrapper" data-identifier="html5-mobile" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTu langDE html5 css3 Buch book german tutorials js javascript"><a href="http://html5-buch.de/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 – Webseiten innovativ und zukunftssicher ist das Buch zu HTML5 - Das HTML5-Buch"><img src="img/html5-buch.png" alt="html5-buch.de"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5-buch" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTP html5 css3 Boilerplate Template js javascript"><a href="https://html5boilerplate.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Boilerplate: The web’s most popular front-end template"><img src="img/html5boilerplate.png" alt="html5boilerplate.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5boilerplate" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix all catN catTu catTP catD catTe catCS catC cat0 langDE langRU langES html5 css3 Game Gaming plugin js engine mobile javascript german russian русский showcase gallery collection links"><a href="http://store.templatemonster.com/wordpress-themes.php?aff=aurban" rel="nofollow" target="_blank"><img src="img/template-monster-ad.png" alt="Advertisement"></a></li>
<li class="mix catTu html5 Tutorials info js javascript"><a href="http://www.html5tutorial.info/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Tutorial"><img src="img/html5tutorial.png" alt="html5tutorial.info"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5tutorial" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catN catTu html5 Doctor tutorials blog news"><a href="http://html5doctor.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Doctor, helping you implement HTML5 today"><img src="img/html5doctor.png" alt="html5doctor.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5doctor" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catN catTu langDE html5 css3 Rocks tutorials blog news german js javascript"><a href="http://www.html5rocks.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Rocks - A resource for open web HTML5 developers"><img src="img/html5rocks.png" alt="html5rocks.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5rocks" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catN html5 css3 Weekly newsletter js javascript"><a href="http://html5weekly.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Weekly: A Free, Weekly Email Newsletter"><img src="img/html5weekly.png" alt="html5weekly.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5weekly" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTP html5 css3 UP Templates Themes"><a href="http://html5up.net/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 UP! Responsive HTML5 and CSS3 Site Templates"><img src="img/html5up.png" alt="html5up.net"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5up" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catN catTu catTP catC html5 Video Library community news templates plugin tutorials js javascript"><a href="http://html5video.org/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5Video.org - HTML5 Video Library & Web Video Developer Community"><img src="img/html5video.png" alt="html5video.org"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5video" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTP html5 css3 Game Gaming plugin js engine mobile javascript docs documentation quintus"><a href="http://www.html5quintus.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="Quintus is an easy-to-learn, fun-to-use JavaScript HTML5 game engine for mobile, desktop and beyond!"><img src="img/html5quintus.png" alt="html5quintus.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5quintus" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catN catTu cat0 langRU russian русский html5 css3 plugin js mobile javascript"><a href="http://html5.by/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="html5.by - статьи, новости, события, вопросы и ответы html5, css3, javascript api."><img src="img/html5by.png" alt="html5.by"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5.by" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catN html5 css3 Bookmarks collection gallery news js javascript"><a href="http://html5bookmarks.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Bookmarks - daily news articles and bookmarks"><img src="img/html5bookmarks.png" alt="html5bookmarks.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5bookmarks" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catN html5 css3 Blog news js javascript"><a href="http://www.html5blog.org/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Blog"><img src="img/html5blog.png" alt="html5blog.org"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5blog" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTu catCS html5 Canvas Tutorials Cheatsheets Specs Specifications js javascript"><a href="http://www.html5canvastutorials.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Canvas Tutorials"><img src="img/html5canvastutorials.png" alt="html5canvastutorials.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5canvastutorials" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTP html5 css3 Blank WordPress Theme Template"><a href="http://html5blank.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Blank WordPress Theme"><img src="img/html5blank.png" alt="html5blank.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5blank" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTP html5 css3 Bones Templates"><a href="http://html5bones.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Bones: The template that goes back to basics"><img src="img/html5bones.png" alt="html5bones.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5bones" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catD html5 css3 showcase gallery links"><a href="http://html5-showcase.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Showcase | A gallery of the best html5 sites in the world."><img src="img/html5-showcase.png" alt="html5-showcase.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5-showcase" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catD html5 css3 showcase gallery links"><a href="http://html5gallery.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Gallery | A showcase of sites using HTML5 markup"><img src="img/html5gallery.png" alt="html5gallery.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5gallery" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTP html5 css3 templates Free Responsive Themes"><a href="http://www.html5zero.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="Free Responsive Templates, Themes and Examples - HTML5 Zero"><img src="img/html5zero.png" alt="html5zero.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5zero" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTu catN langES html5 facil css3 tips Noticias Información Eventos Tutoriales tutorials news events videos vivo"><a href="http://html5facil.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Fácil - Es una nueva comunidad sobre el reciente estándar de la web Html5, donde puedes encontrar tutoriales, tips, consejos, información, noticias y demás en un solo lugar."><img src="img/html5facil.png" alt="html5facil.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5facil" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catD langDE html5 games gaming play"><a href="http://html5games.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Games - Play for free online"><img src="img/html5games.png" alt="html5games.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5games" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catD html5 demos demo test Example Examples"><a href="http://html5demos.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Demos and Examples"><img src="img/html5demos.png" alt="html5demos.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5demos" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catTe html5 test browser score"><a href="https://html5test.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5Test - How well does your browser support HTML5?"><img src="img/html5test.png" alt="html5test.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5test" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix cat0 html5 shirt html5shirt apparel hoodie t-shirt tshirt Logo T-shirts"><a href="http://html5shirt.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Logo T-shirts"><img src="img/html5shirt.png" alt="html5shirt.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5shirt" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix catC catN catD html5 hub html5hub community intel demo projects revolution"><a href="http://html5hub.com/?utm_source=HTML5Sites&utm_medium=referral" target="_blank" rel="nofollow" title="HTML5 Hub"><img src="img/html5hub.png" alt="html5hub.com"></a><span class="likebtn-wrapper" data-event_handler="likebtn" data-identifier="html5hub" data-theme="google" data-white_label="true" data-dislike_enabled="false" data-icon_dislike_show="false" data-voting_frequency="1000" data-popup_position="bottom" data-popup_donate="{"purpose":"","payment_systems":[{"system":"PayPal","account":"[email protected]","amount_integer":5,"currency":"USD"}]}" data-addthis_pubid="ra-55a61618f37e0e47" data-addthis_service_codes="twitter,facebook,hackernews,reddit,buffer,digg,more" data-tooltip_enabled="false" data-domain_from_parent="true"></span></li>
<li class="mix all catN catTu catTP catD catTe catCS catC cat0 langDE langRU langES html5 css3 Game Gaming plugin js engine mobile javascript german russian русский showcase gallery collection links"><a href="#0" class="md-trigger" data-modal="modal" title="Click to submit a site"><img src="img/submit.png" alt="Click to submit a site - 'plus' graphic"></a></li>
<li class="gap"></li>
<li class="gap"></li>
<li class="gap"></li>
</ul>
<div class="cd-fail-message">No results found :/</div>
</section> <!-- cd-gallery -->
<div class="cd-filter">
<form>
<div class="cd-filter-block">
<h4>Search</h4>
<div class="cd-filter-content">
<input type="search" placeholder="Just type and see...">
</div> <!-- cd-filter-content -->
</div>
<div class="cd-filter-block">
<h4>Language</h4>
<ul class="cd-filter-content cd-filters list">
<li>
<input class="filter" data-filter="" type="radio" name="radioButton" id="radio1" checked>
<label class="radio-label" for="radio1">All</label>
</li>
<li>
<input class="filter" data-filter=".langDE" type="radio" name="radioButton" id="radio2">
<label class="radio-label" for="radio2">Deutsch (German)</label>
</li>
<li>
<input class="filter" data-filter=".langRU" type="radio" name="radioButton" id="radio3">
<label class="radio-label" for="radio3">русский (Russian)</label>
</li>
<li>
<input class="filter" data-filter=".langES" type="radio" name="radioButton" id="radio4">
<label class="radio-label" for="radio4">Español (Spanish)</label>
</li>
</ul> <!-- cd-filter-content -->
</div> <!-- cd-filter-block -->
<div class="cd-filter-block">
<h4>Info</h4>
<ul class="cd-filter-content cd-filters list">
<li>
A curated gallery of sites about HTML5.<br>© 2015 <a href="https://anselmurban.de/?utm_source=HTML5Sites&utm_content=menu&utm_medium=referral">Anselm Urban <i class="fa fa-external-link"></i></a>.
</li>
<li>
<a href="#0" class="md-trigger" data-modal="modal"><i class="fa fa-plus fa-fw"></i> Submit a site</a>
</li>
<li>
<a href="advertise/"><i class="fa fa-star fa-fw"></i> Advertise with HTML5Sites <i class="fa fa-angle-right"></i></a>
</li>
<li>
Questions? Suggestions? Complaints?
</li>
<li>
<a href="#0" class="md-trigger" data-modal="faq"><i class="fa fa-question-circle fa-fw"></i> FAQ</a>
</li>
<li>
<a href="mailto:[email protected]"><i class="fa fa-envelope fa-fw"></i> [email protected]</a>
</li>
<li class="social">
Follow and contribute:<br>
</li>
</ul> <!-- cd-filter-content -->
</div> <!-- cd-filter-block -->
<div class="cd-filter-block">
<h4>Advertisements</h4>
<div class="cd-filter-content">
<!-- [HTML5Sites] Anzeigen (Small Rectangle) -->
<ins class="adsbygoogle"
style="display:inline-block;width:180px;height:150px"
data-ad-client="ca-pub-1407926942044749"
data-ad-slot="2314619110"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div> <!-- cd-filter-content -->
</div>
</form>
<a href="#0" class="cd-close"><i class="fa fa-times"></i><span class="visuallyhidden">Close</span></a>
</div> <!-- cd-filter -->
<a href="#0" class="cd-filter-trigger">Menu</a>
</main> <!-- cd-main-content -->
<footer id="footer">
<p>
© <script>2010<(new Date).getFullYear()&&document.write((new Date).getFullYear());</script> <a href="https://anselmurban.de/?utm_source=HTML5Sites&utm_medium=referral"><span itemprop="name">Anselm Urban</span> <i class="fa fa-external-link"></i></a> •
<a href="mailto:[email protected]" itemprop="email">[email protected]</a> •
<a href="https://www.iubenda.com/privacy-policy/388465" class="iubenda-black iubenda-embed" title="Privacy Policy" rel="nofollow">Privacy Policy <i class="fa fa-external-link"></i></a> •
Hosted by <a href="https://pixeno.com/account/aff.php?aff=054" rel="nofollow">Pixeno <i class="fa fa-external-link"></i></a>
</p>
</footer>
<div class="md-modal md-effect-12" id="modal">
<div class="md-content">
<h3>Submit a site</h3>
<div>
<form action="https://formspree.io/[email protected]" method="POST" autocapitalize="off" spellcheck="false">
<div class="flex">
<div class="flex-item">
<label for="email">Your email address</label>
<input type="email" name="_replyto" id="email" placeholder="[email protected]" required autocomplete="on">
</div>
<div class="flex-item">
<label for="url">URL of the site</label>
<input type="url" name="URL" id="url" placeholder="http://example.com/" required autocomplete="off">
</div>
<input type="hidden" name="_subject" value="HTML5Sites: Neuer Vorschlag!">
<input type="text" name="_gotcha" style="display:none">
</div>
<div style="margin: 0 auto; text-align:center;"><a class="md-close"><i class="fa fa-times"></i> Cancel</a><button type="submit">Submit <i class="fa fa-chevron-right"></i></button></div>
</form>
</div>
</div>
</div>
<div class="md-modal md-effect-12" id="faq">
<div class="md-content">
<h3>FAQ</h3>
<div>
<h4>What´s this gallery about?</h4>
<p>It´s about great sites and blogs and other resources about HTML5. It´s here to help you finding good stuff on the web.</p>
<h4>How can I add a site?</h4>
<p><a href="https://twitter.com/intent/tweet?text=@html5sit_es" rel="nofollow">Tweet</a> us, send us an <a href="mailto:[email protected]">email</a> or use the form you can find in the menu on the left (close this modal first).</p>
<h4>What about advertising?</h4>
<p>You can advertise with HTML5Sites for only 25$ per month. For more information <a href="advertise/">click here</a>.</p>
</div>
<div style="margin: 0 auto; text-align:center;"><a class="md-close">Done</a></div>
</div>
</div>
<div class="md-overlay"></div>
<script src="js/vendor/prefixfree.js"></script>
<script src="js/vendor/modernizr-2.8.3.min.js"></script>
<script data-cfasync="false" src="https://fast.eager.io/cw6jSdfMhqvO.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-2.1.4.min.js"><\/script>')</script>
<script src="js/vendor/jquery.mixitup.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<script>(function(d,e,s){if(d.getElementById("likebtn_wjs"))return;a=d.createElement(e);m=d.getElementsByTagName(e)[0];a.async=1;a.id="likebtn_wjs";a.src=s;m.parentNode.insertBefore(a, m)})(document,"script","https://w.likebtn.com/js/w/widget.js");</script>
<script>
function likebtn(event){
if (event.type = "likebtn.loaded"){
$('ul').find('li .lb-count').each(function(){
$(this).parents('li').attr('data-count',$(this).attr('data-count'));
});
$('.cd-gallery ul').mixItUp('sort', 'count:desc');
}
}
</script>
<script src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-55a61618f37e0e47" async></script>
<script src="https://load.sumome.com/" data-sumo-site-id="10a215e5f7848d2f6654014040b87150f180bd042eb62ad0cb3792d6fe75c22d" async></script>
<script type="text/javascript">
var vglnk = { key: 'e60f27433682e994e8abc2c4c91302cc' };
(function(d, t) {
var s = d.createElement(t); s.type = 'text/javascript'; s.async = true;
s.src = '//cdn.viglink.com/api/vglnk.js';
var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r);
}(document, 'script'));
</script>
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='https://www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-50648234-14','auto');ga('send','pageview');
</script>
</body>
</html>