注：以下网站合集和市情各种200+个工具的不负任务罗列不一样，每个网站都是笔者亲测实用非常有必要学习/利用的。
【行业新知类】
HTML和CSS入门
https://cn.udacity.com/course/intro-to-html-and-css--ud304/
谷歌在Udecity开设的中文视频课程，设计师培养Web开拓思维/前端入门必备！
现在设计师不学点网页知识，大概会被时期抛弃的吧？和海内很多按部就班的慕课不同，谷歌的课程设计灵巧——集中精力一天就能知道个大概。
相应式网站设计根本
https://cn.udacity.com/course/responsive-web-design-fundamentals--ud893/
谷歌在Udecity开设的中文视频课程，相应式设计入门与进阶必备（需先理解《HTML和CSS入门》）——如果你足够聪明，一下午就能学完。
站酷网文章
http://www.zcool.com.cn/articles/
各种设计干系的案例制作教程与创作履历，设计师逐日闲逛学习必备。
UI中国文章
http://www.ui.cn/exp.html
各种网页设计干系的制作教程与创作履历，交互设计师逐日闲逛必备。
众成翻译
http://www.zcfy.cc/
实时收录并翻译国外各种前沿的Web开拓知识，Web设计师&开拓者与时俱进的好去处——由于有很多作者是自发翻译的，行业资讯更新速率极快，而且内容优质。
Smashing Magazine [英文]
https://www.smashingmagazine.com/
天下一流的设计博客，包含各种网页设计干系的创作履历、行业资讯——做网页设计的，估计没听过它的名字也买过它的书？
【H5广告类】
数英网
http://www.digitaling.com
数字广告资讯，包括广告案例网络、创作履历分享、案例下载等做事——H5案例丰富。
H5案例分享
http://www.h5-share.com/
国行家业H5佳构案例的合集（移动广告为主），包括预览、解释与技能讲解，更新及时——移动端比较方便。
iH5互动大师
http://www.ih5.cn/
利用iH5制作的佳构案例合集（移动广告为主），网站包含H5页面制作工具、案例传授教化、在线咨询等做事。
哇呸网
http://thewap.cn/
国行家业H5优质广告合集（移动为主），分类完好。
H5doo
http://www.h5doo.com/
国行家业H5优质广告合集（移动为主），上风在于移动版可以直接点击预览，不需扫码——PC端可以用开拓者工具打开实现移动效果。
Sizmek
http://showcase.sizmek.com/
天下行业优质Web广告的合集（PC端为主），分为HTML5和Flash等种别，对付网页嵌入广告的样式参考很有帮助。
【H5网站&殊效篇】
PIXID
https://www.iiiimg.com/
天下HTML5精良网站合集（PC端为主），尤其这天系风格的网站，常常看会创造很多宝藏。
Codepen [英文]
http://codepen.io/
各种拽酷炫狂的网页殊效实例与源码，勾搭天下一流网页设计师和开拓者的宝地——见识一下，绝不会后悔。
HTML5SHOWCASE [英文]
http://html5-showcase.com/
天下HTML5精良网站合集（PC端为主），分类完好，尤其是Web运用——如果你还不知道PWA（渐进式运用）这个最近这么火的观点，可以先去pwa.rocks走走。
Codrops [英文]
https://tympanus.net/codrops/
各种网页殊效实例（以PC端为主）、免费设计素材，设计师的创作灵感、程序员的动效参考——更新有点慢，但篇篇精华。
SiteInspire [英文]
https://www.siteinspire.com/
天下HTML5精良网站合集（PC端为主），收录很多视觉效果不错的网站，更新及时。
TRESENSA [英文]
http://www.tresensa.com/games/
天下HTML5佳构游戏合集，可以在线试玩，H5游戏创作的灵感来源。
【Web设计&开拓篇】
精良网页设计同盟
http://www.uisdc.com/
各种网页设计干系的资源、教程和履历，网页设计师必备。
Media Queries
http://mediaqueri.es.
现在你还没听说过屏幕自适应的网页设计观点，可能掉队别人一大截了……这个网站有各种利用Media Queries（媒体查询，HTML5干系方法）的相应式设计网站，有在不同屏幕下的比拟图，可以不雅观察网站自适应屏幕的断点，非常好用。
ISUX
https://isux.tencent.com/
腾讯ISUX（社交用户体验设计）团队，包含各种网页设计、Web开拓的办理方法、用户体验优化技巧，以HTML5网页、APP运用为主。
设计达人
http://www.shejidaren.com/
集大成者的设计博客，包含网页设计、产品设计、交互设计、前端开拓等信息——阅读较广，富含各种新鲜知识。
Web基本原则--设计&界面 [中英稠浊]
https://developers.google.cn/web/fundamentals/design-and-ui/
谷歌Web开拓设计规范，从相应式设计、用户体验、输入框、动画等方面解释HTML5网页开拓的最佳办理方案。
Material design 中文版
https://material.io/guidelines/
谷歌Material设计规范，设计师必看！
从动效、样式、布局等多个方面定义了天下一流的Web跨平台设计方案——原质化设计。
Mobile Design Inspiration [英文]
http://inspirationmobile.tumblr.com/
iPhone、Android、iPad等移动网页设计实例，很多网页动效设计值得参考——由于收录于tumblr网站，查看需翻~墙。
SimilarWeb [英文]
https://www.similarweb.com/top-websites
天下顶尖网站排名，可以按种别、国别查看，参考行业顶尖网站设计非常实用。
【实用云端工具篇】
搜百度盘
http://www.sobaidupan.com/
按格式（doc、pdf、mp4等）一键搜索各种百度云盘资源！
缺陷是热门资源须要多试几次，由于可能点进去后创造被删——搜书、视频、软件什么的，非常有用。
iH5互动大师
http://www.ih5.cn
H5网页可视化制作的专业工具，功能、性能和用户体验上秒杀各大国产乃至国外的工具，用于微信广告、HTML5网页制作、小游戏、小程序制作等。
Befunky
https://www.befunky.com/create/
快速编辑、导出图片的在线工具，分为编辑器、照片拼贴、设计师三种模式，支持剪裁、系统字体、滤镜等功能，网页设计师偷
百度脑图
http://naotu.baidu.com/
思维导图在线制作工具，可导出成图片——做思维导图的很多，实在一个就够了。
BROWSER SHOTS [英文]
http://browsershots.org/
一键比拟网站在近百个浏览器的显示效果，可以自定义屏幕大小、系统种别、颜色显示、是否支持Flash等性能，H5网页测试必备。
Can I use [英文]
http://caniuse.com/
一键测试各大浏览用具体性能上对HTML5的支持，Web开拓必备。
智图
http://zhitu.isux.us/
图片压缩、提高网页性能必备，比较业内有名的Tinypng的好处是可以实时预览不同图片质量的差别。
【资源下载篇】
365psd
http://cn.365psd.com/
各种免费、付费PSD、矢量图资源下载。
绘艺素材
http://www.huiyi8.com/yinxiao/
各种各样的音效试听与下载，用来为H5页面动态变革听觉上增色必备。
爱思资源
http://www.aseoe.com/webook/
各种HTML、CSS、Javas cript干系的书本下载。
jQuery之家
http://www.htmleaf.com/
各种jQuery、HTML5、CSS3的插件库下载，分门别类，可供网页设计师参考动效设计或利用源码。
jQuery插件库
http://www.jq22.com/
各种网页殊效实例（以jQurey为主）预览和源码下载——常常更新，还附带一定讲解。
Emojipedia [英文]
http://emojipedia.org/
高清图标大全，分不同设备显示的各种Emoji表情，支持打包下载。
Freebiesbug [英文]
http://freebiesbug.com/
各种免费的网页设计资源下载，非常完好。
Freepik [英文]
http://freepik.com/
各种免费PSD、矢量图资源。
PSDDD [英文]
http://www.psddd.co/
各种免费图标、设备、元素的设计资源。
Material System ICONS [英文]
https://material.io/icons/
谷歌Material Design图标大全，原质化设计须要ICON必备。
UI-Cloud [英文]
http://ui-cloud.com/browse/
各种UI源文件下载——更新比较慢，不过资源都是佳构。
当你以为你很理解设计的时候，
可能正是创造你自己一无所知的时候。
【作者解释】
iH5_cn良心出品，转载请注明来源：H5页面制作工具iH5.cn，或ih5_cn。
