作者:与XUE一起中意JJ的小杨杨_746 | 来源:互联网 | 2023-10-12 15:58
作为一个 Web 设计师并不容易,不仅考虑设计与架构,还要时刻注意各种小细节,设计师的工作被各种各样的问题包围,你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具,你会发现,其中的一些工具会让你感到惊艳,这是第二部分。
Kaleido
为你的代码创建视觉化标识。来自麻省理工。

Sketchpad
一个强大的在线图像编辑器。难能可贵的是,这是基于 HTML5 的。

Unicode code converter
虽然界面有些乱,但这个工具能把一段文字转换成各种编码形式。

Grid System Generator
另一个网格设计生成器。

ud.com namecheck (强烈推荐)
这个看似简单的工具,可以帮你查询某个名字是否还可以注册域名,商标,已经社会媒体网络入口。

Typograph — Scale & Rhythm
这个工具可以帮你即时预览各种不同的 Web 排版效果,并生成代码。

ColorBrewer Intro – Selecting Good Color Schemes for Maps
适用于地图的配色工具。

CSS Inliner Tool (推荐)
将独立的 CSS 定义转换为 Inline CSS。假如你使用电子邮件进行营销,会发现这种工具非常实用,因为邮件客户端常常会将你独立的 CSS 代码过滤掉,而 Inline CSS 不会被过滤。

HTML Purifier – Filter your HTML the standards-compliant way!
这个使用 PHP 设计的工具,可以对你的 HTML 代码进行过滤,去除其中的恶意代码,并按 W3C 标准对代码进行净化。

Rendera
在线编写 HTML5 和 CSS 代码,现场看到效果。

RegExr
又一个在线学习,体验,测试正则表单式的地方。

try ruby! (in your browser)
Ruby 在线体验。

Google Command Line
使用命令符访问 Google 的一些产品和服务。

Tiny Fluid Grid
又一个网格设计工具,很小巧。

Fonolo.com
这个很别致的站点,可以帮你快速接通那些大公司的免费技术电话,不过目前只能用于美国和加拿大。

Producteev: Creating To-Do Lists with Emails (推荐)
把重要的工作安排发到 task@producteev.com,他们会帮你生成一个任务列表,以便安排你的日程。

AddUse – User research made easy
一个在线用户测试或调查管理工具。

bookwhen (推荐)
帮助你的用户在线预订你的展会,课程等服务,免费版支持150个项目以及每月300个预订。

本文国际来源:Smashing Magazine 50 Powerful Time-Savers For Web Designers (原文作者:Vitaly Friedman)