转载：CSDN首页-软件研发

原文地址：http://www.csdn.net/article/2013-04-22/2814991-20-useful-tools-and-resources-for-Web-designers

【只做备份用。怕以后找不到了】

20款非常实用的Web工具和资源列表

发表于6小时前|2943次阅读| 来源CSDN|3 条评论| 作者张红月编译

前端开发CSS开发工具

摘要：对Web工程师而言，掌握一些优秀的工具不仅可以让开发工作事半功倍，而且还能增强自身实力，触类旁通。本文整理和收集了20款非常实用的资源列表，它们能够帮助你降低Web开发过程中的复杂度，节省时间和精力。

1.Niice

Niice本质上是一个设计搜索引擎，其结果来源于Designspiration 、Behance、Dribbble。搜索示例：black and white script lettering。

2.Pixel Dropr

Pixel Dropr是PhotoShop的一款插件，由UI Parade公司设计开发，是一个集成了图标、插图、照片、按钮等设计元素的工具面板，用户可以轻松地将设计元素从Pixel Dropr的面板上拖拽到任何PSD文件中。

3.Designer News

Designer News是一款强调设计的新兴工具。

4.Firefox’s Font Inspector

Font Inspector是Firefox在DevTools里新添的一款typography-centri工具，点击查看更多详细介绍。

5.Cloud Comp

Cloud Comp是由Cloud APP提供的一款轻量级工具，设计师可以使用它与客户共享APP和网站排版。点击查看更多详细介绍。

6.Sidebar.io

Sidebar是一个网站，在它的页面上每天都会提供5个最好的设计链接给大家。

7.BLOKK

BLOKK是一款由破折号组成的字体，可用于快速建立原型图与线框，点击查看更多详情。

8.What’s My Browser Size?

顾名思义，What’s My Browser Size?是一款显示当前浏览器窗口尺寸的Web应用。

9.Intuitive Color Picker

Intuitive Color Picker是一款取色器。同类型的应用有0 to 255和Colllor。

10.Timehub

11.Helvetica vs Arial

字体排版在Web设计中扮演着非常重要的角色，许多设计师对一些相似的字体很难知道它们的区别，比如 Helvetica和Arial。该资源将不仅能很好地测试你们的技能，并有助于区分这两种字体。

12.HEX to RGB Converter

这是一个非常小的网站，把HEX转换成RGB代码。推荐尝试Colorrrs。

13. PlaceIt

PlaceIt是一个简单的拖放工具，可以让你在几秒钟内生成非常逼真的产品截图。

14.Heyoffline.js

这是一个JavaScript插件，当网络设备下滑时，会通知用户保存信息，以免数据丢失。另外推荐Garic.js插件，用于存储本地表单数据。

15.Keynote/PowerPoint for UX Tests

Keynote是Google Ventures团队的首选工具，用于构建功能模型，并且非常实用。

16.Alfred Workflows

如果你是Alfred用户，可以查看这款CSS颜色转换流程。

17.PLTTS

PLTTS（读作Pallets），是一款为项目确定颜色的工具。

18.Chardin.js

Chardin.js是一个jQuery插件，可以为Web应用程序提供简单的叠加式说明（overlay-style instructions），点击查看特效。

19.Mincss

Mincss是一款垃圾清除器，通过查找和删除选择器可以清除CSS中的“垃圾”。

20.CSSCSS

CSSCSS与Mincss类似，通过解析CSS文件来解释一些规则和重复使用的声明。

英文来自：TNW

20款非常实用的Web工具和资源列表相关推荐

20 款优秀的数据可视化工具，总有一款你用的到！
今天给大家分享20款优秀的数据可视化工具,欢迎收藏! /01/ 入门级工具 01 Excel Excel的图形化功能并不强大,但Excel却是分析数据的理想工具,上图是Excel生成的热力地图. 作为 ...
分享一款绝对实用的文件管理工具--ES文件浏览器。
<ES文件浏览器>介绍:这是一款绝对实用的文件管理工具,不管是图片.音乐,还是视频.文档都能够统一管理,清楚明了的分类,超高的内存储存空间,让你手机文件不再乱七八糟. 功能: 1.程序管理 ...
24款非常实用的CSS3工具终极收藏
对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择.如今,用纯CSS就可以实现各种各样很酷的效果,甚至是动画.今天这 ...
HTML5--CSS3在线编辑工具超酷！！！(24款非常实用的CSS3工具终极收藏)
对于Web设计和开发人员来说,CSS是非常重要的一部分,随着越来越多的浏览器对CSS3的支持及不断完善,设计师和开发者们有了更多的选择.如今,用纯CSS就可以实现各种各样很酷的效果,甚至是动画.今天这 ...
20款常用的在线配色工具
配色是网页设计的关键之一,精心挑选的颜色组合可以帮助你让设计更有吸引力,相反的,糟糕的配色会伤害眼睛,妨碍读者对网页内容和图片的理解.然而,很多时候设计师不知道如何选择颜色搭配,好消息是如今有很多的配 ...
20款精美APP和Web设计模板素材（附演示链接）
好的设计模板素材总是多多益善,有了模板的助力,设计师就能快速获得灵感,轻松设计出满意的产品.今天小摹为大家分享一波优秀的APP&Web设计模板,希望它们能在这个冬天,给忙于完成各种设计的UI设 ...
python 仿真模型库_5款超级实用的Python工具库
Python 中好玩.实用的工具非常多,这给我们的工作学习带来极大的方便和乐趣.在之前文章中我已多次分享过一些实用的工具,今天我再分享 5 款非常实用的工具: 1.Black Black 是一款非常棒 ...
强烈推荐：20款优秀的数据可视化工具
如今学习应用数据可视化的渠道有很多,你可以跟踪一些专家博客,但更重要的一点是实践/实操,你必须对目前可用的数据可视化工具有个大致了解. 下面列举的二十个数据可视化工具,无论你是准备制作简单的图表还是复 ...
整了20款优秀的数据可视化工具！
来源丨网络我是小z 学数据可视化的渠道有很多,各种教程汗牛充栋.不过在学之前,如果对目前可用的数据可视化工具有个大致了解,再根据自己的实际需求,有的放矢,学起来会事半功倍. 下面列举的二十个数据可视 ...

20款非常实用的Web工具和资源列表

转载：CSDN首页-软件研发

20款非常实用的Web工具和资源列表

发表于6小时前|2943次阅读| 来源CSDN|3 条评论| 作者张红月编译

20款非常实用的Web工具和资源列表相关推荐

最新文章

热门文章