forked from wkylin/wkylin.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathhtml5.html
More file actions
191 lines (184 loc) · 13.4 KB
/
html5.html
File metadata and controls
191 lines (184 loc) · 13.4 KB
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
---
layout: page
title : HTML5
group: navigation
info: HTML5 结构之美
---
{% include JB/setup %}
<div class="ui-title fn-clear">
<h2>前端工具</h2>
</div>
<ul class="ui-list fn-clear">
<li class="ui-list-item"><a href="http://www.psdtohtmlhint.com/" target="_blank">psdtohtmlhint</a></li>
<li class="ui-list-item"><a href="http://gs.statcounter.com" target="_blank">statcounter</a></li>
<li class="ui-list-item"><a href="http://www.modern.ie/zh-cn" target="_blank">modernIE</a></li>
<li class="ui-list-item"><a href="http://www.browserscope.org/" target="_blank">browserscope</a></li>
<li class="ui-list-item"><a href="http://www.webpagetest.org/" target="_blank">webpagetest</a></li>
<li class="ui-list-item"><a href="https://peercdn.com/" target="_blank">peerCDN</a></li>
<li class="ui-list-item"><a href="http://speed.sc.cninfo.net/chinatel/download.shtml" target="_blank">网站测速</a></li>
<li class="ui-list-item"><a href="http://www.ostools.net/" target="_blank"><span class="ft-red">开源API</span></a>
</li>
<li class="ui-list-item"><a href="http://webwait.com/" target="_blank">载入速度测试</a></li>
<li class="ui-list-item"><a href="http://www.browserstack.com/" target="_blank">兼容性在线测试</a></li>
<li class="ui-list-item"><a href="http://www.scanv.com" target="_blank">scanv网站安全</a></li>
<li class="ui-list-item"><a href="http://gtmetrix.com/" target="_blank">网站性能测试</a></li>
<li class="ui-list-item"><a href="http://www.my-debugbar.com/wiki/" target="_blank">JsDebug</a></li>
<li class="ui-list-item"><a href="http://en.wikipedia.org/wiki/IE_Developer_Toolbar" target="_blank">IE_Developer_Toolbar</a>
</li>
<li class="ui-list-item"><a href="http://www.httpwatch.com/download/" target="_blank">HttpWatch</a></li>
<li class="ui-list-item"><a href="http://westciv.com/mri/" target="_blank">mri</a></li>
<li class="ui-list-item"><a href="http://westciv.com/xray/" target="_blank">xray</a></li>
<li class="ui-list-item">
<a href="http://www.webpagetest.org/" target="_blank"><span class="ft-red">webpagetest</span></a></li>
<li class="ui-list-item"><a href="http://www.ujian.cc/" target="_blank">友荐</a></li>
<li class="ui-list-item"><a href="https://speakerdeck.com/" target="_blank">speakerdeck</a></li>
<li class="ui-list-item"><a href="http://jenkins-ci.org/" target="_blank">jenkins</a></li>
<li class="ui-list-item"><a href="http://www.bitbug.net/" target="_blank">ICO制作</a></li>
<li class="ui-list-item"><a href="http://www.ico.la/" target="_blank">ICO制作</a></li>
<li class="ui-list-item"><a href="http://www.favicon.cc" target="_blank">ICO制作</a></li>
<li class="ui-list-item"><a href="http://iconizer.net/" target="_blank">快捷图标</a></li>
<li class="ui-list-item"><a href="http://cn.spritegen.website-performance.org/" target="_blank">CssSprite</a></li>
<li class="ui-list-item"><a href="http://free.logomaker.cn/" target="_blank">logomaker</a></li>
<li class="ui-list-item"><a href="http://spinnakr.com/" target="_blank">网站分析</a></li>
<li class="ui-list-item"><a href="http://quirktools.com/" target="_blank">quirktools</a></li>
<li class="ui-list-item"><a href="http://t.knet.cn/" target="_blank">可信查询</a></li>
<li class="ui-list-item"><a href="http://alexa.chinaz.com/" target="_blank">网站排名</a></li>
<li class="ui-list-item"><a href="http://www.alexa.cn/" target="_blank">alexa</a></li>
<li class="ui-list-item"><a href="http://www.zx110.org/" target="_blank">网络征信网</a></li>
<li class="ui-list-item"><a href="http://www.isc.org.cn/" target="_blank">互联网协会</a></li>
<li class="ui-list-item"><a href="http://www.apac.org.cn/" target="_blank">反钓鱼联盟</a></li>
<li class="ui-list-item"><a href="https://www.codeeval.com/" target="_blank">编程语言</a></li>
<li class="ui-list-item"><a href="http://www.tiobe.com/index.php/content/paperinfo/tpci/index.html" target="_blank">tiobe</a>
</li>
<li class="ui-list-item"><a href="http://gs.statcounter.com/" target="_blank">statcounter</a></li>
<li class="ui-list-item"><a href="http://data.cnzz.com/main.php?s=brow" target="_blank">dataCnzz</a></li>
<li class="ui-list-item"><a href="http://webscan.360.cn/" target="_blank">360漏洞</a></li>
<li class="ui-list-item"><a href="http://www.jpegmini.com/" target="_blank">jpegmini</a></li>
<li class="ui-list-item"><a href="http://www.jpegmini.com/" target="_blank">图片压缩</a></li>
<li class="ui-list-item"><a href="http://www.smushit.com/" target="_blank">smushit</a></li>
</ul>
<div class="ui-title fn-clear">
<h2>SEO</h2>
</div>
<ul class="ui-list fn-clear">
<li class="ui-list-item"><a href="http://www.xia18.com/" target="_blank">SEO18</a></li>
<li class="ui-list-item"><a href="http://www.seozac.com/" target="_blank">seozac</a></li>
<li class="ui-list-item"><a href="http://panyanfeng.com/" target="_blank">panyanfeng</a></li>
<li class="ui-list-item"><a href="http://dudo.org/" target="_blank">dudo</a></li>
</ul>
<div class="ui-title fn-clear">
<h2>JSON 格式化工具</h2>
</div>
<ul class="ui-list fn-clear">
<li class="ui-list-item"><a href="http://jsonlint.com/" target="_blank">JsonLint</a></li>
<li class="ui-list-item"><a href="http://jsonmate.com/" target="_blank">jsonMate</a></li>
<li class="ui-list-item"><a href="http://www.json.org/" target="_blank">jsonOrg</a></li>
</ul>
<div class="ui-title fn-clear">
<h2>响应式web设计(Responsive Web Design)</h2>
</div>
<ul class="ui-list fn-clear">
<li class="ui-list-item"><a href="http://headjs.com/" target="_blank">headjs</a></li>
<li class="ui-list-item"><a href="http://mediaqueri.es" target="_blank">网站集锦</a></li>
<li class="ui-list-item"><a href="http://responsiveimages.org/" target="_blank">responsiveimages</a></li>
<li class="ui-list-item"><a href="http://froont.com/" target="_blank">在线制作</a></li>
<li class="ui-list-item"><a href="http://www.andthewinnerisnt.com" target="_blank">响应式web设计</a></li>
<li class="ui-list-item"><a href="http://designmodo.com/responsive-design-examples/" target="_blank">responsive-design</a>
</li>
<li class="ui-list-item"><a href="http://ued.taobao.com/blog/2012/04/14/responsive-webui-design-and-develop/"
target="_blank">淘宝实践</a></li>
<li class="ui-list-item"><a href="http://beforweb.com/" target="_blank">beforweb</a></li>
<li class="ui-list-item"><a href="http://mediaqueri.es/" target="_blank">mediaqueri</a></li>
<li class="ui-list-item"><a href="http://www.newaeonweb.com.br/responsiveaeon/" target="_blank">responsiveaeon</a>
</li>
<li class="ui-list-item"><a href="http://www.alistapart.com/articles/responsive-web-design/" target="_blank">responsive-web-design</a>
<li class="ui-list-item"><a href="http://xoxco.com/projects/code/breakpoints/" target="_blank">BreakPoints</a></li>
<li class="ui-list-item"><a href="http://formstone.it/" target="_blank">formStone</a></li>
</ul>
<div class="ui-title fn-clear">
<h2>HTML5</h2>
</div>
<ul class="ui-list fn-clear">
<li class="ui-list-item"><a href="http://www.htmlfivewow.com/" target="_blank">html5WoW</a></li>
<li class="ui-list-item"><a href="http://html5test.com/" target="_blank">html5test</a></li>
<li class="ui-list-item">
<a href="http://webcomponents.org/" target="_blank"><span class="ft-red">webcomponents</span></a></li>
<li class="ui-list-item"><a href="http://www.html5tricks.com/" target="_blank">html5tricks</a></li>
<li class="ui-list-item"><a href="http://www.html5plus.org/" target="_blank">html5plus</a></li>
<li class="ui-list-item"><a href="http://www.markupframework.org/" target="_blank">markupframework</a></li>
<li class="ui-list-item"><a href="http://www.html5accessibility.com/" target="_blank">html5accessibility</a></li>
<li class="ui-list-item"><a href="http://www.whatwg.org/" target="_blank">whatwg</a></li>
<li class="ui-list-item"><a href="http://www.html.it" target="_blank">HTMLIT</a></li>
<li class="ui-list-item"><a href="http://html5boilerplate.com/" target="_blank">Html5Boi</a></li>
<li class="ui-list-item"><a href="https://developer.mozilla.org/zh-CN/docs/Web_Development" target="_blank">mozWEBDev</a>
</li>
<li class="ui-list-item"><a href="http://www.webplatform.org/" target="_blank">webplatform</a></li>
<li class="ui-list-item"><a href="http://www.webapptrend.com/" target="_blank">WebAPPtrend</a></li>
<li class="ui-list-item"><a href="http://blog.pmcamp.org/" target="_blank">产品经理</a></li>
<li class="ui-list-item"><a href="http://www.mhtml5.com/" target="_blank">HTML中国</a></li>
<li class="ui-list-item"><a href="http://www.w3.org/TR/html-markup/Overview.html" target="_blank">HtmlMarkup</a>
</li>
<li class="ui-list-item"><a href="http://www.html5test.com/" target="_blank">HTML5test</a></li>
<li class="ui-list-item"><a href="http://haz.io/" target="_blank">hazIO</a></li>
<li class="ui-list-item"><a href="http://htmlshell.com//" target="_blank">HtmlShell</a></li>
<li class="ui-list-item"><a href="http://www.css3-html5.com/" target="_blank">CSS3HTLM5</a></li>
<li class="ui-list-item"><a href="http://www.html6game.com/.com/" target="_blank">html6game</a></li>
<li class="ui-list-item"><a href="http://www.html-5.cn/" target="_blank">HTML5中文站</a></li>
<li class="ui-list-item"><a href="http://www.xyhtml5.com/" target="_blank">炫意HTML5</a></li>
<li class="ui-list-item"><a href="http://html5demos.com/" target="_blank">demos</a></li>
<li class="ui-list-item"><a href="http://directguo.com/html5/" target="_blank">directguo</a></li>
<li class="ui-list-item"><a href="http://blog.whatwg.org/" target="_blank">WHATWG</a></li>
<li class="ui-list-item"><a href="http://diveintohtml5.com/" target="_blank">diveintohtml5</a></li>
<li class="ui-list-item"><a href="http://caniuse.com/" target="_blank">caniuse</a></li>
<li class="ui-list-item"><a href="http://html5doctor.com/" target="_blank">html5doctor</a></li>
<li class="ui-list-item"><a href="http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded/" target="_blank">html5属性</a>
</li>
<li class="ui-list-item"><a href="http://html5gallery.com/" target="_blank">html5gallery</a></li>
<li class="ui-list-item"><a href="http://diveintohtml5.org/" target="_blank">diveintohtml5</a></li>
<li class="ui-list-item"><a href=" http://html5games.com/" target="_blank">html5games</a></li>
<li class="ui-list-item"><a href="http://www.html5rocks.com/zh/" target="_blank">html5rocks</a></li>
<li class="ui-list-item"><a href="http://html5.org/" target="_blank">html5ORG</a></li>
<li class="ui-list-item"><a href="http://www.html5plus.org/" target="_blank">产业联盟</a></li>
<li class="ui-list-item"><a href="http://html5media.info/" target="_blank">html5media</a></li>
</ul>
<div class="ui-title fn-clear">
<h2>Web 字体 </h2>
</div>
<ul class="ui-list fn-clear">
<li class="ui-list-item"><a href="http://webfonts.fonts.com/en-US" target="_blank">webfonts</a></li>
<li class="ui-list-item"><a href="https://typekit.com/" target="_blank">typekit</a></li>
<li class="ui-list-item"><a href="http://kernest.com/" target="_blank">kernest</a></li>
<li class="ui-list-item"><a href="http://www.google.com/webfonts" target="_blank">GoogleWebFonts</a></li>
<li class="ui-list-item"><a href="http://www.dafont.com/" target="_blank">dafont</a></li>
<li class="ui-list-item"><a href="http://nicewebtype.com/" target="_blank">nicewebtype</a></li>
<li class="ui-list-item"><a href="http://slant.co/topics/67/~what-are-the-best-programming-fonts" target="_blank">编程字体</a>
</li>
</ul>
<div class="ui-title fn-clear">
<h2>HTML WEB 框架</h2>
</div>
<ul class="ui-list fn-clear">
<li class="ui-list-item"><a href="http://angularjs.org/" target="_blank">AngularJs</a></li>
<li class="ui-list-item"><a href="http://angular-ui.github.io" target="_blank" title="">angularUI</a></li>
<li class="ui-list-item"><a href="http://vuejs.org/" target="_blank" title="">vueJs</a></li>
<li class="ui-list-item"><a href="http://knockoutjs.com/" target="_blank" title="">knockoutJs</a></li>
<li class="ui-list-item"><a href="http://harpjs.com/" target="_blank" title="">harpJs</a></li>
<li class="ui-list-item"><a href="http://rubylouvre.github.io/mvvm/" target="_blank" title="">Avalon</a></li>
<li class="ui-list-item"><a href="http://sailsjs.org" target="_blank" title="">sailsJs</a></li>
</ul>
<div class="ui-title fn-clear">
<h2>SOCKET.IO</h2>
</div>
<ul class="ui-list fn-clear">
<li class="ui-list-item"><a href="http://www.socket.io/" target="_blank">socket.io</a></li>
</ul>
<div class="ui-title fn-clear">
<h2>IE6</h2>
</div>
<ul class="ui-list fn-clear">
<li class="ui-list-item"><a href="http://www.ie6countdown.com/" target="_blank" title="">ie6Countdown</a></li>
<li class="ui-list-item"><a href="http://www.ie6nomore.com/" target="_blank" title="">ie6NoMore</a></li>
<li class="ui-list-item">
<a href="http://letskillie6.googlecode.com/svn/trunk/2/sample.html?l=zh_CN" target="_blank" title="">letSkillIE6</a>
</li>
</ul>