11款有用的Web开发在线工具

导读:原文来自queness.com上一篇《11 Useful Online Tools for Web Development》。由国内整理翻译《11款有用的Web开发在线工具》。

作为Web开发者,我发现我非常依赖于一些在线工具。在线工具通常是易于创建和使用,并且可以使工作表现的更好、更快。

比如htaccess generator、JSON formatter。以下是我分享的一些新的、有趣的在线工具。

Font comparer

仅是输入一些文字,,来查看它的不同样式。

Color Explorer

通过ColorExplorer,你可以快速、轻松的创建、管理和评估调色,当你使用图片设计、Web设计、布局等时。

SpriteBox

SpriteBox是个WYSIWYG工具,来帮助Web开发者快速、轻松的创建CSS类。

Gridulator

Gridulator可以快速创建网格布局,在png上,帮助你进行Web布局。你会发现photoshop都不顶用的功能。

Markup.io

Markup可以让你通过一组工具在任何的网页上勾画等简单编辑,来表达你的想法。然后你可以通过书签工具栏来在任何时候掉使用它。

Spritebaker

一款针对web开发者和设计师的免费工具。它解析你的css,通过外部媒体“baked”返回一个副本,作为Base64编码数据集。消耗Http请求的时间将大量缩减,大量提升速度(服务器端必须gzip压缩)。

ProCSSor

高级CSS“美化师”,通过严格的方式格式化CSS。 将你的CSS转化为更引人注目的东西,只需一点点的努力。

Minus

拖曳的快速分享工具。

CopyPaste Character

复制、粘贴Web特殊字符的工具。

Name Check

检查你想要的昵称是否能注册的工具,支持数十个流行的社交网站。通过namechk找到最佳用户名。

Scrim

转化email地址为短域名,你可以在各类网站分享它,并且可以规避暴漏邮箱地址,而导致垃圾邮件泛滥。

原文链接:11 Useful Online Tools for Web Development

译文链接:11款有用的Web开发在线工具

时间: 2024-12-22 16:55:57

11款有用的Web开发在线工具的相关文章

分享20个非常有用的Web开发工具和框架

在开发中借助一些非常好用的工具可以帮助你节省大量的时间和精力.本文收集了20个非常有用的Web开发工具和框架,分享给大家,希望对你有帮助. 1. Blueprint Blueprint 是一款CSS框架,可以帮助你缩短项目的开发时间. 2. List-O-Matic List-O-Matic 是一个帮助你轻松的创建基于列表的CSS导航的工具. 3. Clean CSS CleanCSS 是一款强大的CSS代码优化工具,让你的代码更简洁. 4. CSS Drive 使用这款工具来压缩CSS代码以提

12款有助于简化CSS3开发的工具

网站开发者能通过CSS3为网站设计增添很多时尚元素,CSS3 对CSS规范做了很大的改进.现在,本文将为你介绍12款有助于简化CSS3开发的工具. 1.CSS3 Pie: 允许在IE上使用CSS3绝大部分的酷炫功能. 2.CSS3 Builder: 通过该工具,你可以用类似应用photoshop特效的界面来设计复杂的CSS3 box模型.非常节约时间. 3.CSS3 Drop shadow generatr: 通过滑块功能直观的设计阴影.只需复制已被自动创建的CSS代码并粘贴到CSS文件中便可.

微软发布WebMatrix 3一款轻量级的web开发工具

我很激动地宣布WebMatrix 3发布了.在2010 年我们首次介绍了WebMatrix,它是一款免费的轻量级的 web开发工具,为http://www.aliyun.com/zixun/aggregation/14156.html">ASP.NET.PHP.和 Node.js提供了强大的.针对web开发的经验. 今天发布的版本包括很多不错的新功能.通过下载软件并观看介绍视频,你可以轻松上手: 今日发布版本的亮点包括Windows Azure的深入集成,Git和TFS源代码管理工具,以及

推荐15款响应式Web设计测试工具

响应式网页设计也称作自适应网页设计(通常缩写为RWD),该设计可使网站在多种浏览设备(从桌面计算机显示器到移动电话或其他移动产品设备)上阅读和导航,同时减少缩放.平移和滚动.换句话说,响应式网站能够自动响应终端用户行为.当市场上有新设备推出时,网站就无需再花时间去设计和开发了. 响应式旨在为各个网站在不同的设备上提供最佳的视觉体验,那么如何才能知道网站是否能够根据设备进行自动调整呢?这就得设计人员对网站的响应能力进行测试.本文就为大家介绍15款最佳的响应式网站测试工具,它们能帮助你检查网站的设计

16 款加速编码的 HTML5 在线工具

HTML5 是在开发者和设计者之间最流行的语言之一,提供了大量的功能来帮助开发者们快速的设计 web 应用.HTML5 有很多特性,例如支持现代化的浏览器(比如:Firefox 6,Google Chrome,IE9 等等),结构特定标签,可视化元素:圆角内置,内部拖拽,新的视频,音频和 canvas 元素等. 这篇文章主要是推荐了 16 款 在线 HTML5 工具来帮助用户们简化构建 HTML5 网站的步骤和加快 HTML5 的编码速度.希望能在一下列表中找到对你项目有用的工具,Enjoy !

10款最好的Web开发的 Python 框架_python

Python 是一门动态.面向对象语言.其最初就是作为一门面向对象语言设计的,并且在后期又加入了一些更高级的特性.除了语言本身的设计目的之外,Python标准 库也是值得大家称赞的,Python甚至还自带服务器.其它方面,Python拥有足够多的免费数据函数库.免费的Web网页模板系统.还有与Web服务 器进行交互的库.这些都可以设计到你的Web应用程序里面.在这篇文章里,我们将为Python Web开发者介绍基于Python的10大Web应用框架. CubicWeb CubicWeb的最重要的

Web 开发常备工具

工欲善其事,必先利其器.如今 Web 开发标准越来越高,Web 开发者也在不断寻找途径提升自己的技能.为使大家的开发工作更顺利进行,本文整理了 10+ 款比较优秀的 Web 开发工具,希望对你有帮助. 喜欢的不要忘了收藏.点赞和打赏哦,感谢大家的支持! Bootstrap Bootstrap 是快速开发 Web 应用程序的前端工具包.它是一个 CSS 和 HTML 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式,表单,buttons,表格,网格系统等等. DEMO:htt

Web 开发常用工具 大家自己查找下载_相关技巧

1.regex-coach --正则表达式工具 开发常用工具 大家自己查找下载_相关技巧-excel常用技巧"> 2. IECookiesView--IE的cookie查看工具 3.Flex Trace Panel --Flex开发日志观察工具 4.IE Development Toolbar --微软提供的IE开发插件 5.sIEve--javascript内存泄漏检测工具 6.HttpAnalyzer--HTTP抓包工具

推荐Firefox下几款有用的插件_常用工具

CSSViewerCSSViewer 1.0.2,作者 - Nicolas Huon,添加于 2006年11月03日 简单易用的 CSS 查看器,可以方便的查看当前浏览页的各项 CSS. 适用于:Firefox   1.5 - 2.0.0.*   ALL 下载地址:http://addons.mozine.org/addon.php?id=151 Regular Expressions TesterRegular Expressions Tester 1.0.7.8,作者 - Sebastian