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

来源: OSCHINA
编辑: 红薯
2011-12-30

Logotype Maker


Logotype Maker

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


BgPatterns


BgPatterns

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


FreshGenerator


FreshGenerator

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


Bannersketch


Bannersketch

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


Businesscardland


Businesscardland

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


Golden Ratio


Golden Ratio

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


SpiderScribe


SpiderScribe

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


Manifested


Manifested

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


repl.it


repl-it

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


Subtle Patterns


Subtle Patterns

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


Timeslot


Timeslot

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


LayerStyles


LayerStyles

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


The Web Font Combinator


The Web Font Combinator

这个工具的目的是让您预览Web字体的组合。许多印刷字体的例子集合,可为读者结合起来,以查看如何标题和正文字体一起来看一下。

Grid Calculator And Generator

Grid Calculator And Generator

这是一个非常方便的网格计算器。所有你所要做的的是输入您希望您的页面列和排水沟宽度大致范围,然后计算器会显示你所设置的范围内的所有可能的组合的宽度。为您提供了一个非常好的结果的可视化表示。点击它会允许预览,你会得到一个如何可用于网格更好的介绍。选择您的网格配置后,下载在您的项目中使用一个CSS文件的配置是可能的。


CSS3 Shapes


CSS3 Shapes

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


FontFont Subsetter


FontFont Subsetter

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


WhatFont Tool


WhatFont Tool

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


Cssizer


Cssizer

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


Clickable Mockups


Clickable Mockups

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


CSS Pivot


CSS Pivot

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


Prefixr


Prefixr

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


CoderDeck


CoderDeck

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


Patternizer


Patternizer

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


alphaPun.ch


alphaPun-ch

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


Swiffy


Swiffy

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


Spur


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


Screenfly

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


Launch It Now


Launch It Now

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


Minify and GZip Compress JavaScript & CSS tool


Minify and GZip Compress JavaScript & CSS tool

用于最小化并压缩 css 和 js 文件的工具,只需简单点击。


DropMySite


DropMySite

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

站长工具


Smartling


Smartling


轻松实现网站多语言支持


SnatchCode


SnatchCode

很棒的网站备份解决方案


Duda Mobile


Duda Mobile

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


Toolspot


Toolspot

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


W3Clove


W3Clove

在线网页的校验工具

表格、图表以及流程图


Cacoo


Cacoo

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


LucidChart


LucidChart

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


Bubbl


Bubbl

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


Grapher


Grapher

图表工具


Hohli Charts


Hohli Charts

动态图表工具

开发者工具栏


About.com Find By Error Message


About-com Find By Error Message

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


ErrorHelp


ErrorHelp

错误查询库


ErrMsg


ErrMsg

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


ErrorKey


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


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


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


Pingdom Tools Full page Test

网页速度跟踪工具,类似 firebug


BrowserMob’s Free Instant Test


BrowserMob’s Free Instant Test

网站性能诊断工具


GTmetrix


GTmetrix

网站性能测试工具


Slowcop


Slowcop

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

via smashinghub

展开阅读全文
102 收藏
分享
加载中
更多评论
8 评论
102 收藏
分享
返回顶部
顶部