-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathindex.html
More file actions
2248 lines (1840 loc) · 89.7 KB
/
index.html
File metadata and controls
2248 lines (1840 loc) · 89.7 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
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
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>前端网址导航</title>
<meta name="author" content="w3cub">
<meta name="description" content=" 前端网址导航 - 不定期更新网址">
<meta name="keywords" content="前端网址,前端,网址导航,frontend,frontend website">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="/atom.xml" rel="alternate" title="前端网址导航" type="application/atom+xml">
<link rel="canonical" href="http://site.w3cub.com/">
<link href="/favicon.png" rel="shortcut icon">
<script type="text/javascript" src="/assets/application-65636289f08b34f95ed909c9a09c10d973a76824e8e18b35d2edc59a5ee462e3.js"></script>
<link type="text/css" rel="stylesheet" href="/assets/application-9847ec97b52134d30d3ed131c18c688b269838e7ed1efd4840a25533943f2f59.css">
</head>
<body>
<div class="wrapper">
<div class="container">
<div id="main-content">
<a class="sr-only" id="top"></a>
<div class="bs-docs-header" id="content" >
<div class="container"> <h1>前端网址导航</h1> <p>不定期更新网址 - 2017-06-16</p></div>
</div>
<div class="row">
<div class="col-md-9" role="main">
<div class="">
<div class="mod clearfix">
<h2 id="前端开发">前端开发</h2>
<ul class="list-inline">
<li class="">
<a href="http://browsershots.org/" title="超多的浏览器兼容性在线测试，免去了在本机安装N多浏览器的烦恼" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Browsershot
</a>
</li>
<li class="">
<a href="http://codepen.io/" title="前端工程师必备的技术网站" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> CodePen
</a>
</li>
<li class="">
<a href="http://www.css3maker.com/" title="css3在线生成器" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Css3Maker
</a>
</li>
<li class="">
<a href="http://www.html5china.com/" title="HTML5中文网" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> HTML5中文网
</a>
</li>
<li class="">
<a href="http://www.mhtml5.com/" title="HTML5研究小组" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> HTML5研究小组
</a>
</li>
<li class="">
<a href="http://www.w3cplus.com/" title="以探索为己任，不断活跃在行业技术最前沿，努力提供高质量前端技术博文" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> W3cplus
</a>
</li>
<li class="">
<a href="http://w3ctech.com/" title="web标准化交流会" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> W3ctech
</a>
</li>
<li class="">
<a href="http://validator.w3.org/" title="W3C在线检验" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> W3C在线检验
</a>
</li>
<li class="">
<a href="http://www.webapptrend.com/" title="关注跨平台开发以及Web App技术发展与实践" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Web App Trend
</a>
</li>
<li class="">
<a href="http://www.webplatform.org/" title="苹果、Google、微软、Facebook等巨头强势联盟，加入W3C共推维基式开放网站Web Platform。该网站将提供关于HTML5, CSS3以及其他跟Web标准相关的最新优质内容，并提供关于这类技术开发、实践技巧，打造互联网上该类内容的单一、权威发布平台" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Web Platform
</a>
</li>
<li class="">
<a href="http://blog.w3cub.com/" title="专注前端开发，极客前端技术" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 泛前端开发
</a>
</li>
<li class="">
<a href="http://www.css88.com/" title="专注前端开发，关注用户体验" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 前端开发
</a>
</li>
<li class="">
<a href="http://www.qianduan.net/" title="专注于网站前端设计与前端开发" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 前端观察
</a>
</li>
<li class="">
<a href="http://www.daqianduan.com/" title="前端开发为主的综合性博客性媒体，将前端分析的很透彻" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 大前端
</a>
</li>
<li class="">
<a href="http://www.imooc.com" title="学习编程最简单的免费平台，慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 慕课网
</a>
</li>
<li class="">
<a href="https://cnodejs.org/" title="CNode：Node.js专业中文社区" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> CNode
</a>
</li>
</ul>
</div>
<div class="mod clearfix">
<h2 id="UX研究所">UX研究所</h2>
<ul class="list-inline">
<li class="">
<a href="http://sixux.com/" title="实录各类过场动画视频，直观的交互体验学习平台。" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> SixUX
</a>
</li>
<li class="">
<a href="http://www.smashingmagazine.com/" title="前端与用户体验为核心的杂志类知名博客" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> SmashingMagazine
</a>
</li>
<li class="">
<a href="http://thenextweb.com/" title="国外交互设计资讯平台" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> THEnextweb
</a>
</li>
<li class="">
<a href="http://ux.stackexchange.com/" title="一个免费为用户体验研究人员和专家提供问答服务的社区" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> User Experience
</a>
</li>
<li class="">
<a href="http://uxmag.com/" title="设计、技术、用户体验等最好最新思想的原创文章" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> UX Magazine
</a>
</li>
<li class="">
<a href="http://www.uxbooth.com/" title="侧重用户体验、交互、可用性等内容" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> UXbooth
</a>
</li>
<li class="">
<a href="http://www.uxde.net/" title="提供交互设计和开发的灵感、教程、资源等" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> UXDE
</a>
</li>
<li class="">
<a href="http://uxmag.com" title="提供持续、丰富、权威的用户体验和相关领域的信息" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> UX杂志
</a>
</li>
<li class="">
<a href="http://www.webppd.com/" title="产品原型设计，务实产品经理基本功" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> WebPPD
</a>
</li>
<li class="">
<a href="http://ixdc.org/" title="引领中国交互设计行业发展" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 交互设计专业委员会
</a>
</li>
<li class="">
<a href="http://www.uxdc.org/" title="中国首个体验设计专业组织，倡导推广体验设计行业能力标准和业务流程，竭力促进体验设计与传统行业的对接，积极引领国内体验设计行业与国际接轨" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 深圳体验设计专业委员会
</a>
</li>
<li class="">
<a href="http://uxinfo.com/" title="IXDC旗下资讯网，引领中国交互设计行业发展" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 用户体验资讯网
</a>
</li>
<li class="">
<a href="http://wireframes.linowski.ca/" title="丰富的线框知识与资源，UX必备" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 线框杂志
</a>
</li>
</ul>
</div>
<div class="mod clearfix">
<h2 id="UX团队">UX团队</h2>
<ul class="list-inline">
<li class="">
<a href="http://blog.19ued.com/" title="19楼UED" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 19楼UED
</a>
</li>
<li class="">
<a href="http://uxc.360.cn/" title="360UXC用户体验设计中心" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 360UXC
</a>
</li>
<li class="">
<a href="http://www.75team.com/" title="奇虎360公司应用开发部Web前端工程师 + 部分特约嘉宾 组成的一个前端团队" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 360奇舞团
</a>
</li>
<li class="">
<a href="http://ucdchina.com/" title="以用户为中心的设计" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> UCD大社区
</a>
</li>
<li class="">
<a href="http://ued.alimama.com/" title="一淘体验工作平台" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 一淘体验工作平台
</a>
</li>
<li class="">
<a href="http://uedteam.com/" title="央视网、CNTV指定设计开发UED团队" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 中视力天
</a>
</li>
<li class="">
<a href="http://vc.changyou.com/" title="畅游视觉设计中心" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 搜狐畅游VC
</a>
</li>
<li class="">
<a href="http://ued.ctrip.com/blog/" title="携程网UED团队" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 携程UED
</a>
</li>
<li class="">
<a href="http://ued.sina.com/" title="新浪UED" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 新浪UED
</a>
</li>
<li class="">
<a href="http://udc.weibo.com/" title="新浪微博设计团队" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 新浪微博设计团队
</a>
</li>
<li class="">
<a href="http://www.aliued.cn/" title="阿里巴巴中国站UED" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 有一点
</a>
</li>
<li class="">
<a href="http://www.kdued.com/" title="金蝶友商网UED" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 有意思
</a>
</li>
<li class="">
<a href="http://ued.taobao.com/" title="淘宝UED" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 淘宝UED
</a>
</li>
<li class="">
<a href="http://ued.iciba.com/" title="金山爱词霸UED" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 爱词霸UED
</a>
</li>
<li class="">
<a href="http://ued.baidu.com/" title="百度商业产品用户体验团队，关注消费者和企业主，以体验驱动商业价值" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 百度商业用户体验部
</a>
</li>
<li class="">
<a href="http://mux.baidu.com/" title="百度无线用户体验部" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 百度无线用户体验部
</a>
</li>
<li class="">
<a href="http://uedc.163.com/" title="网易用户体验设计中心" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 网易用户体验设计中心
</a>
</li>
<li class="">
<a href="http://cdc.tencent.com/" title="腾讯用户研究与体验设计中心" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 腾讯CDC
</a>
</li>
<li class="">
<a href="http://isux.tencent.com" title="腾讯社交用户体验设计部" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 腾讯ISUX
</a>
</li>
<li class="">
<a href="http://tgideas.qq.com/" title="腾讯游戏的专业设计团队" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 腾讯TGideas
</a>
</li>
<li class="">
<a href="http://mxd.tencent.com/" title="腾讯移动互联网设计" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 腾讯WSD
</a>
</li>
<li class="">
<a href="http://tid.tenpay.com/" title="财付通设计中心" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 腾讯财付通TID
</a>
</li>
<li class="">
<a href="http://cued.xunlei.com/" title="迅雷CUED" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 迅雷CUED
</a>
</li>
<li class="">
<a href="http://fex.baidu.com/" title="百度前端研发部" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 百度前端团队
</a>
</li>
<li class="">
<a href="http://taobaofed.org/" title="淘宝前端团队（FED）" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 淘宝前端团队（FED）
</a>
</li>
<li class="">
<a href="http://www.alloyteam.com/" title="腾讯Web前端团队" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> AlloyTeam
</a>
</li>
<li class="">
<a href="https://aotu.io/" title="京东用户体验设计部" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 凹凸实验室
</a>
</li>
</ul>
</div>
<div class="mod clearfix">
<h2 id="移动互联网">移动互联网</h2>
<ul class="list-inline">
<li class="">
<a href="http://developer.android.com/design/index.html" title="Android人机交互规范" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Android
</a>
</li>
<li class="">
<a href="http://www.appsites.com/" title="移动应用介绍单页展示网站" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Appsites
</a>
</li>
<li class="">
<a href="http://appstorm.net/" title="发现优秀APP应用" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Appstorm
</a>
</li>
<li class="">
<a href="http://appui.mobi/" title="收集了很多国内外手机APP界面设计图片，提供分类检索" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> AppUi
</a>
</li>
<li class="">
<a href="http://code4app.com/" title="收集了iOS平台几百个代码，并且配有效果图和演示视频" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Code4app
</a>
</li>
<li class="">
<a href="http://www.cssiphone.com/" title="优秀APP设计截屏集合" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> CssiPhone
</a>
</li>
<li class="">
<a href="http://developer.apple.com/library/ios/navigation/" title="IOS人机交互规范" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> IOS人机交互规范
</a>
</li>
<li class="">
<a href="http://www.mobiue.com/" title="专注本土移动设计产业" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> MobiUE
</a>
</li>
<li class="">
<a href="http://mycolorscreen.com/" title="国外优秀APP聚合，总有一种创意你没见过" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Mycolorscreen
</a>
</li>
<li class="">
<a href="http://pttrns.com/" title="收集了许多精彩的iOS应用界面截" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Pttrns
</a>
</li>
<li class="">
<a href="http://www.tappgala.com/" title="分享最棒的手机产品界面设计" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> TappGala
</a>
</li>
<li class="">
<a href="http://mobile.tutsplus.com/" title="专注移动客户端" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Tutsplus
</a>
</li>
<li class="">
<a href="http://www.uiparade.com/" title="精心挑选全球设计师优秀界面作品" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Ui Parade
</a>
</li>
<li class="">
<a href="http://ui4app.com/" title="你可以在UI4App按照分类来查看众多优秀的App的优秀设计" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> UI4App
</a>
</li>
<li class="">
<a href="http://msdn.microsoft.com/en-us/library/hh202915" title="WinPhone人机交互规范" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> WinPhone
</a>
</li>
<li class="">
<a href="http://www.mobileawesomeness.com/" title="大量APP界面展示" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 移动玩家
</a>
</li>
</ul>
</div>
<div class="mod clearfix">
<h2 id="图标">图标</h2>
<ul class="list-inline">
<li class="">
<a href="http://www.freeiconsdownload.com/" title="按属性分类，国外免费图标下载" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Dryicons
</a>
</li>
<li class="">
<a href="http://www.easyicon.cn/" title="图标搜索引擎，支持中文检索" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Easy Icon
</a>
</li>
<li class="">
<a href="http://www.favicon.cc/" title="在线生成ico浏览器图标" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Favicon
</a>
</li>
<li class="">
<a href="http://findicons.com/" title="FindIcons图标搜索引擎" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> FindIcons
</a>
</li>
<li class="">
<a href="http://www.greatvectors.com/" title="国外专注于提供矢量素材下载的网站，更新频率较快" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Greatvectors
</a>
</li>
<li class="">
<a href="http://icomoon.io/" title="强大的简约图标库" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Icomoon
</a>
</li>
<li class="">
<a href="http://iconfont.cn/" title="阿里巴巴矢量图标库" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Iconfont
</a>
</li>
<li class="">
<a href="http://iconfever.com/" title="国外免费图标下载" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Iconfever
</a>
</li>
<li class="">
<a href="http://www.iconfinder.com/" title="iconfinder图标搜索引擎" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> IconFinder
</a>
</li>
<li class="">
<a href="http://iconmonstr.com/" title="一套简笔Icon，包含各尺寸Icon上千个" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Iconmonstr
</a>
</li>
<li class="">
<a href="http://www.iconsdb.com/" title="免费的图标下载网站，可选择多种尺寸和格式" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Icons DB
</a>
</li>
<li class="">
<a href="http://iosicongallery.com/" title="收录了苹果客户端的所有的ios产品的图标" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> IOSIconGallery
</a>
</li>
<li class="">
<a href="http://www.shapes4free.com/" title="提供了免费的photoshop自定义形状、图标" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Shapes4free
</a>
</li>
<li class="">
<a href="http://weloveicons.com/" title="图标鉴赏" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> WeLoveIcons
</a>
</li>
<li class="">
<a href="http://ux.etao.com/fonts" title="一淘UX团队的图标字体库" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 一淘UX图标库
</a>
</li>
<li class="">
<a href="http://www.iconpng.com/" title="IconPng图标搜索引擎" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 爱看图标
</a>
</li>
</ul>
</div>
<div class="mod clearfix">
<h2 id="栅格化">栅格化</h2>
<ul class="list-inline">
<li class="">
<a href="http://www.3x4grid.com/" title="方便直观的3X4栅格构建系统" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 3X4栅格构建器
</a>
</li>
<li class="">
<a href="http://960.gs/" title="著名的960栅格化系统，能够简化网站开发流程" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 960栅格化系统
</a>
</li>
<li class="">
<a href="http://www.gridlover.net/" title="可手动拖拽调整栅格" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Grid Lover
</a>
</li>
<li class="">
<a href="http://www.thegridsystem.org/" title="较全面的栅格化系统资源" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> The Grid System
</a>
</li>
<li class="">
<a href="http://www.zurb.com/playground/css-grid-builder" title="ZURB CSS栅格化生成器" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> ZURB CSS
</a>
</li>
<li class="">
<a href="http://modulargrid.org/" title="在线栅格化系统" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 栅格化创造者
</a>
</li>
<li class="">
<a href="http://sneakpeekit.com/" title="提供可打印的栅格化白板下载" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 栅格化白板
</a>
</li>
<li class="">
<a href="http://goldengridsystem.com/" title="响应式Web设计栅格化" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 黄金栅格化
</a>
</li>
</ul>
</div>
<div class="mod clearfix">
<h2 id="灵感">灵感</h2>
<ul class="list-inline">
<li class="">
<a href="http://365awesomedesigners.com" title="每天发布一名设计师的优秀作品" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 365优秀设计师
</a>
</li>
<li class="">
<a href="http://abduzeedo.com/" title="创意灵感和教程" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Abduzeedo
</a>
</li>
<li class="">
<a href="http://www.andysowards.com/" title="网页设计及开发人员每日资源" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Andysowards
</a>
</li>
<li class="">
<a href="http://www.behance.net/" title="著名设计社区，创意设计人士可以展示自己的作品，发现别人分享的创意作品" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Behance
</a>
</li>
<li class="">
<a href="http://www.brandnewschool.com/" title="广告媒体行业创意聚集地" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Brand New School
</a>
</li>
<li class="">
<a href="http://cargocollective.com/" title="国外优秀创意人的社区、并提供免费个人主页服务" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Cargocollective
</a>
</li>
<li class="">
<a href="http://www.fastcodesign.com/" title="记录一些鼓舞人心的设计故事，分享创新业务" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Co.Design
</a>
</li>
<li class="">
<a href="http://lab.colorsmagazine.com" title="COLORS杂志合作网站，分享音乐家、电影制作人、摄影师、艺术家和作家的色彩精神" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> COLORSLab
</a>
</li>
<li class="">
<a href="http://www.computerarts.co.uk/" title="世界上最畅销的设计师和艺术家网络杂志Computer Arts" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Computer Arts
</a>
</li>
<li class="">
<a href="http://www.creativetempest.com/" title="汇集全球创意人分享的经验和经历" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Creative Tempest
</a>
</li>
<li class="">
<a href="http://designshack.net" title="设计廊展示了令人振奋的设计资源和教程" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Desige Gallery
</a>
</li>
<li class="">
<a href="http://designmodo.com" title="为Web设计与开发人员提供丰富的资源与信息" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Designmodo
</a>
</li>
<li class="">
<a href="http://designrfix.com/" title="一群志同道合的设计迷们交流技术和灵感的社区" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Designrfix
</a>
</li>
<li class="">
<a href="http://ffffound.com/" title="灵感垃圾场，内容涵盖摄影，广告，设计，包装，家具等等" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> FFFFound！
</a>
</li>
<li class="">
<a href="http://www.hi-id.com/" title="发现有意味的设计！" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> ID公社
</a>
</li>
<li class="">
<a href="http://inspiredm.com/" title="启发杂志合作网站" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Inspired Magazine
</a>
</li>
<li class="">
<a href="http://www.instantshift.com/" title="领先的网页设计师和开发人员设计灵感社区" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Instantshift
</a>
</li>
<li class="">
<a href="http://mustified.com" title="丰富的有关设计、技术和社交媒体的相关文章" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Mustified
</a>
</li>
<li class="">
<a href="http://www.newwebpick.com/" title="最权威的网络在线创意与潮流杂志，涵盖广告、网站、FLASH、平面、街头艺术、插画、3D、产品与包装、建筑与空间、摄影、时装、试验艺术等" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> NewWebPick
</a>
</li>
<li class="">
<a href="http://pinterest.com/" title="国外的花瓣网，以供整理与分享灵感" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Pinterest
</a>
</li>
<li class="">
<a href="http://www.poboo.com/" title="为大家带来国外最新的创意设计和设计理念" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Poboo
</a>
</li>
<li class="">
<a href="http://www.quandtnet.de/" title="精选数位艺术杂志和Web设计画廊" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Qnt画廊
</a>
</li>
<li class="">
<a href="http://since1984.cn/" title="关注新鲜创意资讯的新锐网络媒体" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> SINCE1984
</a>
</li>
<li class="">
<a href="http://sixrevisions.com" title="为设计师和网页开发人员提供实用的文章、教程和资源" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Six Revisions
</a>
</li>
<li class="">
<a href="http://speckyboy.com" title="Speckyboy是专业的设计资源杂志，内容涵盖Web设计和开发、平面设计、广告、移动开发等" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Speckyboy
</a>
</li>
<li class="">
<a href="http://www.theverge.com/" title="Vox传媒合作的涵盖交互技术、科技、艺术和文化成果展示平台" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> The Verge
</a>
</li>
<li class="">
<a href="http://webdesignledger.com/" title="共享网页设计相关的知识和资源平台" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Webdesignledger
</a>
</li>
<li class="">
<a href="http://www.webdesignshock.com/" title="高质量的设计与开发资源，丰富的灵感汇集和教程" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> WebDesignShock
</a>
</li>
<li class="">
<a href="http://www.wookmark.com/" title="收集了大量创意图像和视频" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> What Is Woo
</a>
</li>
<li class="">
<a href="http://www.wookmark.com/" title="收集您喜爱的图片和视频，并获得灵感" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Wookmark
</a>
</li>
<li class="">
<a href="http://adsoftheworld.com/" title="涵盖平面视频等等" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 世界优秀广告
</a>
</li>
<li class="">
<a href="http://www.chinaui.com/" title="设计垂直型综合门户" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 优艾网
</a>
</li>
<li class="">
<a href="http://pixelclouds.com/" title="为您带来最新的设计灵感" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 像素云
</a>
</li>
<li class="">
<a href="http://chuangyiren.cn/" title="一个基于作品集的社交网站，为创意人才和企业的搭建沟通桥梁" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 创意人
</a>
</li>
<li class="">
<a href="http://blog.enqoo.com/" title="一个交流、分享国内外优秀设计资源的博客" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 我们爱网页设计
</a>
</li>
<li class="">
<a href="http://www.zcool.com.cn/" title="中国最具人气的大型综合性设计网站，聚集了中国绝大部分的专业设计师、艺术院校师生、潮流艺术家等年轻创意人群，是国内最活跃的原创设计交流平台" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 站酷
</a>
</li>
<li class="">
<a href="http://www.webdesignserved.com" title="Behance服务网站" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 网页设计服务
</a>
</li>
<li class="">
<a href="http://huaban.com/" title="发现网络上你喜欢的事物.你可以用它收集灵感,保存有用的素材" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 花瓣网
</a>
</li>
<li class="">
<a href="http://shijue.me/" title="视觉中国是中国最具活力的视觉图片分享社区及创意设计产品社会化电商平台" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 视觉中国
</a>
</li>
<li class="">
<a href="http://shijue.me/home" title="视觉创意产业门户" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 视觉中国
</a>
</li>
<li class="">
<a href="http://www.topys.cn/" title="全球顶尖创意分享平台" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 顶尖文案
</a>
</li>
</ul>
</div>
<div class="mod clearfix">
<h2 id="设计大赏">设计大赏</h2>
<ul class="list-inline">
<li class="">
<a href="http://css51.com" title="收集和分享国内外优秀网站、优秀网页设计团队" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 51酷站
</a>
</li>
<li class="">
<a href="http://cwd.68design.net/" title="网页设计师联盟酷站加油" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> 68Design酷站
</a>
</li>
<li class="">
<a href="http://www.awwwards.com/" title="由一些国际知名设计师组成的国际评委会" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Awwwards
</a>
</li>
<li class="">
<a href="http://bestwebgallery.com/" title="搜罗优秀网页设计作品" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Best Web Gallery
</a>
</li>
<li class="">
<a href="http://www.cnpsd.net/" title="优秀设计作品展示" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> CNPSD
</a>
</li>
<li class="">
<a href="http://coolhomepages.com/" title="按类别检索设计内容" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Coolhomepages
</a>
</li>
<li class="">
<a href="http://www.csswinner.com/" title="通过高标准评价体系来推荐网页设计作品" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> CSS Winner
</a>
</li>
<li class="">
<a href="http://www.css-design-yorkshire.com/" title="建立于2006年，按年份月份分类索引的酷站设计集合" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> Css-D-Yorks
</a>
</li>
<li class="">
<a href="http://cssclip.com/" title="强大的配色分类酷站集合" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> CSSclip
</a>
</li>
<li class="">
<a href="http://cssdesignawards.com/" title="Metro风格的酷站聚合" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> CSSdesignawards
</a>
</li>
<li class="">
<a href="http://www.cssdrive.com/" title="可以按分栏、菜单等不同维度筛选的酷站集合" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> CssDrive
</a>
</li>
<li class="">
<a href="http://www.dbcut.com" title="韩国网页设计欣赏" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> DBCUT
</a>
</li>
<li class="">
<a href="http://www.designcharts.com/" title="精选每周40个酷站" data-toggle="tooltip" target="_blank" >
<i class="icon-external-link" aria-hidden="true"></i> DesignCharts
</a>
</li>