Pages

Sunday, February 12, 2012

为设计师和开发者提供的 50 个免费的在线工具



Logotype Maker
Logotype Maker 是一个简单而且免费的 Logo 制作工具,可以通过简单的几步来创建一个 logo


BgPatterns
该工具让你轻松设计各种背景图效果


FreshGenerator
用来创建在多数 Web 2.0 网站中使用的图形元素


Bannersketch
这是一个用来创建广告元素的网站,无需设计知识,可创建 banner 图、headers、footers、名片等。


Businesscardland
如果网站的名称所示,这是一个用来创建可打印的名片的网站,可输出PDF文档并打印成名片。


Golden Ratio
一个计算器,用于计算宽度匹配的列


SpiderScribe
这个工具太专业了,用来组织你的思维,类似思维导图工具,而且还可以跟别人分享。


Manifested
该工具可以让你将现有网站转成支持离线的 HTML5 网站,可缓存的包括图片、样式和脚本文件。


repl-it
这是一个在线社区,用于编程语言知识交流,提供一个终端模拟器和代码编辑器,超过15中语言的解释引擎,完全基于 JavaScript 编写,可在桌面和手机以及平板上使用。


Subtle Patterns
在这里你可以找到一个伟大的收集93个高品质的设计模式,您可以自由使用。


Timeslot
这是一个让你轻松制定每天计划的工具


LayerStyles
LayerStyles 是一个很棒的图形编辑器,运行在浏览器之上。可为你制作的效果生成 CSS 代码


The Web Font Combinator
这个工具的目的是让您预览Web字体的组合。许多印刷字体的例子集合,可为读者结合起来,以查看如何标题和正文字体一起来看一下。
Grid Calculator And Generator
这是一个非常方便的网格计算器。所有你所要做的的是输入您希望您的页面列和排水沟宽度大致范围,然后计算器会显示你所设置的范围内的所有可能的组合的宽度。为您提供了一个非常好的结果的可视化表示。点击它会允许预览,你会得到一个如何可用于网格更好的介绍。选择您的网格配置后,下载在您的项目中使用一个CSS文件的配置是可能的。


CSS3 Shapes
CSS3 Shapes 是一个很酷的 CSS3 代码片段源网站,你可以找到很多CSS3的代码


FontFont Subsetter
该工具可让你通过简单的 3 步来完成 Web 字体的优化和定制,也可以用来减小 Web 字体文件的大小。


WhatFont Tool
这个工具用来提供字体相关信息,当你把鼠标移到文字上方后会显示这些信息。支持 Typekit and Google Font API.


Cssizer
这是一个方便的工具,允许编辑一个HTML页面。然后你可以使用你的网址,与他人分享您的设计。


Clickable Mockups
这个工具使用一种改良的方式来传达您的设计。它将您的网站,移动和软件实体模型转换成可点击的原型。然后你可以从你的客户,朋友和同事的批注和反馈。你不再需要以电子邮件,PDF文件,希望获得通过的消息的线程反馈。


CSS Pivot
你可以在这个网站上增加 CSS 样式,并通过一个短网址来分享你的设计


Prefixr
Prefixr update CSS3 properties al by itself with all the necessary browser prefixes.


CoderDeck
这个工具可以用来创建交互式的在线编码展示


Patternizer
As the name suggests, this one is an extremely handy stripe pattern generator.


alphaPun-ch
此工具将决定你的PNG或GIF照片的不透明部分。然后,它会穿透alpha通道(即透明位),所以你会对它背后的东西点击的能力。


Swiffy
该工具可将 Flash 的 SWF 文件转成 HTML5


Spur
This one is a very handy critique for web designs. Simply paste a URL (or upload a photo) and and you would be able to utilize 7 amazing tools to help you determine what is working and what is not.


Screenfly
该工具帮你模拟各种不同尺寸屏幕访问你的网站的效果。


Launch It Now
快速创建产品展示页的工具


Minify and GZip Compress JavaScript & CSS tool
用于最小化并压缩 css 和 js 文件的工具,只需简单点击。


DropMySite
网站自动备份工具,你拥有2G的空间。
站长工具


Smartling

轻松实现网站多语言支持


SnatchCode
很棒的网站备份解决方案


Duda Mobile
可轻松创建和网站同步的手机版本


Toolspot
Toolspot 包含很多站长经常需要用到的工具,例如域名查询、IP查询、whois 等等


W3Clove
在线网页的校验工具
表格、图表以及流程图


Cacoo
在线的图形绘制工具,可创建各种图形,包括网站地图、线框图、UML 和网络图


LucidChart
流程图绘制工具,可免费拥有5兆的存储空间


Bubbl
在线创建 vivid 思维图,可与好友分享


Grapher
图表工具


Hohli Charts
动态图表工具
开发者工具栏


About-com Find By Error Message
About.com 上提供的服务,让你查询电脑上一些常见的错误


ErrorHelp
错误查询库


ErrMsg
ErrMsg 是一个桌面工具,用来查询错误码对应的意思。


ErrorKey
This one is an awesome website that boasts a huge collection of error codes. It has a simple user interface, so searching for error codes is not at all tough. Common error search tags/keywords have also been listed on the main page, so you can find most common error messages and categories there.


Error Goblin
This one is similar to Error Key but it also boasts Mac OS errors. Both Windows and Mac error code searches are possible. It also has an iPhone app. Quite good!


Page Speed Online
This tool analyzes the content of a web page, then offers suggestions to make that page faster. It can prove to be really useful as reducing page load times can reduce bounce rates and make your website desirable for visitors.


Pingdom Tools Full page Test
网页速度跟踪工具,类似 firebug


BrowserMob’s Free Instant Test
网站性能诊断工具


GTmetrix
网站性能测试工具


Slowcop
Slowcop 可以让你检查为什么网页很慢,慢在哪里,类似 firebug 工具。

No comments:

Post a Comment