Web 設計師的 50 個超便利工具[上]

 

作為一個 Web 設計師並不容易，不僅考慮設計與架構，還要時刻注意各種小細節，設計師的工作被各種各樣的問題包圍，你需要一套超級便利的工具幫你解決各種消耗時間和精力 的問題。本文介紹了50個非常強大的工具，你會發現，其中的一些工具會讓你感到驚豔在，這是第一部分。

LaunchList

網站發布前的工作清單，預設了28個需要檢查的事項，也可以自訂。同類工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。

Pencil Project: Sketching and Prototyping with Firefox

一個開源 GUI 原型設計工具。

Zootool

一個非常漂亮的書籤工具，可以將你收集的各種素材，圖片，文檔，連結，視頻等線上組織到一起。

Bounce （推薦）

輸入一個網站地址，該程式會給該網站，然後，你可以在上面批註，加評論，並和朋友分享。非常適合用來和您的客戶線上就某個網站的設計進行討論。

Ninite Batch Installer

這個網站可以將很多免費的流行軟體（最好的版本）打包在一起，一次性安裝到你的機器，支援 Windows7，Vista 和 XP。

Support Details （強烈推薦）

假如你想讓你的使用者提供他/她所使用的瀏覽器環境，比如 Flash 版本，作業系統，螢幕解析度，Cookie，JavaScript 狀態等，可以讓他/她訪問一下這個網站，這個網站或自動將這些內容探測出來，並允許使用者現場通過郵件將報告發送給你。

MugTug’s Darkroom

一個線上圖片處理常式，可以調整對比，白平衡，曝光，飽和度等，可以從 Picasa 及 Flickr 上傳圖片，同類產品：Pixlr 及 Sumo Paint。

Visual Website Optimizer （強烈推薦）

Visual Website Optimizer 絕對是你所能見到的最好的 A/B 測試工具。

Keyonary

這個簡單的線上工具可以幫你列出 Mac OS X， Photoshop 等工具的快速鍵清單。

gridr buildrrr

一個線上網格設計工具，選擇你希望使用的網格布局，幫你預覽並產生 CSS 代碼。

Instant Blueprint – Create a web project framework in seconds.

幫你瞬間產生一個 Web 項目架構，基於合法 HTML/XHTML 和 CSS。

Hummingbird

一個即時的（真正的即時，每秒重新整理20次）網站流量分析工具，基於 Node.js.

jsFiddle

線上 Web 編輯器，支援 JavaScript, MooTools, jQuery, Prototype, YUI, Glow, Dojo, HTML 以及 CSS。

String: create a multi-language website or app

幫你建立多語種 Web 應用程式的資源檔，

Titanpad

可以多人同時編輯同一個文檔，別的改動會即時以不同顏色標識，可以是同一個辦公室的多個使用者，也可以是地球另一邊的多個使用者。

Pixelnovel Timeline: Version Control for Adobe Photoshop

該工具通過外掛程式方式整合 Subversion 用戶端，可以在 Photoshop 中實現版本控制。非免費工具。

0to255

給出一種顏色，會幫你列出這種顏色由淺入深的各種顏色變化，並特別針對 Web 做了最佳化。

Load Impact: Website load/stress test

一個線上壓力測試工具，類比多使用者同時訪問你的網站，並出具報告以分析你的網站可以支撐的訪問者數量。

Ideone: Online IDE & Debugging Tool

一個線上 IDE 和調試工具，支援多達40種語言，包括 C++, Java, JavaScript, Perl, PHP, Python and Ruby，同類產品：PHP Anywhere 以及 CodeRun 。

Online Dummy Image Generator

快速幫你產生一個線上虛擬圖片，以便您進行某些測試。

HiFi RegExp Tool

線上Regex工具。

Tableizer （推薦）

將你 Excel 表格中的內容複寫粘貼到這個網站，它會幫你產生 HTML 格式的表格（HTML Table）。

FollowUpThen: Easy Email Reminder

-假如你希望有人提醒你什麼時候該做什麼事，你可以給比如 1day@followupthen.com 一類的地址發個郵件，1day 表示一天后，這樣，一天后，你會收到他們的提醒郵件，1day 可以改成人和別的時間間隔。

Divine: Conversion tool from PSD to HTML

這個工具是一個 Photoshop 外掛程式，可以將你的 PSD 轉換成 WordPress 主題。（譯者：有待驗證）

 

本文國際來源：Smashing Magazine 50 Powerful Time-Savers For Web Designers （原文作者：Vitaly Friedman）

中文翻譯來源：銳商企業CMS 網站內容管理系統 官方網站