前端里如果你是一个初学者，你想找高质量的设计资源和高品质的网页设计教程，可以看看本文列出的25个很棒的网页设计教程和资源网站，如果你是高手，也可以把自己制作的设计教程发布到这些网站上，这样更多人能够从你的教程学到东西，同时可以为你的博客带去更多的访客，这是一个双赢的方式。
1. Pixel2Life
Pixel2Life 是最大的资源搜索引擎，在这个网站上，你可以找到各种各样的Photoshop教程和其它的Web开发教程。
2. Good-Tutorials
Good-Tutorials 是一个非常好的的教程来源网站，链接到成千上万的网站、博客和论坛。
3. PSLover
PSLover 是一个另外一个获取和提交Photoshop教程的好出去，分类让你能容易的找到你要的教程。
4. Tutorialized
Tutorialized 是Web的非常不错的教程网站之一，涉及图形设计、Web开发等等很多方面。
5. TutorialVault
Tutorialvault 主要收集图形设计教程和编程教程，同时也有很多CSS、PHP和3D教程。
Capital Tutorials 是相对较小的教程网站，有5000个Photoshop教程被提交上来。
7. Tutorials Garden
超过7000的教程提交到Tutorials Garden，这是一个提交教程的好地方。
8. DesignBump
DesignBump 是一个你可以提交任何有关设计方面的新闻的网站，同时也是提交Web设计和编码方面教程的好去处。
9. Tutorials Expert
Tutorials Expert 和其它资源网站类似，向用户分享高品质的教程链接。
10. Photoshop Lady
Photoshop Lady 旨在收集互联网上最好的Photoshop教程和资源并分享给大家。
11. PSD Top
PSD Top 拥有超过6000个教程，都是非常好的Photoshop教程。
12. FS Tutorials
FS Tutorials 提供各类有关Web设计方面的教程。
13. Tutorial Kit
Tutorial Kit 有比较全面的Photoshop教程，每天更新。
14. Pxleyes
Pxleyes 是图形艺术家常去的网站，拥有很多计算机图形设计方面的教程和资源。
15. Tutorial Index
Tutorial Index 是另外一个免费教程网站，覆盖Photoshop, Flash, 3D, PHP, HTML, SQL/MySQL等很多主题。
16. CG Links
CG Links 主要是关于计算机图形设计方面的教程，你可以提交自己的设计教程与大家分享。
17. CG Tutorials
CG Tutorials 旨在汇集各种设计教程，并给大家一个简单的方法来找到他们所寻求的教程。
18. Learn AI
Learn AI 是一个Adobe Illustrator教程搜索引擎，你可以找到各种各样的教程。
19. Photoshop Roadmap
Photoshop Roadmap 是一个专门收集Photoshop资源的网站。
20. Design Float
DesignFloat 是一个类似DesignBump，面向Web设计师和开发者的社区。
21. Tutorial King
Tutorial King 旨在收集高质量的Photoshop教程，挺不错的一个网站。
22. Toxic Lab
Toxic Lab 提供有关Web设计和开发工具的免费教程和指导。
23. Tutorials Room
Tutorials Room 是一个快速增长的教程网站，涉及Photoshop、Flash、编程等等。
24. Web Design Library
Web Design Library 是一个关于设计资源、设计思想和研究方面的网站。
25. Best Photoshop Tutorials
Best Photoshop Tutorials 是一个非常棒的Photoshop资源网站。
（编译来源：前端里 原文来自：Gain More Traffic: Useful Sites For Web Design Tutorial Submission）
用 JavaScript 实现一个很牛的扫码功能
