网页制作常用网站

检查网页背景是否和文本/链接颜色有较好的对比度

WebAIM Color Contrast Checker

Paletton - The Color Scheme Designer

CSS Drive: Image to Colors Palette Generator

Pictaculous - A Color Palette Generator (courtesy of MailChimp)

取色配色在线工具

色輪 | 色彩配置 - Adobe Color CC

Color Blender

Colors on the Web > Color Tools > Color Wizard

Create Color Schemes, Test Color Combinations - Colorspire

Color Hex - ColorHexa.com

颜色心理学

<Color Psychology Do different colors affect your mood?>

<Infographic : The Psychology of Color for Web Designers>

图片在线处理

Optimizilla在线图片优化器

TinyPNG – Compress PNG images while preserving transparency

GIMP - GNU Image Manipulation Program

灵活响应Web演示

Media Queries    

平面设计原则

平面设计原则 -  Designmodo

PSDFAN - Adobe Photoshop Tutorials, Design Articles and Resources

生成图像映射

maschek.hu - Online Image Map Editor 

Image Map Tool - On-line Image Map Creator - HTML & CSS | Image-Maps.com

测试网页兼容性

CSS - Contents and compatibility

Can I use... Support tables for HTML5, CSS3, etc

开源JS库

Modernizr: the feature detection library for HTML5/CSS3

测试移动显示

TestiPhone.com - iPhone Application Web Based Simulator

Web Developer

Am I Responsive?

Screenfly / Test Your Website at Different Screen Resolutions

CSS制作常用图形

The Shapes of CSS