爱前端网
网页设计师以及Web开发人员不断地需要一些网络工具和资源，加入到他们的工具箱。这样的工具和资源，目的是使他们的工作更轻松，让他们轻松地完成他们的任务。通过整合这些工具设计人员和开发人员使他们的日常工作变得更加容易和更快的为他们。此外，一些方便的工具还允许设计人员和开发人员与他们的客户，并以这种方式，他们在提高设计师或开发的生产率有助于进行有效的沟通。
对于这个品种，我们已经整理了40宝贵的工具和资源的集合，特别是对于网页设计师。随着有用的资源这个名单，我们希望帮助网页设计师提高他们的工作流程，提高工作效率。随时分享这篇文章与他人以及对社交网站。您也可以关注我们的微博也是如此。
Source Tree
SourceTree是一个免费的Mercurial和Git客户端的Windows和Mac提供了一个图形化的界面为你Hg和Git仓库。
TmTheme Editor
TmTheme编辑器是一个可视化的色彩方案/主题编辑器的崇高文字和TextMate的编辑。
Ie-css3.js
Selectivizr是模拟CSS3伪类和在Internet Explorer中6-8属性选择一个JavaScript工具。只需在您的网页脚本和selectivizr将做休息。
Colour Code
colourco.de是一个在线设计工具，它可以让你轻松直观地结合在一起的颜色。
Long Shadow Generator
看来，＆ldquo;长影＆rdquo;的是新的趋势，这些天，特别是在Dribbble。现在，您可以应用此风格的漂亮和容易的任何类型的层。它的工作原理与智能对象，并在2个方向可在45度。尽情享受吧！
Dimension
外形尺寸是响应式网页设计的测试工具。它是在不同的视口来测试响应网站的最简单的方法。它可以离线工作和放大器;与LiveReload兼容。
Mapita
3D地图的Photoshop行动，以平面地图转换为三维等距时尚的一个单一的点击。
Buttons
各种内置与萨斯和指南针高度可定制的CSS按钮。按键架构已准备好使用，易于安装。
Fontastic
最好的免费图标字体生成器：创建图标字体有超过4000矢量图标。
Dev Tools Secret
浏览器开发者工具的秘密。
Popular UI
免费流行的Web用户界面在Photoshop中精确复制用于教育目的。
Pixel Dropr
创建，使用和分享自己的藏品像素。
Firefox’s Font Inspector
What’s My Browser Size?
一个简单而美丽的方式，找出你的浏览器的大小。
HEX to RGB Converter
一个简单的十六进制RGB转换。
Heyoffline.js
告诉你的用户，当他们的网络出现故障。确保它们不rsquo的;吨失去任何东西。
PlaceIt
在飞行中自动处理你的iPhone，iPad和其他设备屏幕放置在您选择的现实环境。
Alfred Workflows
一些我们的最爱至今。
PLTTS
随着PLTTS你可以搜索来自ColourLovers调色板。它＆rsquo的，很容易搜索任何特定颜色的调色板。或者只是书签您的收藏夹。
Mincss
mincss是一个工具，在给定的URL（或多个URL）下载该网页及其所有CSS和每一个选择在CSS进行比较，并找出哪些阿伦＆rsquo的; T中使用。
Chardin.js
简洁美观覆盖说明您的应用程序。
CorMVC
一位老试图建立一个jQuery和JavaScript供电客户端MVC框架。
Typograph
本页面介于工具和散文之间。它规定了探讨如何规模和节奏交织排版概念可以鼓励撼动网页上的一条腿。拖动颜色框，以及规模，重新把这些话。在大多数情况下，本文仅仅是一个唱词，你可以在它的性能发挥。
JavaScript Frameworks Playground: jsFiddle
jsfiddle是一个shell编辑器，简化了编写JavaScript代码通过创建基于流行的JS框架的自定义环境。
jslib
Mozilla的给人以极大的灵活性和力量的Javascript。这种流行的客户端脚本语言，可以用来创建跨平台的应用程序开发应用水平的逻辑和服务。
HTML Purifier
HTML净化器是用PHP编写的一个标准的HTML过滤库。
SproutCore
SproutCore的是在网络上建立极快，创新的用户体验的开源框架。
IxEdit
IxEdit是一个基于JavaScript的交互设计工具，用于网页。随着IxEdit，设计师可以练习的DOM脚本无需编码变更，添加，移动，或在您的网页动态变换元素。尤其是，IxEdit必须是有益的尝试各种相互作用迅速在Web应用程序的原型阶段。
Show {if}
Graudit
Graudit是一个简单的脚本和签名集，让你找到使用GNU工具grep的源代码中潜在的安全漏洞。它大局;媲美像老鼠，SWAAT和缺陷，取景器，同时保持技术要求到最低限度，是非常灵活的其他静态分析中的应用。
Snap{css}: an open-source CSS editor for Windows
为了那些你用记事本对你的CSS文件，我们得到它。它可以让你更好地控制你的设计，没有按＆rsquo的;吨增加臃肿的代码到你的样式表，并没有按＆rsquo的;吨增加了一堆，你从来没有使用到该接口的功能。
Five Awesome On-Screen Rulers
他们＆rsquo;再不是世界上最性感的项目，但对于许多设计师，屏幕上的统治者是必备。
PowerPoint Search Engine with detailed thumbnail results
SlideFinder是PowerPoint演示文稿一个专门的搜索引擎。结果显示在滑动级，从而使详细的搜索结果。
BLOKK
BLOKK是一种字体快速实物模型和线框为客户谁不明白拉丁文。
Timehub
根据你的GitHub的仓库好看发票。保存自己一些时间和发送发票自如。
Dabr
Dabr是一个PHP Web界面为移动设备Twitter的API。该项目在http://dabr.co.uk现场运行，并得到大约一百万每天的页面浏览量。
Your Bookmarklets, On Steroids
Quix是一个可扩展的书签，可以让您轻松访问所有的书签和书签，在所有浏览器的，同时保持它们只在一个地方。所有你所要做的就是记住的快捷方式书签，所以，基本上，它大局;像您的浏览器的命令行！
Minibuilder
闪存MiniBuilder是开发ActionScript编写3程序中创建一个轻量级的IDE。
Real-time HTML Editor
Unicode code converter v7.0.1
在任何绿色或灰色阴影框中输入或粘贴文字，然后点击转换按钮上方按钮。替代表示将出现在所有其他的盒子。
未经允许不得转载：爱前端网 » 有价值的工具/资源的网页设计师和开发人员
HTML5 3D地球仪 可按经纬坐标定位
JavaScript 动画折线图 带阴影 3D 效果
纯CSS3实现的无限级垂直手风琴菜单
纯 CSS3 3D 卡片翻转动画
基于 TweenMax.js 的图片碎裂切换动画
HTML5 3D 视差相册画廊
CSS3卡片3D翻转动画 卡片带3D按钮
jQuery事件循环滚动的时间轴插件
基于Splitting.js的CSS3魔幻文字动画特效
React 3D层叠卡片切换动画
SVG带小图标的Checkbox美化插件
Vue.js 圆形CSS3渐变色拾取器
