フリーソフト検索サイトは沢山ありますのでこちらも選択肢の一つとして。数が10万以上あるので探しがいもあるのでは。

softonic

かなりの数ですよ。Macは上のほうのタブからお探し下さい。

左側にカテゴリがあります。PCをカスタマイズ、とかセキュリティとかビジネスツールとかいろいろ。

大きなカテゴリに進むと更に細かいカテゴリに分けられています。上図は写真の編集やデザインのカテゴリ（Design & Photography）

一番小さいカテゴリに行くとスクリーンショット付きで探せます。ライセンスはFreeやTrialがありますがいずれにしても無料ですよ。Trialはたぶん期間とか決まっているので各々の説明をご確認されるといいと思います。

なかなか探しやすい印象でした。色々探してみようと思います。

softonic

この記事と合わせて読まれてる記事:

1. 「2009年のWeb制作情報のまとめ」のまとめ
2. Webデザイン事始め其の三・GIMPで窪みのある文字を作ってみる
3. Webデザイン情報満載の８つのWebデザイン系ニュースサイト

カラーピッカーのフリーソフトです。ピンポイントの吸い取り以外にも、範囲を拡大縮小し、そこから吸い取りも可能、7色まで保存可能です。もちろん、ブラウザ上のカラーもOKで、動作も軽いです。

Color Cop

サクッと使えるピッカーを探していました。Chromeのエクステンションなども好みのものが無かったのですが、これは個人的にヒットでした。

以下に簡単に機能をご紹介。

操作法

操作法は上記の通り非常にシンプルです。起動すると常に前面に表示されるのでブラウザ上でも吸い取り可能。スポイトか拡大鏡をマウスでドラッグ、マウスを放した所を表示し、そこから吸い取ります。７色まで保存可能です。

「範囲」として吸い取る

ある程度範囲を決める事が可能で、吸い取ってからも拡大縮小出来ます。

ブラウザ上もOK

当然ですが、デスクトップだけでなく、ブラウザ上も吸い取る事が出来ます。

カスタム

吸い取った色も上記のように変える事が出来ます。

7色保存出来る

複数保存出来るのは地味に嬉しいです。

Chromeにブラウザを移行して、一番困っていたのがピッカーだったので、いいのが見つかって良かったです。ソフトは沢山あるんですが、何となく個人的に合わなかったのですが、これは凄く気に入りました。以下よりDL可能ですのでご興味のある方は試してみては如何でしょうか。

Color Cop

この記事と合わせて読まれてる記事:

1. SEOを意識した文章はSEOを「意識しない」
2. サイトの上隅に「めくれ」を実現するWordPressプラグイン・Pageear

yoonoにはフリーソフトとFirefoxアドオンがありますが、今回はフリーソフトのレビューです。WinもMacもありますよ。

yoono

なかなかインターフェースも素敵ですよ。yoonoはブラウザ感覚で複数のサービスを管理する事が可能なクライアントです。対応サービスは

1. Twitter
2. Facebook
3. Flickr
4. MySpace
5. FriendFeed
6. Google Tark
7. MSNメッセンジャー
8. Yahoo!メッセンジャー
9. AIM
10. Linkedin

となっています。

ストリーム表示

プライバシーの関係で少し塗りつぶしてあります。yoonoは複数のサービスをストリーム表示する事が可能で、Twitterではリプライ、Facebookなどではプロフィール欄へのリンクなどが表示されます。

ブラウザ感覚でも

また、ブラウザモードにスイッチする事も可能です。上記はTwitterの僕のプロフィールページです。もちろん、FacebookやFlickrなどもブラウザ感覚で利用可能。

オプションでちょっとした変更も可能です。

コンパクトにも出来る。

動作も軽く、インターフェースも見やすいのでちょっと気に入っています。なかなかいいアプリでしたよ。良かったらお試し下さいませ。

yoono

この記事と合わせて読まれてる記事:

1. Twitterを便利にするグリモン、@troynt’s Twitter Scriptで使用してるbit.lyでクリック数を計測できるようにする
2. Postやリプライ、メッセージやFavをダッシュボードで確認、Postも可能なプラグインWordPress Dashboard Twitter
3. Twitterのレイアウトを真似たフリーのWordPressテーマ・TweetPressと、それ系テーマいろいろ

ここで言う「公開前」とは「サーバーにアップする」事ではなく、公開を告知したり、プレスリリースを出す前の状態とお受け下さい。ローンチ前と書くべきだったかもしれませんね。。誤解を与えていたら申し訳ないです。

では、ブラウザチェックツール、モニタ別表示チェック、表示スピードチェックツール、cssや画像の最適化ツール、などなどご紹介していきます。

ブラウザチェック

各ブラウザでどのように表示されているかの確認が可能なツールです。

BrowserLab

今のところ、一番良さそうなWebサービスでしょうか。adobe提供のブラウザチェックツール。要ユーザー登録です。

BrowserLab

Browser Sandbox

確認したいブラウザを個別にDL出来るサイトです。ChromeだとDL出来ないのでFx等でアクセスしてください。IE6～8、Firefox2～3.5、Mac Safari3～4、Chrome、Opera9～10があります。avast!で誤検知されます。。

Browser Sandbox

IETester

フリーソフト。日本語で使えます。IE5~8までのチェックをタブブラウザ感覚で行えます。ローカル環境でもサクッと確認出来るので個人的にもお勧め。

IETester

Browsershots

ブラウザ別にWebサイトのスクリーンショットを取ってくれます。ちょっと動作は微妙ですかね。。。

Browsershots

browsera

要ユーザー登録。同時に複数ブラウザでチェック可能です。divがこうなってる、みたいな部分を指摘してくれます。無料はIE6、７、Fx2、3の4つと、回数制限があります。

browsera

Browsrcamp

Mac　Safariの表示チェック。全てのブラウザでチェック出来るのは有料のサービスになります。僕が試したら動きませんでしたが、一応・・

Browsrcamp

モニタの大きさ別チェック

様々なサイズのモニタで見え方が違う場合もありますが、そのチェックを行なえるツールです。

TestSize.com

これ、凄くいいですね。百式さんで知ったサイト。自分のサイトの酷さを確認しました。

TestSize.com

browsersize.googlelabs

TestSize.com程では有りませんが、大体の見え方の差が分かるので便利では無いかと。

browsersize.googlelabs

ViewLike.Us

こちらも凄くいいサービスです。7種のモニターとWii、iPhoneでの表示チェックが可能です。

ViewLike.Us

表示スピードチェック

サイトの表示スピードはアクセスや回線次第で軽くも重くもなったりもしますが、早いに越した事は有りません。せっかくユーザーさんが見に来てくれても、表示が遅いと帰ってしまいます。極力早くしておくと良さそう。

Site24×７

やや時間が掛かりますが、細かくチェックしてくれるサービスで、僕も良く使います。読み込み時間が掛かっている箇所を改善出来るようなら改善するといいかも。

Site24×７

webwait

シンプルな方がお好きな方はコチラ。単純にロード時間を測定するWebサービスです。URLを入れてadd itするだけ。

webwait

Google Webマスターツール

Webマスターツールユーザーはこちらがベストかも。管理画面のLabo→サイトのパフォーマンスで表示スピードをチェックしてくれます。日本語も対応。

Google Webマスターツール

Firebug

FirefoxユーザーならFirebugでチェックが行なえますね。使い方はパシのSEOブログさんでどうぞ。

Firebug

ファイルサイズ計測ツール

スピードでは有りませんが、ファイルの容量をチェックできます。ローカルからファイルをアップロードして容量を測ることも可能。

ファイルサイズ計測ツール

画像最適化ツール

表示スピードが遅い理由は様々ですが、画像が大きい場合も多々あります。使ってる画像のダイエットをしてみては如何でしょう。以下のサービスでは画像の容量を下げることが出来るサービスです。

punypng

PNG, JPEG,GIFなどの画像ファイルを最適化してくれます。手軽なサービスで使いやすい。

punypng

Online Image Optimizer

サーバー上でもローカル上の画像でもOK。また、コンバートも可能ですので重宝します。

Online Image Optimizer

RIOT

フリーソフトです。ビフォーアフター機能で差を確認出来ます。クオリティも～％で決められ、jpg、gif、pngにそれぞれコンバートも出来ます。しかも動作も軽い。

RIOT

Smush.it

最大5画像までまとめて行なう事が可能です。URLを指定するタイプ。ローカル上の画像は出来ません。FirefoxのアドオンYSlowでも使えます。

Smush.it

PNGGauntlet

多少時間は掛かりますが、複数の画像をまとめて最適化する事が可能なPNGファイル用のフリーソフトです。最適化した画像を入れるフォルダを指定してadd imageで選択、という流れで使います。PNG以外を選択するとPNGにコンバートしますのでかえって大きくなる場合があります。

PNGGauntlet

webresizer

シンプルなサービスです。画質を下げずに最適化、切り取りなどもブラウザ上で行なえますし、なかなか動作も軽いです。

webresizer

css最適化

CSSを最適化してくれるサービスいろいろ。多少でも軽く、後で修正しやすいように、などなどの際に。cssまとめでも書きましたので重複しますがご了承下さい。

CSS Compressor

圧縮レベルを選択できるWebサービス。若干レイアウトが崩れる恐れがありますが、なかなか高機能です。

CSS Compressor

styleneat

オンラインでもローカルでも最適化、というか、見やすいように整形してくれる素敵なサービス。見やすいし、気に入っています。ソートの方法も指定可能。

styleneat

CSS Optimiser

こちらもサーバー上でもロカールでも最適化を行なえるWebサービス。場所が凄く分かり難いんですが、4つのボックスの、右下の下部にあります。

CSS Optimiser

CSS SuperScrub

アドレスを指定して最適化することが出来ます。使っていないセレクタなどを省いてくれます。こちらもサイトによって崩れる恐れ有り。因みにこことは別のサイトでは平気でした。

CSS SuperScrub

css minify

海外サイトが苦手な方はこちら。国産のcss最適化サービスです。jsファイルも可能。

css minify

CSS Sprite Generator

こちらは複数の画像を1つにまとめるWebサービス。css spriteで表示する為のジェネレーターです。1つにまとめることで表示速度を上げることが出来るかも。海外サイトですが、日本語Verがあります。リンク先も日本語Verにしました。

CSS Sprite Generator

その他

その他いろいろ。

Another HTML-lint gateway

HTMLチェックが出来ます。W3Cでもいいですけど、何となくこっちが好き。100点である必要はないけど近いに越した事は無いですね。とか言いながらこのサイトは31点ですが。

Another HTML-lint gateway

HAREL

アクセシビリティの採点をしてくれる国産サービスです。このブログのようにcssが不適切だと採点してくれません。

HAREL

attentionwizard

Webサイトのキャプチャー画像からユーザーの目線などを予想するユニークなサービス。キャプチャを読み込んで提案されるのでテキストは読み込んでいません。あくまで参考までに。

attentionwizard

fivesecondtest

スクリーンショット等を取ってアップロード、そのサイトをはじめて見るユーザーに5秒見せて、記憶している事をフィードバックとして得る、というサービスです。画像をアップロードし、その画像のリンクをTwitterやFacebook、メールで投稿、5秒見たユーザーからフィードバックを得る、という感じで使用します。

fivesecondtest

Concept Feedback

以前記事にしたWebサービス。公開前にキャプチャやロゴなどをアップロードしてフィードバックを募るソーシャルサービスです。英語が出来るなら試してみるのもいいかも知れませんね。

conceptfeedback

Notable

こちらもキャプチャを取ってアップロード、評価してもらえるサービスです。無料版は3GBまで。

Notable

usabilla

同じく、ユーザビリティのテストに役立ちそうなWebサービス。サイトを登録するとユーザーがフィードバックを返してくれます。

usabilla

以上、公開前に役立ちそうなツールやWebサービスのご紹介でした。他にもお勧めありましたら教えてくださいませ。あとは、サイト公開前に役立つ２５のユーザビリティチェックリストやウェブサイトでやってしまいがちなユーザビリティのミスなどを見て確認しておくと良さそう。これだけ紹介しておいて、このサイトは改善させてないです。いずれ。

この記事と合わせて読まれてる記事:

1. IE6以外のブラウザを薦めるポスターを作成するHey IT!とIE6対策のcssハックとかjsとかのまとめ
2. Web制作に役立つ、何度お勧めしても足りないくらい素敵なツール10選
3. 【全部無料】 Web制作に役立つオンラインサービスやツール300+

adobe不要でFlashサイトを構築できるフリーソフト、AuroraFlashの簡単な使い方を記載しておきます。

AuroraFlash

まずはダウンロードしてセットアップを行います。が、至極簡単に進められますのでここでは割愛し、使い方をあげておきます。

セットアップ後にデスクトップにアイコンが表示されますのでダブルクリックをして起動させます。以下の画面になればビルダーのセットアップは完了です。

右側が操作ボードになります。左側で動作を確認する事が可能です。一番上でコンテンツの変更作業を行います。真ん中は音声ファイルで、削除したり追加したり。一番下はテーマ（テンプレート）です。

テーマを選択

まずはテーマを選択します。例では6skinを選択しました。

基本部分を変更

コンテンツを変更します。右の作業ボードの一番上は以下のようになっています。

上から「タイトル」「スローガン」「コピーライト」「背景画像」「ロゴ画像」を変更できます。左クリック→変更を行ないます。

メニューテキストを変更

メニューテキストは右側のタブから変更できます。

右から「テキスト名」「メニューのタイプ」「コンテンツタイプ」です。タイトル名はその場で左クリックして変更します。

コンテンツを変更する

コンテンツタイプは

• 「マウスオーバー時にプルダウンする→menu」
• 「別ページへのリンク→page」
• 「外部リンク→link」

となっています。変えたい場所で右クリック→メニューが表示されますので追加する（add～）、編集する（edit）、削除する（delete）などを行ないます。

「page」を変更する

コンテンツを変更します。menuタイプ上で右クリック→edit menu itemを選択すると以下のようにエディターが起動します。↓

WYSIWYGが使えます

エディターが起動したらヘッダーテキストやメインコンテンツを変更します。メインコンテンツはedit text…をクリックすればWYSIWYGを使えるツールが起動します。ここではHTMLが使えます。変更するとリアルタイムで確認が可能。↓

refreshで反映

変更したら右作業ボード最下部のrefreshをクリックすれば反映されます。↓

サーバーにアップロードする

備え付けのFTPでサーバーにアップロードすれば完了です。↓

雑感

正直これでフリーと言うのは驚きでした。日本語が入力できるのは凄い。サーバーにアップロードしてみないと分かりませんが、文字化けしなければ最高です。ただし、最下部にはAuroraFlashのリンクが入ります。商用の場合はライセンスの購入が必要だからかもしれません。１サイトのライセンスは25ユーロ、10サイトでは150ユーロだそうです。詳しくはAuroraFlashにお問い合わせ下さい。

個人で使う分には無料のようですし、結構自由度も高い印象なので興味のある方はぜひ試してみては。また、ブログでも情報が掲載されていますのであわせてご覧になっては如何でしょう。

AuroraFlash / Blog

この記事と合わせて読まれてる記事:

1. (6月28日)今日の「簡単海外記事」
2. カテゴリやページのリンクにアイコンを付けられるWordPressプラグイン・Category and page icons

Prime time freewareはフリーソフト専門の検索エンジンです。UIも見やすいのでお勧めです。

Prime time freeware

シンプルなデザインで比較的軽いので探しやすい印象です。「人気のソフト」ページなどもありますが、基本的には検索して探す事になりそうです。

↑　cssで検索

↑　Photoshopで検索

↑　PDFで検索

↑　Flashで検索

↑　editorで検索

↑　optimizer（最適化ツール）で検索

結構なストック数で探し甲斐有ります。ソフトはDLして使ってみないといいツールかどうか判断出来ないので出来る限り探す手間は省きたいところです。ご利用は以下より。

Prime time freeware

この記事と合わせて読まれてる記事:

1. サーチエンジンオプティマイザー(SEO)が今後起こすべき７の行動
2. サイト公開前に役立ちそうなフリーのツールやWebサービスいろいろ

日本郵政素晴らしいですねー。UIも見易いし、動作も軽いし、直感で使え、年賀状だけでなく普通のハガキにも対応している。これはお勧めしたいです。

インストールは簡単なので割愛します。（※DLして実行→使用者名を入力するだけ。）ダウンロードは時間がかかるので気長にお待ち下さい。

ハガキの種類を選択する

↑　用途に合わせて3つから選択します。今回は「年賀状」で。

デザインキットのスタイル選択

↑　お好みのスタイルを選択します。今回はノーマルを選択してダウンロード。

ハガキの向きを選択

↑　向きを選択します。今回は横向きで。

デザインする

ここからデザイン開始です。簡単な特徴を。

手書き

↑　手書きで作成するモード。背景の色やペンの色、太さを指定します。字が汚いのはスルーしてください。

テキスト

↑　テキストの挿入が可能です。キットには9種のフォントが備わっている他、PC内のも指定可能。商用可のフォントは以前の記事をご参考下さい。

スタンプ

↑　スタンプを加えられます。スタンプを押してから下部メニュー「選択」で押したスタンプを選択して回転、サイズ変更、透明度などを決定します。カラーはスタンプを押す前に。

画像

↑　画像を取り込めます。画像を選択してから「作業エリアに読み込み」で画像がアップ。その後に作業ツールで回転させたり不透明にしたり。透過もされていますのでPNG素材がいろいろあると重宝しそう。

素材

↑　豊富なテンプレートや素材を使えます。テンプレートは600以上、パーツも500あり、検索も可能です。干支、縁起物、挨拶文などなど。ドラッグで作業エリアに取り込みます。検索する場合は使いたいものを「お気に入り」に入れてからドラッグして追加します。あとは回転させたり不透明にしたり。

宛名の作成

↑　宛名を作成出来ます。上部メニューから「あて名面作成」を選択して宛名を追加していきます。

保存や印刷

↑　出来上がったら保存したり印刷したり。印刷する前にテスト印刷して微調整を行ってください。フチの有無はプリンタで設定するようです。

作ってみた

↑　作ってみました。こんな感じの年賀状がサクッと出来てしまいます。

雑感

とにかく動作が軽くてUIも分かりやすいです。普段からPhotoshop等の高機能ソフトを使っていると物足りないかもしれませんが、難しい操作も技術も必要なく、直感で操作出来るのと、無料なのが素晴らしい。メールで事足りる世の中ですが、ハガキを出したくなるようなソフトでした。ご利用は以下より。

はがきデザインキット2010

関連する記事は無いみたいです・・.

Firefox5周年です。時によっては別ブラウザを利用してはいますが、Firefoxが一応は中心になっています。１ユーザーとしてForefoxの5周年は嬉しい事なのでその動画を訳を加えてご紹介します。

まだ5年なんですね・・・そうは思えないくらい人気のブラウザFirefoxの5週年動画がクリエイティブで素敵です。

Five years of Firefox

意訳しました。たぶん誤訳もあります。細かい事はいいんです。

2004年までインターネットは、シェア、コネクション、、コラボレーション、eラーニングなどの日常的な場になっていますが、その一方でウイルスやスパイウェア、アドウェア、ポップアップなども蔓延しています。Firefoxにはより快適且つセキュアな環境で楽しみたいというユーザーの願いが届けられています。

Firefoxはデザイナー同士のシェア、カスタマイズなどを何時、誰でも出来るようなオープンなシステムを作っています。Webは更にワールドワイドになり、人々の興味も広がっていく中でWebがエキサイティングな場所にする為にネットユーザーの皆さんが作りました。10億以上のDLの後も技術は衰えず、Firefoxは多くのユーザーに影響を与え、コネクト、共有などを独自の方法でサポートしています。この5年でかなり遠くまで来ました（成長したと言う意味で）。Webを健全でオープンで安全な場所にしていきましょう。
　　　　　　　　～Firefoxと共に世界を照らそう～

今後もお世話になります。Happy Birthday、Firefox！！

Firefox / Five years of Firefox

この記事と合わせて読まれてる記事:

1. オンライン画像編集ツールPixlrのFirefoxアドオンが地味に便利
2. あなたのFireFoxのタブをカスタムする９つのアドオン
3. Google Chrome使い始めたけどFirefoxにはコレがあるから完全に移行出来ないっていうアドオンまとめ

Webデザインを始めたいけどadobeのソフトは高額でなかなか手軽に始められません。まずはほぼ同等の機能を持ち、しかも無料で手に入るGimp（Photoshop代替ソフト）とInkscape（Illustrator代替ソフト）で様子見をしてみてはいかがでしょう。

使い方や実践チュートリアルを丁寧に説明してくれるサイトをご紹介します。「これなら触ってみよう」という気になれるかと思います。沢山あげられると選べずに萎えるので1，2サイトに絞りました。両ソフトのダウンロードもリンク先で出来ます。

Gimp

プロも使ってるといわれるGimp。Webデザインをこれから始めようと思ってもなかなかとっつき難いかもしれません。ですので扉となってくれそうなサイトをご紹介します。

GIMP初めの一歩

GIMP初めの一歩というサイトはかなり分かりやすく、サイト自体もかなり見やすいのでイチオシ（死語）です。インストール方法から基本操作、ツールの使い方、Photoshopブラシやフォントの追加方法、実践操作（テキストに枠をつける、影を付ける等）は動画で説明してくれます。

ここからスタートするのが一番いいかなと思います。ある程度慣れたら以下のサイトも見てみるとモチベーションも上がるかも知れません。どうしても困ったらGIMPQ＆A掲示板へGOです。

• 今度こそフリーの画像編集ソフト『GIMP』をマスターしようという人の為のまとめ
• ブログが作りたい！　GIMPとは？
• GIMP思い込みチュートリアル
• 無料レタッチツール「GIMP」を使いこなす最強リンク集
• GIMPでPhotoshopのブラシ・プラグイン、レイヤースタイル、CMYKを使用できるようにする方法
• VimeoのGimp動画チュートリアル10動画

Inkscape

InkscapeはGimpほど情報が多くありません。高機能ではありますが、IllustratorよりもPhotoshopの方が情報が多いのと同様に、InkscapeもGimpより情報量は劣ります。所謂お絵かきソフトなので操作はGimp（Photoshop）ほど難しくなく、操作には慣れやすいかもしれません。

Inkscape@JPとインクスケープの使い方・基礎講座

Inkscape@JPは基本からトラブル時の対応まで説明してくれているサイトです。画像を使って説明してくれている訳ではないのですが、基本操作はここが一番良さそうだと思いました。

ただ、やはり専門用語が多いと始める前に萎えてしまうのでインクスケープの使い方・基礎講座というサイトと合わせてご覧頂くと良さそうです。

基本操作から分かりやすく説明してくれます。
この2つのサイトがスタートページとしては最適に感じました。慣れたら以下もぜひお試し下さい。

• Inkscapeｒ
• 実際にInkscapeで絵を描いてみよう!!
• 35のInkscapeを使ったベクターグラフィックスのチュートリアル
• inkscape動画　by Vimeo

誰かに教えなきゃいけない、なんて場合も「このサイト見てみて」で済むくらい分かりやすいと思います。

GimpやInkscapeを使い始めたいと思ったときにいいサイトを見つけるのも面倒で一時期放置していた経験があるので同じような状況の方にお勧めしたいサイトをご紹介させて頂きました。出来ることが多くなればデザインは凄く楽しいです。ぜひお試し下さい。

この記事と合わせて読まれてる記事:

1. 夏を感じるフリーのPhotoshopブラシ・まとめ
2. フリーで配布されているPhotoshopのパターンいろいろ
3. Webデザイン事始め其の弐・テキストに枠と影を付ける作業でGimpの操作に慣れる

※先日、お知らせさせて頂きましたように、この記事は僕が管理していた別のブログの過去記事を移行したもので正確性に欠ける可能性があります。何卒ご了承願います。

いや、いいです。これ。これで無料というのが信じられない。インターフェースもクールで見やすいですね。

対応拡張子

基本的に主要の動画に対応してくれています。

• MPEG4　→　FLV
• FLV　→　WMV
• MPEG4　→　WMV
• WMV　→　FLV
• WMV　→　MPEG４

上記のような変換を簡単にスピーディーに行ってくれます。また、途中を切り取ったりも出来ます。他にも機能ありそうですが、僕が使いこなせていません。。。
Windows版のみですのでご注意を。

Free Video Converter

この記事と合わせて読まれてる記事:

1. (7月27日)今日の「簡単海外記事」
2. およそブログには見えない、８つの フリーのWordPressテーマ
3. Webサイト作成の作業工程を短縮する様々な用途のエディタ１４個まとめ