资源
Wiki
- 维基百科
- http://zh.wikipedia.org
- W3C Wiki
- http://www.w3.org/wiki/Main_Page
- 百度百科
- http://baike.baidu.com
综合
- UE设计平台
- http://www.uehtml.com
- 网页设计，设计交流，界面设计，酷站欣赏
图标
- FindIcons
- http://www.findicons.com
- 图标搜索引擎，近 50 万免费图标
配色
- Color Scheme Designer
- http://www.peise.net/tools/web
- 单色搭配、互补色搭配等
- 配色网：致力色彩搭配方案的交流与学习
- http://www.peise.net
- 国内少有的非盈利配色素材网站
- 中国传统颜色
- http://zhongguose.com
- 应该是 http://nipponcolors.com 的 copycat
- Adobe Color CC
- https://color.adobe.com/zh
- 原为 Adobe Kuler，Adobe 公司的配色工具
在线学习
- CodeCademy
- http://www.codecademy.com
- JS / HTML / CSS / PHP / Python / Ruby / APIs 等的在线学习平台，适合新手入门
- Code School
- https://www.codeschool.com
- Ruby / JavaScript / HTML / CSS / iOS 等的开发教学
- DASH: Learn to Make Awesome Websites
- https://dash.generalassemb.ly
- HTML / CSS / Javascript 入门，循序渐进的教学模式，虚拟的机器人助手，让你的学习更加有趣
教程
- Mozilla Developer Network
- https://developer.mozilla.org/zh-CN
- 大量的理论性、基础性的开发相关知识，部分翻译不全
- WEB开发基础最佳实践手册
- http://wf.uisdc.com/cn
- 谷歌出品
- Google JavaScript Style Guide
- http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml
- 同样是谷歌出品，JS 的代码风格指南
- JavaScript: The Right Way
- http://jstherightway.org
工具
- W3C Markup Validation Service
- http://validator.w3.org
- 万维网联盟标记语言验证服务
- W3C Markup Validation Service
- http://jigsaw.w3.org/css-validator
- 万维网联盟样式表验证服务
- Web Accessibility Checklist
- http://a11yproject.com/checklist.html
- Web 可访问性初学者向导
- CodePen - Front End Developer Playground & Code Editor in the Browser
- http://codepen.io
- 一个针对网站前端代码设计的开发工具，提供多种效果的网站前端代码设计工具，丰富的案例特效，用户可以 demo 的基础上开发自己的前端设计
Cheat Sheets
- The Elements of HTML
- http://rawgit.com/w3c/elements-of-html/master/index.html
- HTML元素列表，详细列举了元素在不同 HTML / XHTML 版本中的存在情况
- The HTML Landscape
- http://www.w3.org/html/landscape
- W3C 官方的 HTML 不同版本的横向比较的相关文章列表
- OverAPI: Collecting All Cheat Sheets
- http://overapi.com
- 覆盖几乎所有开发资源的备忘清单
- Vocabs
- http://apps.workflower.fi/vocabs
- HTML / CSS 语法构成交互演示
模版
- TemplateMonster
- http://www.templatemonster.com
- 著名的网页模版库，借鉴和学习网页趋势的宝地
网站推荐
- Awwwards: Website Awards, Best Web Design Trends
- http://www.awwwards.com
- 精挑细选世界各地的最佳网站，并对其打分颁奖
其它
- Internet Archive
- https://archive.org/web
- 根据时间对互联网上的网站进行存档，可以很容易查到一些网站各个时间段的快照
- Webpages as graphs - an HTML DOM Visualizer Applet
- http://www.aharef.info/static/htmlgraph
- 输入一个网页地址，分析网页元素的嵌套关系，形成漂亮的图表，需要安装 Java 运行时（JRE）。
- DifferenceBetween: Difference Between Similar Terms and Things
- http://www.differencebetween.net
- 用于在学习过程中查找并深入了解各种相近概念区别的网站，内容涵盖技术、商业等各个方面
- 有趣网址之家
- http://youquhome.com
- 不仅供开心一笑，也可以吸取一些创意
留白 页脚：http://weibo.com/1773655610/BsQYk4hWE?ref=&type=comment#_rnd1415692470561 logo：http://weibo.com/1773655610/BdHzG2p2y?ref=&type=comment#_rnd1415692305880 自学加油站！免费在线学习平面设计的顶尖网站TOP 10：http://www.uisdc.com/10-sites-learning-design 【设计基本功！帮你掌握图文排版的5个小技巧】在这里我们将与你分享5个文本与图片搭配的小技巧，希望能帮到你→http://t.cn/RhwvMQc