一、配色类网站
这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。
180种渐变方案供你选择，还可以直接复制CSS样式应用到网页中
这个是Adobe公司出的，他提供了多种配色方案。我们点击圆盘中间的点，就可以调整出我们想要的配色方案。
这是一个提取现有图片配色方案的工具。我们上传一张图片，它就会帮我们把图片的配色提取出来供我们使用。
这个网站是为WEB设计，开发中经常用到的安全色。网站内列出了颜色的十六进制码和RGB码，复制粘贴就可以了。
这是一个在线RGB和十六进制颜色码转换工具。在对应的位置填入十六进制代码，点击转换，我们就可以获取到RGB颜色的代码了。
二、图标类网站
这是阿里巴巴旗下的图标库网站，直接搜索关键词就可以找到大批的图标。下载图标的时候我们还可以选择颜色、大小、格式，根据自己的需要下载就好了。
这也是一个非常有名的图标库，与上面那个不同的是，这里的图标不是单一颜色的，而是设计好的颜色。下载图标也很简单，直接点击对应图标上面的格式就可以下载。
奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。
三、插件类网站
这个网站分享jQuery插件和提供各种jQuery特效的详细使用方法,在线预览,jQuery插件下载及教程
这个网站与上一个网站类似，也提供了大量的jQuery插件
这是一个强大的模块化前端框架
四、素材类网站
千库网，一个免费下载图片素材的网站
是一个分享免费高质量照片的网站，照片分辨率都挺大，而且都是真实的摄影师作品，图片多是风景和静物。
五、字体类网站
有字库，一个免下载字体，直接在线引用字体的网站。
六、工具类
一个在线工具网站，包含大量在线工具
一个在线图片压缩工具，可以批量使用
各种前端类工具和技术文章
一、配色类网站http://colorhunt.co这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工...
前端工程师必备实用网站
一、配色类网站
http://colorhunt.co
这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应...
新建设置自定义：（可存储为预设）
宽度 1920像素
高度 2000像素（可改）
分辨率 72像素/英寸
颜色模式 RGB颜色
背景内容 透明视图设置视图-显示-智能参考线
HTML5已经火了一段时间了，相信作为web相关开发工程师，肯定或多或少的了解和尝试过一些HTML5的特性和编程。还记得以前我们介绍过的HTML5新标签。 作为未来前端开发技术的潮流和风向标，HTML...
Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。
　　2005年以后，互联网进入Web
2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地...
1.变量作用域var a = 1;
function test() {
var a = 2;
console.log(a); // 2
}test();上方的函数作用域中声明并赋值了a，...
你是站长还是前端开发人员？你想创建一个更快的网站吗？这里还是要推荐下小编的web前端学习群:606加721加798，不管你是小白还是大牛，小编我都欢迎，不定期分享干货，包括小编自己整理的一份2最新的w...
日常上网必备趣味，实用的100个网站合集，赶紧收藏吧！
　　1.强大的“搜狗输入法”
　　http://pinyin.sogou.com/
　　2.免费发短信的网站【20...
没有更多推荐了，前端工程师必备实用网站（转自IT青年） - 简书
前端工程师必备实用网站（转自IT青年）
一、配色类网站
这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。
这个是Adobe公司出的，他提供了多种配色方案。我们点击圆盘中间的点，就可以调整出我们想要的配色方案。
这是一个提取现有图片配色方案的工具。我们上传一张图片，它就会帮我们把图片的配色提取出来供我们使用。
这个网站是为WEB设计，开发中经常用到的安全色。网站内列出了颜色的十六进制码和RGB码，复制粘贴就可以了。
这是一个在线RGB和十六进制颜色码转换工具。在对应的位置填入十六进制代码，点击转换，我们就可以获取到RGB颜色的代码了。
二、图标类网站
这是阿里巴巴旗下的图标库网站，直接搜索关键词就可以找到大批的图标。下载图标的时候我们还可以选择颜色、大小、格式，根据自己的需要下载就好了。
这也是一个非常有名的图标库，与上面那个不同的是，这里的图标不是单一颜色的，而是设计好的颜色。下载图标也很简单，直接点击对应图标上面的格式就可以下载。
奥森图标（Font Awesome）提供丰富的矢量字体图标—通过CSS可以任意控制所有图标的大小 ，颜色，阴影。
三、插件类网站
这个网站分享jQuery插件和提供各种jQuery特效的详细使用方法,在线预览,jQuery插件下载及教程
这个网站与上一个网站类似，也提供了大量的jQuery插件
这是一个强大的模块化前端框架
H-ui前端框架，一个轻量级前端框架，简单免费，兼容性好，服务中国网站。
四、素材类网站
千库网，一个免费下载图片素材的网站
是一个分享免费高质量照片的网站，照片分辨率都挺大，而且都是真实的摄影师作品，图片多是风景和静物。
五、字体类网站
有字库，一个免下载字体，直接在线引用字体的网站。
PS字体库，包含了几乎所有类型的字体，下载好安装，PS中就可以使用了。
今天就分享这么多吧！大家如果有什么好的工具或者是网站，可以留个言分享一下。咱们共同学习，一起进步！
已经度过中二的少年
一、配色类网站 http://colorhunt.co 这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。 https://webgradients.com/...
一、配色类网站 http://colorhunt.co 这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。 01.png https://color.adob...
一、配色类网站 http://colorhunt.co这个网站给我们提供了很多的配色方案，我们直接使用就OK了。使用方法也很简单，鼠标移动到对应的颜色上，我们就可以看到颜色的十六进制码，复制这个颜色到工具里就可以使用了。 https://webgradients.com/1...
前端知识体系http://www.cnblogs.com/sb/p/3894452.html 前端知识结构https://github.com/JacksonTian/fks Web前端开发大系概览https://github.com/unruledboy/...
前端知识体系 http://www.cnblogs.com/sb/p/3894452.html 前端知识结构 https://github.com/JacksonTian/fks Web前端开发大系概览 https://github.com/unruledb...
第二遍看围城了，没有经历过婚姻，而且只谈过一次恋爱，还是初一那个什么都不懂的年纪，并没有理解的多深刻。
在书中，很喜欢赵辛楣。虽然赵刚出场时误以为方鸿渐是自己的情敌处处针对方，但最终误会解除也和方成了好友。最喜欢的是他的洞察力和看人的眼光。赵一直在提醒方，孙是个...
【少年游】送女返校
以琳_/词牌/词林正韵夏花飞去好凉秋，归雁已声稠。西窗月清，北疆风冷，从此隔江洲。在外勤学常自勉，莫作逐波流。胸满气华，志存芳溢，值汝毕生求。 【评委点评】小李杜：这首词题为送女，并没有对送女一事直接进行描写，而是通过上片虚写之景物来...
趁他还在最好的年纪 为他创造一片最大的天空 这是我们给他的诺言 在我们对他期冀的目光中 努力给我们一个愈加完美的他 这是他给我们的承诺 十年如白驹过隙一般掠过后 我们还在 他也还在，这是我们和他最美的约定
原文链接wrap_content只会测量自己，不受最终约束的限制match_constraints（0dp）将根据约束限制小部件的大小，但如果wrap_content比约束还小也不适用 更好的View尺寸控制 ps:在1.1.0 beta 2中可以使用
你们这些城里人，想要的东西可真多。 有的想要房子，想要欧式装修，想要生活配套，想要一种保障。 有的要工资薪水，想要好福利，想要好发展，想要眼界，想要人脉。 有吃的有穿的早就满足不了你，你还想要旅游，想看樱花，想去瑞士滑雪，想去美国逛好莱坞。 还有的说自己什么都不要，只想要爱...Web设计是一个不断变化的领域，因此掌握最新的发展趋势及技术动向对设计师来说非常重要，无论是新技术，还是寻找免费资源与工具，设计博客都是很不错的去处。
1. Smashing Magazine
Smashing Magazine创建于2006年，是最好的设计博客之一，有很多Web设计和开发方面的高质量文章，内容涉及、CSS、JavaScript、Photoshop、Wordpress、壁纸和网站可用性。
2. Net Tuts
Net Tuts是一个高品质的设计博客，发布技术，技巧方面的文章和教程，内容涉及HTML、CSS、 Javascript、CMS、ASP.net、PHP、Ruby以及数据库等。
3. PSD Tuts
PSD Tuts是一个非常不错的Photoshop教程博客，隶属于Tuts+网站群，是寻找有关Photoshop图形设计和效果技术教程的好去处。
4. Six Revision
Six Revisions由Web开发工程师Jacob Gube创建于2008年，发布Web设计和开发方面非常有用的技巧、资源和教程等内容。
5. We Function
wefunction是一个非常好的设计博客，发布非常有用的Web设计和开发方面的资源和教程，还有Wordpress主题等。
6. Smashing Apps
Smashing apps主要向Web设计和开发者分享非常有用的免费在线工具，另外还有很多其它的免费教程和资源。
7. Fuel Your Creativity
Fuelyourcreativity顾名思义是重点关注创意的一个设计博客，内容主要有创意工具、技术发展趋势以及免费资源等。
8. Think Vitamin
Think vitamin创建于2006年，内容涉及JavaScript、HTML、CSS和Ruby on Rails等方面。
9. Instant Shift
Instant shift是Web开发人员最喜欢去的网站，内容涉及网页设计、图标、免费工具、壁纸、Wordpress等等。
10. Web Designer Wall
Web designer的作者是Nick La，拥有丰富的设计经验，其博客内容涉及设计思想、教程和现代设计趋势等方面。
Noupe由Noura Yehia创建于2007年，内容涉及CSS、Ajax、JavaScript、Photoshop、Wordpress以及网页设计等。
12. Web Design Ledger
Web Design Ledger是一个分享设计技巧、教程和设计工具的平台，是一个非常好的设计博客。
13. Designm.ag
DesignM.ag成功的为Web设计和开发人员建立了一个基于社区的平，和其它博客一样有很多很多吸引力的内容。
14. Abduzeedo
Abuzeedo由Fabio sasso创建于2006年，是最流行的设计博客之一，内容主要是关于设计教程、壁纸以及访谈。
15. Specky **
Specky**创建于2007，经过多年发展成为了流行的设计博客，主要发布网页设计教程、免费资源、平面设计以及移动开发等。
16、Startcup.in
Startcup.in：初创企业前端研究博客是一个针对初创公司探讨发展，介绍成功案例的博客网站，随着创业团队和企业的不断出现，如果更好的为初创公司开发和推广产品，该博客有很多深入的介绍。
17、CodePen.io
CodePen.io：网站前端设计开发平台是一个针对网站前端代码设计的开发工具，提供多种效果的网站前端代码设计工具，丰富的案例特效，用户可以demo的基础上开发自己的前端设计。
via:http://bbs.html5cn.org/thread-.html
阅读(...) 评论()查看:16210|回复：16
(193.18 KB)
(204.72 KB)
都掌握就是高手了！
引用:原帖由 麦麦啼 于
17:32 发表
都掌握就是高手了！ 是的是的
看了这个图我都怀疑人生了，才会十分一
中级工程师
都掌握还是前端吗，我看应该是总工程师了。
高级工程师
前端本来就应该掌握这些东西吧
提示: 作者被禁止或删除 内容自动屏蔽
你还是挺不错的 真的做的很好呢
提示: 作者被禁止或删除 内容自动屏蔽
的确需要掌握这么多才能称的上真正的前端工程师！
感觉充满干劲~
以后看到这种图。。我都放弃啦。。。
宝剑厉不厉害，要看它的主人是谁，不信来看看~！
手机端幸运转盘抽奖插件，免费下载：
发现还有很多的可以下载
从入门到放弃。。。
推荐个学习PLC的地方，荔枝微课搜索“工控PLC自动化”，提升自己的水平!Web工程师必备的18款工具
发表于 16:41|
作者夏梦竹
摘要：工欲善其事，必先利其器。本文作者Ivan Zuzak整理了一份Web工程师在线工具集，旨在帮助开发者利用这些工具来进行开发、测试、调试以及文档编排。相信会对你有所帮助。
工欲善其事，必先利其器。本文作者整理了一份Web工程师在线工具集，旨在帮助开发者利用这些工具来进行开发、测试、调试以及文档编排。
Zuzak认为收集的这些工具前提在于：
必须是一个灵活的Web应用程序（无扩展或者必须拥有自己的应用程序）
免费使用（提供某种可用的免费计划）
广泛的适用性（不只为特定的应用/平台）
对Web工程师来说必须是有用的（不仅仅是针对Web网站设计）
本中所例举的这些版本都是Zuzak曾使用过的或是正在使用的，其中和是他强烈推荐的两款。当然，本文涉及到这些工具也许并不全面，如果你有新的或者更好的工具，欢迎在评论里列出。
Web工程师在线工具箱：
：允许你创建一个URL，利用这款工具进行收集请求，然后通过个性化方式进行检查。
：发出HTTP请求，输入URL，设置标题，查看响应，最后分享给其他人。类似的工具有：,&.。
：HTTP请求&响应服务，涵盖所有的HTTP方案（例如不同的HTTP verbs、状态代码和重定向）。类似工具：。
：这是一款智能工具，帮助用户检查HTTP资源，可查看它的操作情况，指出常见的问题并提出改进。类似工具：。
：用于创建webhooks模板的API。类似工具：。
：公开锁定在HTML文档没有任何API数据集。APIfy从结构标记中提取数据，并将其转换为JSON APIs。
：W3C统一的验证程序，可在各种流行的HTML和CSS验证器中执行各种检查。类似工具：。
：支持W3C验证，为RSS和ATOM提供阅读源。
：从网站中提取链接（递归）并确保没有链接被定义为两次（重复定义），所有的链接被引用并警告HTTP重新定向。
：通过分布式ping/跟踪检查、定期监测、邮件/SMS /IM通知和统计进行网站检测性服务。类似工具有：,&
：允许用户测试网页记载时间、分析、监控，发现瓶颈并导出HAR格式的结果。类似工具：。
：通过 HTTP 追踪工具创建可视化的HTTP Archive (HAR)日志文件。
：通常会由于相同的域而被阻止，而这款工具在网站上允许JavaScript代码访问其他域上的资源，
：支持使用所有主要浏览器以及各种版本进行交互式跨浏览器测试。
: 从浏览器定向到WebSocket echo服务器进行WebSocket连接测试。
：极富表现力类似于SQL的语言，允许您查询、筛选和联接数据跨Web服务。
：一个图形化的用户界面，用于创建数据混搭，生成聚合Web源，Web页面和其他服务。
：语言和工具用于生成REST API文档及进行交互式督查。类似工具：。
英文出自：
推荐阅读相关主题：
网友评论有（0）
CSDN官方微信
扫描二维码,向CSDN吐槽
微信号：CSDNnews
相关热门文章