時間の節約になるWeb制作関連ツール 12+1
Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう!今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ!」と思ったWeb制作に関する便利ツールを紹介します。
Photoshopテンプレート
まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。
Instant Blueprint
Dynamic Dummy Image Generator
<img src="http://dummyimage.com/300x150/666/fff.jpg&text=写真あて" />
作成した画像を↑こんな感じで入力します。
TABLEIZER!
http://tableizer.journalistopia.com/
ud.com
mockingbird
「Webサイトの骨組み: ワイヤーフレームを素早く・手軽に・美しく制作する」でも紹介したmockingbird。オンラインでワイヤーフレームを作成することができます。オンラインでシェアしたり、PNG、PDFでの書き出しも可能。いつも使ってます。
Support Details
http://www.supportdetails.com/

ブラウザーのサイズ、種類、Flashのバージョンなどなどクライアントが使っているPC・Macの仕様がひと目でわかります。クライアントに右から名前・メールアドレス(送信元)とあなたのメールアドレス(送信先)を入力してもらうだけです!
原色大辞典
Ajaxload
以前書いた「Webサイトを彩る画像・イラスト・アイコン集」でも紹介しています。「ロード中」の時に表示されるアイコンをカスタマイズできるサイト。サークルやバーなどの種類を選択し、色を決めてダウンロード。
pattern cooler
こちらも「Webサイトを彩る画像・イラスト・アイコン集」より。たくさんある背景パターンから好きなものを選択し、色を変えたり大きさを変えて自分のサイトにあった背景画像を作ることができます。
stripe mania
FavIcon from Pics
http://www.html-kit.com/favicon/
.gif、.jpg、.pngなどで作った画像をファビコン用.icoに変換してくれるサイト。アニメーション効果も付け加えられます。Twitterのアイコンと同じ画像をファビコンにする場合はTwitterのIDを入力するだけでOK。
Kuku Klok
以前読んだ「Webデザイナの作業効率を改善する10の方法」という記事もなかなか興味深いです。みなさんのおすすめツールがあればコメント欄にて紹介してくださいっ :)



















Pingback: 【PIN】20100712LDRのPIN | glad design blog 2.0
Pingback: 背負子む » news
Pingback: links for 2010-07-12 « 個人的な雑記
Pingback: 7/13 サイト作成のための便利なツール « モデルさんのお金
Pingback: 7/13 ポートフォリオ作成(準備) (火) « モデルさんのお金
Pingback: E2デザイナーズブログ:HTML,CSS,JavaScript,jQuery,FlashなどWebデザインに関するネタ紹介/株式会社E2
Pingback: Web制作においての作業軽減方法「時間の節約になるWeb制作関連ツール 12+1」 - BlackFlag – Web Development Technical
Pingback: INFINITY フリーランスWEBデザイナーのIT/WEBニュースブログ » Blog Archive » 時間の節約になるWeb制作関連ツール 12+1
Pingback: html テンプレート内部リンクと外部サイトへの発リンクの比は、10:1がのぞましい。現代のグーグル検索エンジンアルゴリズムの常識だ!! | 今日から賢威はじめちゃいました
Pingback: 好きな言葉が、いまツイッターでも話題ですよね! | 個人で起業!ネットビジネス活用術
Pingback: Webクリエイターボックスの2010年を振り返る | Webクリエイターボックス