设计相关

1. 图片、图标(Icons)：

• 最佳图标设计集合
• FindIcons图标搜索引擎
• Icon Archive
• PNG icons & Icons Picks Download
• DryIcons - Free Icons and Vector Graphics
• Icon Easy
• Tutorial9 | Photoshop Tutorials, Photography Tuts, and Resources
• 16 Sketchy Hand Drawn Icon Sets
• Gnome Icon Theme
• dutch icon?
• 开源图标库
• PhotoShop：PhotoShop通道白解 | PhotoShop CS5序列号

2. 字体：

• 什么是衬线体
• 让代码更美:10大编程字体
• Type is Beautiful - 字体排版
• Google Font Directory
• ASCII Generator
• 假文填充：Lorem ipsum | 中文假文MoreText.js MoreText的Vim插件 | 亂數假文產生器 Chinese Lorem Ipsum

3. 表格：

• 15个优秀的表格设计技巧
• Creating a table with dynamically highlighted columns like Crazy Eggs pricing table
• 越减越妙：简单表格的再设计
• 15款提高表格操作的jQuery插件

4. 资源：

• Dribble：著名设计师聚合网站
• 站酷：交流设计、分享快乐
• 全景：创意图片库
• Designlol：全球设计精享
• Designboom
• 配色方案：Color Schemer | kuler | Piknik Color Picker
• 80多个绝对漂亮的双屏壁纸

HTML & CSS

• CSS Hacks & Expression
• XHTML Character Entity Reference HTML实体字符引用
• 精选15个国外CSS框架
• Pure Css Speech Bubbles

1. CSS栅格系统(Grid System)：

• The 1Kb CSS Grid - 拖放各个阈值并直接下载自动生成的CSS。
• Variable Grid System - 可直接修改各个阈值并预览效果。
• Grid Designer
• YAML Builder - A tool for visual development of YAML based CSS layouts.
• 960 Grid System 960-Grid-System@github
• 网页的栅格系统设计 - 青云
• 我的栅格系统 - 明城
• Five simple steps to designing grid systems 2 3 4 5

2. CSS疑难杂症：

• HasLayout和BFC(Block Formatting Contexts)的区别完整对比
• Block Formatting Contexts的特性
• hasLayout.net
• On having layout 中文版
• Internet Explorer 6 and the Expanding Box Problem
• 万能清除浮动样式
• CSS Border使用小分享
• 表格樣式集錦
• 复选框单选框与文字对齐问题的研究与解决
• 连续字符自动换行的解决方案
• 三谈Iframe自适应高度 | 再谈iframe自适应高度
• 跨浏览器的inline-block en
• display:inline-block的深入理解

HTML5 & CSS3

• Dive Into HTML5
• HTML5训练营
• HTML5 WebSockets
• IE支持HTML5
• 感受HTML5&CSS3
• 用JavaScript玩转计算机图形学：(一)光线追踪入门 (二)基本光源

1. Canvas：

• Canvas (HTML元素)
• Canvas Tutorial
• Canvas 教程 en
• The canvas element
• HTML5 Canvas

2. Canvas使用教程：

• 开题
• 基本语法
• 图形绘制
• 图片应用

3. Canvas Games：

• Unreal Soccer
• Canvascape
• Plasma demo using the HTML Canvas element
• Lodes Computer Graphics Tutorial
• CubeOut - 3D 俄罗斯方块
• 自行车越野
• Box2DJS
• Canvas Cycles
• Agent 8 Ball - 台球

4. 工具：

• CSS3 Generator
• CSS3 Gradient Generator
• CSS3 Button Maker
• CSS3 Please! - The Cross-Browser CSS3 Rule Generator

5. Framework：

• mxGraph - the AJAX diagramming soluting
• Scalable Vector Graphics Web Browser using Flash
• HTML5 Canvas for Internet Explorer
• Library that provides support for SVG and VML with an SVG style interface
• DHTML: Draw Line, Ellipse, Oval, Circle, Polyline, Plygon, Triangle, with JavaScript
• 翻译Browser Drawing一篇:Canvas/SVG/VML Drawing Roundup
• Three.js
• Rapha?l - 非常棒的跨平台 JavaScript 图形库 | raphael@github | blog
• uupaa.js spin-off projects

6. Demo：

• Alex Buga Livingroom
• burn-canvas-test - 画图
• 10 HTML5 Demos to Make You Forget About Flash cn
• deviantART Muro
• Biolab Disaster - Game
• 乒乓球游戏：左边用Flash，右边用HTML5
• 20 Things I Learned About Browsers and the Web
• Pure CSS Twitter ‘Fail Whale’
• CSS3-Man
• A啦多梦告诉你浏览器对 CSS3 的支持程度

前端相关

• World Wide Web Consortium
• The Web Standards Project
• W3Schools Online Web Tutorials
• HTTP 状态代码
• 网页错误代码详解
• w3school - 在线教程
• REST介绍
• 浏览器兼容解决方案(AliceUI) | W3C 标准文档(AliceUI)

Microformats：Microformats | 什么是微格式及经典实例演示 | 微格式 - Wikipedia en | Microformats Cheat Sheat | 微格式全功略Hcard、 hCalendar、hReview、XFN 轻松掌握 | 微格式 Microformats ? hCard | 使用微格式来丰富网站语义：简介 | Getting Semantic With Microformats, Introduction

Javascript

• nej.netease.comeme