火星网校
开启洪荒之力，20款前端设计师必备的代码工具！
发布时间：2018-11-17 19:57:24
毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。
今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程，这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。合理的选取适合你的工具，并且运用到对的项目当中，当有奇效。
1、HTML-COLOR-CODES
如果你需要HTML色彩代码，那么通过这里的取色器、色表，可以帮你快速获取Hex值，RGB和HSL值，对于设计师和前端而言非常实用。
2、FONT FLAME
Font Flame是一个帮你无忧无虑地选取网站字体的服务，它会让选取字体成为一种充满乐趣的过程。
3、PURE-CSS-APPLE
这是一个纯粹的苹果设备的代码转换工具，全程只涉及到一些CSS3动画和一些JS代码。
4、CODESIGN
Codesign是一个超级方便的在线工具，能够让你的设计拥有组织明确、快速干净的视觉反馈。
5、PIXEL MAP GENERATOR
PixelMapGenerator是一个帮你制作高交互性、创意十足的地图的工具，你可以帮你保存成为图片或者JS代码，便于网站使用。
6、DROP
Drop.js是一款JS库，可以帮你生成各种下拉框按钮等控件或者元素。
7、APOSTROPHE
Apostrophe是一个基于Node.JS和MongoDB的内容管理系统，它可以帮你创造复杂的内容驱动的网站。
8、GRADIFY
Gradify可以帮你从照片中找到主色调，并且生成一套可拓展、响应式的CSS渐变色代码。
9、XPOSIT
无需编写代码，Xposlt可以以可视化的方式动态编辑你的HTML文件，它还是一个开源的内容管理系统。
10、PARADEISER
Paradeiser主要是帮你解决响应式网页设计中最关键的元素之一——导航。
11、COPY N HASTE
不论你是不是程序员，这个网站都能作为一个展现你打字技能的平台而存在。
12、CodeDoodle
CodeDoodle是一个用来策划创意代码涂鸦的地方，你在这里能够看到各种各样优秀有趣的动画。
13、IOS-COLORS
这个网站会为你提供一系列基于iOS的色彩或者渐变色彩的合集，值得试试。
14、FRONTIFY
在Frontify的帮助下，你能创造许多漂亮的样式，并且轻松地保存。
15、COHESIVE-COLORS
Cohesive Colors是一款能够帮你创造充满凝聚力配色方案的工具。
16、FLEXBOX
FlexBox能够帮你免费学习CSS Flexbox，你可以从免费提供的20个视频中了解到关于CSS FlexBox的知识。
17、GRID-LAYOUT
这是一个轻量级的栅格系统，可以兼容横向和纵向的Web应用，最关键的是它还保留了对于旧版浏览器的支持和兼容。
18、CSSPLUS
这是一个为前端所准备的基于CSS的工具，快速而强健是它的特色。
19、WALLOP
Wallop是一个仅有4kb的库，帮你实现一款极简的轮播图，用来展示图片等内容。
20、EXPORT-KIT
Export Kit是一款进阶的PS插件，帮助用户将PSD转化为HTML、CSS甚至是Wordpress主题、jQuery代码，甚至能够兼容到Android平台。
（译者：@陈子木，原文链接：http://www.webdesigndev.com/coding-tools-web-designers/）
分享
学员作品赏析
-
2101期学员李思庭作品
-
2104期学员林雪茹作品
-
2107期学员赵凌作品
-
2107期学员赵燃作品
-
2106期学员徐正浩作品
-
2106期学员弓莉作品
-
2105期学员白羽新作品
-
2107期学员王佳蕊作品
热门课程
专业讲师指导 快速摆脱技能困惑
相关文章
多种教程 总有一个适合自己专业问题咨询
你担心的问题，火星帮你解答-
春节之后大量抢人！这6个行业是转行首选，进去1年顶3年！火星毕业就能进
春节后求职，哪些行业进去能立马涨薪？打破信息差很关键！
-
还没毕业，就去帮电视台拍活动，作品被主任说“非常好”！猜猜是哪个专业呀？
-
回想过去，电子游戏里的草其实并不是真正的草。开发者们只是简单地把草的纹理直接贴在游戏关卡的地板上
-
在火星的就业指导老师那里，经常收到同学们这样、那样的提问。其中有一些共性问题，就业老师会根据自己丰富的经验，为同学们给出合适的回答。
-
电影剪辑通常被称为“隐形的艺术”，尽管剪辑师的名号不如导演的名号响，但是如果缺少了剪辑师对拍摄素材的二次加工，电影作品将缺少其......
-
今天，我来和大家聊聊，迪士尼动画《海洋奇缘》系列是怎么用Maya软件为他们最新的续集打造获奖动画的。
