1. Fribbble
来自Dribbble的免费素材会在这个网站汇集，有图标、PSD、各类视觉稿，不一而足。
2. Behance project template
在Behance上发布设计项目的时候，不知道如何展示才漂亮？看看这篇文章，下载结尾漂亮的模板，问题就迎刃而解了。
3. psddd.co
这也是一个寻找免费PSD文档、虚化背景图和漂亮UI元素的好网站。
4. colour lovers
如果你还在为寻找好的色彩搭配而纠结，那么千万不要错过这个网站，你要的一切都在这里，从灵感搜集到成型的方案，满足你的每一个愿望。
5. CG textures
这个网站提供了大量的免费图片，这类图片大多是关于石头、天空、树木等富有纹理质感的对象，当你需要制作有质感的对象的时候，这个网站会成为你最好的帮手！
6. Subtle Patterns
纹理神站！它不仅提供了超过400款高品质纹理素材，还提供了在线纹理制作工具，你还在等什么呢？
7. Webydo
著名的无代码网站搭建平台Webydo在此，上手试试吧~
8. guideguide
如果你也苦于设计网页中的栅格和布局，那么GuideGuide 会是你的好帮手。大家也曾发文讲述如何使用这一工具《PS 参考线插件GUIDEGUIDE下载及使用说明》
9. No more banding
有时候使用PS制作渐变效果的时候，渐变效果并不平滑，而是呈现出阶梯状的变化，这个动作可以消除这种阶梯状渐变，看起来更加顺畅平滑，非常不错哦。
10. Gridzzly
Gridzzly 可以帮你制作自己的格纸，制作出非常不错的印刷图案，精确而实用。
11. Make app Icon
这个工具可以帮你将你的图标转变为可为iOS和Android 设备使用的APP图标尺寸。
12. Perfect Effects 3
这是专门为摄影师所设计的工具，使用Perfect Effects 3 你可以更容易添加效果，想比起耗时庞大的Photoshop、Lightroom以及Aperture，它更加快速实用。
13. Cut & Slice
著名的Mac平台切图工具，它可以帮你在短短几分钟内搞定分组切图的工作，不过请务必记住要重命名各个图层。
14. Layrs Control 2
这是一组包含7个不同脚本的图层管理插件合集，它可以让你繁琐的工作更加简单。
15. Hexy
选择图层，高亮文本，然后通过拾色器来取色，有的时候是太过复杂的过程，Hexy 则非常方便，它可以使用滴管快速取色然后直接复制到剪切板当中，即取即用。
16. WhatTheFont!
看到一个漂亮的字体想知道它到底是什么字体？试试WhatTheFont吧，上传截图，它会为你在数据库中进行匹配。
17. Typewolf
Typewolf 可以帮你显示正在浏览的网站所使用的字体，推荐类似的字体和背景信息。
18. Size Marks
Size Marks是一个非常实用的 Photoshop 脚本，它可以测量不同元素之间的距离，对于设计师和前端颇为有用。
19. Velositey Version 2
仅需要几秒钟，Velositey 可以借助模板在Photoshop中快速构建网页布局。
20. FontAwesomePS
这个工具可以帮你快速搜索图标，一键点击将其新建为新的图层，并且可以轻松编辑。
21. Liveshare PS
借助LivesharePS，你可以将PSD文档在Liveshare会议上在线分享展示，你的任何操作都可以让大家看到，哪怕你没有点击保存按钮。
22. Photoshop Share plugin
这个插件可以让你无需离开Photoshop就一键分享你的设计作品。
23. Prisma
想把你的AI中的配色方案同步到PS？Prisma 可以让所有支持这一插件的软件中的配色方案都同步起来。
24. Free Lorem Ipsum Generator
这是最好的假文生成器，可以在Photoshop、AI、ID和Dreamweaver 中使用。
25. Free Behance Presentation Builder
这个免费的Behance 展示生成器可以借助一个免费PSD文档和PS动作帮你将作品制作成展示效果。
26. Kaku
一个简单的PS插件，可以帮你将图层中的文本而翻译成不同的语言。
27. Instagram Filters
这是一组13个滤镜，可以在PS中帮你将图片制作成类似Instagram的效果。
28. VSCO Cam Effect in Photoshop Tutorial
来自Go Media的Simon Hartmann 撰写了这篇实用而炫酷的教程，教你如何在Photoshop中实现VSCO处理图片的效果。
29. Social Kit
这款Photoshop插件包含了一系列可用于社交媒体的图片、广告Banner和资料信息等内容。
30. Mobile UI Blueprint psd files
这是一组免费的包含大量移动端UI元素的PSD文档。
31. Free Images
这个网站之前一直以sxc.hu而闻名，其中包含了395000 多个可免费下载的图片。
32. UI Cloud
这是世界上最大的UI设计数据库，现在它包含了超过46000个UI控件，并且可以免费下载。
33. Mock Up Zones
Mockup Zones 为你提供了大量优秀的免费视觉稿下载，从iPhone、iPad 的界面设计到商业名片和文化衫设计，覆盖广泛。
34. Macbook Air and Thunderbolt Display
这是一组用来展示设计作品的Macbook Air 和 Thunderbolt 显示的视觉稿 PSD文档。
35. Greyscalegorilla 3D Tutorials
设计师 Greyscale Gorilla 的个人站点，这个才华横溢的设计师在自己的网站中发布了许多制作3D设计作品的教程。
36. Vray Materials
如果你是经常使用C4D的设计师的话，这个网站不要错过，其中有许多优质的贴图材质素材。
37. Blendme
这个可用于PS和AI的插件可以让你直接在软件中搜索并获取各类素材。
38. AdobeKnowHow
这个是Adobe最新推出的教程网站，提供了几款著名软件的免费的初级课程。
39. Tuts
这是最知名的PS教程网站，不论你是初学者还是专业的设计师，都能从中获益良多。
40. Pixeden
这是一个堪称伟大的免费资源包，从视觉稿到模板、图标，非常全面，不要错过
前端工程师与后端工程师的区别主要体现在三个方面，其一是工作的职责不同，其二是知识结构不同，其三是发展领域不同。
前端工程师主要的工作职责分为三大部分，分别是传统的Web前端开发，移动端开发和大数据呈现端开发。Web前端开发主要针对的是PC端开发任务；移动端开发则包括Android开发、iOS开发和各种小程序开发，在移动互联网迅速发展的带动下，移动端的开发任务量是比较大的，随着5G标准的落地，未来移动端的开发任务将得到进一步的拓展；大数据呈现则主要是基于已有的平台完成最终分析结果的呈现，呈现方式通常也有多种选择，比如大屏展示等。
后端工程师的主要职责也集中在三大部分，分别是平台设计、接口设计和功能实现。平台设计主要是搭建后端的支撑服务容器；接口设计主要针对于不同行业进行相应的功能接口设计，通常一个平台有多套接口，就像卫星导航平台设有民用和军用两套接口一样；功能实现则是完成具体的业务逻辑实现。
在知识结构方面，前端开发涉及到的内容包括Html、CSS、JavaScript、Android开发（采用Java或者kotlin）、iOS开发（采用OC或者Swift）、各种小程序开发技术（类Html），随着前端开发任务的不断拓展，前端开发后端化也是一个较为明显的趋势，比如Nodejs的应用。
后端开发通常需要根据业务场景进行不同语言的选择，另外后端开发的重点在于算法设计、数据结构、性能优化等方面，在具体的功能实现部分可以采用Java、Python或者PHP等编程语言来实现。对于不少中小企业来说，后端开发通常都会采用开源的开发平台，这样就可以把精力集中在业务处理上，通常应用级程序员就可以解决问题，相应的开发成本也会有大幅度的下降。
最后，从应用范围来看，前端开发显然有更广泛的应用场景，所以建议职场人掌握一定的前端开发技术。
偶从事互联网行业多年，目前也在带计算机专业的研究生，主要的研究方向集中在大数据和人工智能领域，偶会陆续写一些关于互联网技术方面的文章，感兴趣的朋友可以关注偶，相信一定会有所收获。
如果有互联网方面的问题，或者考研方面的问题，都可以咨询偶，谢谢！
不需要下载，只需要在用到模板的时候，引入bootstrap的css样式就行了
