CoolWebWindow

商用サイト向けCSSテンプレート

2009-01-07T10:33:29Z

ホームページ用のデザインテンプレートを無料で配布中です。
企業（ビジネス）サイト、ショッピングサイトなどの商用ホームページ向けのCSSテンプレートです。もちろん、個人サイトなどの非商用サイトでもご利用いただけます。

ご利用は無料、著作権表示もなし、報告もなしです。詳細は利用規約をお読みください。

ホームページ制作が初心者の方にもわかりやすい簡単なソースコードです。
XHTMLとCSSで構成されているため、デザインの柔軟性に優れ、カスタマイズやメンテナンスも容易にできます。

DLする際は利用規約をよくお読みください。
利用規約はこちらから

No.1
	公開日 2006/11/19 更新日 2010/02/17 動作確認サンプルサンプルはこちらダウンロードダウンロード(308KB)

No.2
	公開日 2006/11/24 更新日 2010/02/17 動作確認サンプルサンプルはこちらダウンロードダウンロード(6KB)

No.3
	公開日 2006/11/24 更新日 2010/02/17 動作確認サンプルサンプルはこちらダウンロードダウンロード(22KB)

No.4
	公開日 2007/10/08 更新日 2010/02/17 動作確認サンプルサンプルはこちらダウンロードダウンロード(5KB)

No.5
	公開日 2007/10/28 更新日 2010/02/17 動作確認サンプルサンプルはこちらダウンロードダウンロード(11KB)

No.6
	公開日 2007/11/06 更新日 2010/02/28 動作確認サンプルサンプルはこちらダウンロードダウンロード(67KB)

No.7
	公開日 2008/06/08 更新日 2010/02/28 動作確認サンプルサンプルはこちらダウンロードダウンロード(1.8MB)

No.8
	公開日 2009/05/01 更新日 2009/05/01 動作確認 Windows XP:IE6 / Firefox3.0.9 / Opera9.64 / Chrome1.0 / Safari3.2.1 サンプルサンプルはこちらダウンロードダウンロード(42KB)

No.9 3番人気
	公開日 2009/05/01 更新日 2009/05/01 動作確認 Windows XP:IE6 / Firefox3.0.9 / Opera9.64 / Chrome1.0 / Safari3.2.1 サンプルサンプルはこちらダウンロードダウンロード(713KB)

No.10
	公開日 2009/05/04 更新日 2009/05/04 動作確認 Windows XP:IE6 / Firefox3.0.9 / Opera9.64 / Chrome1.0 / Safari3.2.1 サンプルサンプルはこちらダウンロードダウンロード(64KB)

No.11
	公開日 2009/07/04 更新日 2009/07/04 動作確認 Windows XP:IE6 / Firefox3.0.11 / Opera9.64 / Chrome2.0 / Safari3.2.2 / スタンドアロン版IE7, IE8 サンプルサンプルはこちらダウンロードダウンロード(64KB)

No.12
	公開日 2009/07/12 更新日 2009/07/12 動作確認 Windows XP:IE6 / Firefox3.0.11 / Opera9.64 / Chrome2.0 / Safari3.2.2 / スタンドアロン版IE7, IE8 サンプルサンプルはこちらダウンロードダウンロード(59KB)

No.13
	公開日 2009/08/09 更新日 2009/08/09 動作確認 Windows XP:IE6 / Firefox3.0.11 / Opera9.64 / Chrome2.0 / Safari4.0.2 / スタンドアロン版IE7, IE8 サンプルサンプルはこちらダウンロードダウンロード(1.9MB)

No.14 1番人気
	公開日 2009/08/11 更新日 2009/08/11 動作確認 Windows XP:IE6 / Firefox3.0.11 / Opera9.64 / Chrome2.0 / Safari4.0.2 / スタンドアロン版IE7, IE8 サンプルサンプルはこちらダウンロードダウンロード(2.3MB)

No.15
	公開日 2009/08/12 更新日 2010/02/15 動作確認 Windows XP:IE6 / Firefox3.0.11 / Opera9.64 / Chrome2.0 / Safari4.0.2 / スタンドアロン版IE7, IE8 サンプルサンプルはこちらダウンロードダウンロード(1.5MB)

No.16
	公開日 2009/10/11 更新日 2009/10/11 動作確認 Windows XP:IE6 / Firefox3.5.3 / Opera9.64 / Chrome3.0 / Safari4.0.3 / スタンドアロン版IE7, IE8 サンプルサンプルはこちらダウンロードダウンロード(94KB)

No.17
	公開日 2010/01/23 更新日 2010/01/28 動作確認サンプルサンプルはこちらダウンロードダウンロード(1.3MB)

No.18
	公開日 2010/01/24 更新日 2010/01/28 動作確認サンプルサンプルはこちらダウンロードダウンロード(79KB)

No.19 2番人気
	公開日 2010/01/31 更新日 2010/02/10 動作確認サンプルサンプルはこちらダウンロードダウンロード(564KB)

ダウンロード数のランキングは、ここ最近一ヶ月のデータを集計しています。

個人サイト向けCSSテンプレート

2009-01-06T09:21:29Z

web標準に準拠したデザインテンプレートを無料で配布しています。
つまり、デザインテンプレートは、W3Cが提唱する「XHTML」と「CSS」で構成されています。
XHTMLのDTDは1.0 Transitional、CSSは2.0を使用していますが、Strictでも通用する記述をしています。

DLする際は利用規約をよくお読みください。
利用規約はこちらから

	No.1
	2006/11/11 公開
	イラスト：ふわふわ。り
	Windows IE6 / Firefox2
	サンプル
	ダウンロード

	No.2
	2006/11/11 公開
	イラスト：ふわふわ。り
	Windows IE6 / Firefox2
	サンプル
	ダウンロード

	No.3
	2007/3/25 公開
	イラスト：CoolWebWindow
	Windows IE6 / Firefox2 / Opera9.1 / NN7.1
	サンプル
	ダウンロード

	No.4
	2007/11/6 公開
	イラスト：CoolWebWindow
	Windows IE6 / Firefox2.0.0.9 / Opera9.24 / NN7.1
	サンプル
	ダウンロード

過去テンプレート

2009-01-05T10:36:05Z

以前のテンプレートです。
テンプレート内に以前の規約が書いてありますが、現在ではそれは適用されませんので、サイト内の利用規約をお読みになって、テンプレートをご使用ください。
こちらのテンプレートは商用サイトでもご利用いただけます。

DLする際は利用規約をよくお読みください。
利用規約はこちらから

テンプレート一覧

No.1 // ノーフレーム // DL	No.2 // ノーフレーム // DL	No.3 // ノーフレーム // DL
No.4 // ノーフレーム // DL	No.5 // ノーフレーム // DL	No.6 // ノーフレーム // DL
No.7 // ノーフレーム // DL	No.8 // ノーフレーム // DL	No.9 // ノーフレーム // DL

No.11 // ノーフレーム // DL

TypeA_001 // DL	TypeA_002 // DL	TypeB_001 // DL
TypeC_001 // DL

テンプレートに関するお問い合わせについて

2009-01-04T00:27:28Z

当サイトのCSSデザインテンプレートをダウンロードしてくださった人に限り、ホームページ制作のサポートをしております。ただし、メールでのサポートになります。返信には数日いただく場合があります。ご了承ください。

何かわからないことがありましたら、遠慮なくお問い合わせください。

お問い合わせ方法

お手持ちのメールツールにて以下のメールアドレスにお問い合わせください。

お問い合わせ先

info@coolwebwindow.com

件名

別に何でも構いませんが、テンプレートの質問であることがわかる件名にしてください。無題の場合などスパムメールと判断して削除する場合がありますので。

名前

ハンドルネーム（ネット上で用いる別名）で構いませんので、名前を教えてください。特に本名を明かす必要はありません。

お問い合わせ内容

できるだけ問題点を｢客観的｣に書いてください。｢○○をしたら△△になった｣など、問題が起こった手順と問題内容を詳しくお聞かせください。

あと、問題のHTMLファイルとCSSファイルを送ってくだされば、確実なアドバイスが出来ると思います。その場合、ファイルを圧縮して送ってください。

あなたの抱えている問題点を解決するかもしれないページ

よくいただくテンプレートに関するご質問とその解決方法 [Cool Web Window]

また、以下のサイトもご参考ください。当サイトのCSSに関するblogです。

CSSデザインノート

よくいただくテンプレートに関するご質問とその解決方法

2009-01-02T23:34:50Z

配布しているCSSデザインテンプレートについて、たくさんのお問い合わせをいただいております。ありがとうございます。

想像していた以上に、初心者の方（ホームページを作るのが初めての方）にご利用いただいていることを知りました。

よく質問を頂く内容と対策を一覧にしました。一読してくださると助かりますが、どんどん質問受付中なので、わからないことがありましたら、遠慮なくご質問くださいね。

Q1. ホームページビルダーで編集するとテンプレートがセンタリングされなくなります。

ホームページビルダーの初期設定では、DOCTYPEを勝手に書き換えてしまうようです。 DOCTYPE宣言（HTMLファイルの1行目）を以下のように書き換えてください。

また、ホームページビルダーの設定を変更してください。上部メニューの｢ツール｣＞｢オプション｣＞｢ファイル｣を開き、｢DOCTYPEを出力する｣のチェックマークを外します。

※当方、ホームページビルダーを持っていないので、ホームページビルダーを使用しての編集方法はサポート外になります。ご了承ください。

Q2. エディタで編集すると文字化けするのですが。

お使いのエディタは何ですか？当サイトのテンプレートのHTMLファイルおよびCSSファイルの文字エンコーディングはUTF-8（BOMなし）です。お使いのエディタによっては｢自動で文字コードを認識してくれない｣あるいは、｢UTF-8が使用できない｣場合があります。

あと、Windows付属のメモ帳は使用しないでください。UTF-8は使用できるのですが、UTF-8（BOMあり）にしか保存できないので。

Q3. CSSで指定した画像が表示されません。

パスミスで表示されないことが多いようです。CSSで画像を指定する場合、CSSファイルからのパスで記述してください。CSSファイルをCSS専用のフォルダに入れたときなど、記述の書き換えが必要ですので注意です。

それでも問題解決しない場合は・・・

｢テンプレートに関するお問い合わせについて｣をよくお読みいただいて、ご質問ください。

利用規約

2009-01-02T10:17:45Z

当サイトのテンプレートは、個人サイト向け・商用/ビジネスサイト向け（商用利用可能）により、利用規約が異なります。テンプレートをダウンロードする前に、よく規約をお読みになってください。

ご利用範囲

当サイトのテンプレートは、個人サイト向けテンプレートと商用/ビジネスサイト向けテンプレートの2種類があり、それぞれご利用範囲が異なります。

個人サイト向けテンプレート

プライベート（個人的）な内容のサイト
アフィリエイトプログラムを利用しているサイト

自営業、企業（規模は問わない）のサイト
商品を紹介/販売するサイト（ただし、アフィリエイトはこれに含みません。）
アダルトサイト
法律に反するサイト
モラルに反するサイト

商用/ビジネスサイト向けテンプレート

自営業、企業（規模は問わない）のサイト
商品を紹介/販売するサイト
プライベート（個人的な）内容のサイト

アダルトサイト
法律に反するサイト
モラルに反するサイト

著作権について

著作権は放棄しておりません。

著作権表示、リンクについて

個人サイト向けのCSSテンプレートでは、他サイト様の素材をお借りしているものもあります。他サイト様のリンクおよび表示がすでにCSSテンプレートに埋め込まれているものは削除しないでください。
当サイトの著作権表示およびリンクは任意（自由）としております。
しかしながらしていただくと、がぜん管理人の励みになります。していただける方は以下の内容でお願いいたします。
サイト名：CoolWebWindow
URL：http://www.coolwebwindow.com
バナーを使ってくださる方は、別途用意しておりますのでそちらを必ずDLしてお使いください。直リンクは禁止しております。

利用料について

個人サイト向けおよび商用サイト向けテンプレートはすべて無料でご利用いただけます。
個別カスタマイズや特別に素材など提供してほしい場合は有償にて対応いたします。その際はご連絡ください。

再加工（カスタマイズ）について

ソースのカスタマイズ、画像の再加工はご自由になさってください。
ただし、お借りした素材等一部できない場合があります。
その場合は各デザインテンプレートのサンプルに明記してあります。

再配布について

ソースのおよび画像の再配布は禁止です。
ここでいう再配布とは、自分が制作したものと偽ってソースコードそのままを第3者に無償有償問わず提供することです。
例えば、当サイトで配布しているCSSテンプレートを、当サイト以外でダウンロードさせるようなことは禁止しています。
Webデザイナーさんなどが第3者のサイトを制作するのにはお使いいただけます。

報告について

DLに関して報告は一切不要です。

免責事項

当サイトのテンプレートを利用したことによりいかなる損害があったとしても、当サイトは全ての事項に対し責任を取りません。
ただし、当サイトに不手際がある場合（例えばコーディングのミス等）は対応いたします。

最後までお読みいただきありがとうございます

デザインテンプレートは2種類あります。
お好きなほうをお使いください。
→個人サイト向けテンプレートはこちらから
→商用サイト向けテンプレートはこちらから

（策定：2009/5/20）

配布テンプレートについて

2009-01-01T04:23:20Z

動作環境

テンプレート制作時の各ブラウザの最新バージョンで確認しています。テンプレートごとに異なるので、詳細は配布ページをご覧になってください。
IE8の日本語版もリリースされましたが、2009年5月現在は確認しておりません。

HTMLコーディング

当サイトで作成しているHTMLのDTD※（Document Type Definition:文書型定義）のバージョンはXHTML1.0 Transitionalです。
※DTDが違うと、使用できるHTMLタグが異なったり、同じソースコードを書いても表示の仕方（見た目）が異なります。詳しくはインターネットで調べてください。

本来、XHTMLではXML宣言を文書の先頭（DOCTYPE宣言の前）に記述しなければなりません。
しかし、IE6ではXML宣言を理解できず、DOCTYPE宣言の前に不正なものがあると判断し、互換モードで表示されてしまうという欠点があります。
それが、デザインくずれが発生してしまう要因となるのです。
よって、web標準に準拠するため、あえてXML宣言を記述していません。
文字エンコーディングがUTF-8の場合、XML宣言を省略できることが仕様で定義されていますので、文字エンコーディングをUTF-8にしています。

デザインテンプレートを配布する際には、W3CのHTML ValidatorおよびCSS Validatorにて、コードのチェックを行っています。
Another HTML-lint gatewayでもたまにチェックしていますが、満点になることは狙っていません。
CSSハックなどを使用している場合があるので、CSSがVaildではないテンプレートもあります。

文字エンコーディング

HTMLファイルおよびCSSファイルは｢Shift-JIS｣あるいは「UTF-8」で保存しています。他の文字エンコーディングを使用される方は、適宜環境にあった文字エンコードでファイルを再保存してください。

ダウンロード方法

当サイトのテンプレートは全てLZH形式で圧縮しています。
解凍するには専用の解凍ツールが必要となります。
Lhaplusは無料で配布されているものですので、お持ちでない方はインストールしてみてください。

メニューの書き方その2

2006-11-30T11:30:11Z

続いて、メニューを横にする方法です。
一番簡単なのは、デフォルトではliはブロック要素ですが、インラインにします。
そうすると、横に並びます。

liタグでメニューを書いたときの基本的な構造は以下のとおりです。
HTML


menu1
menu2
menu3
menu4
menu5

CSS

ul{
list-style-type:none;/* リストマーク非表示 */
}

li{
display:inline;/* li要素をインラインに */
padding-right:2em;/* 右側を空ける。こうすると見やすくなります。 */
}

また、floatプロパティを使用するのも一般的です。
CSS

li{
float:left;
}

また、この場合は、回り込みを解除しなければなりません。以下のタグをCSSに追加してください。

CSS

ul{
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

本来は、メニューの次のカラム（例えばdivタグとか）に「clear:both;」を指定すれば、回り込みは解除されます。
IE6の場合は、なぜか「clear:both;」がなくても解除されます。（これはバグだと思います。）
「clear:both;」だけでは、Firefoxでは回り込みは解除されるのですが、メニューのボックスがきちんとうまく表示されません。
大抵のサイトを見ていると、メニューの次のカラムに「clear:both;」を指定しているだけですが、特にくずれなく表示されています。
しかし、メニューのボックスにborderプロパティを使用したときに弊害が出ます。
borderがうまくメニューの周りを囲んでくれないのです。
メニュー上部のみに表示されてしまいます。
つまり、メニューの内容がない状態と扱われているのです。
そのため、ちょっとトリッキーなやり方なのですが、ulタグに「:after擬似要素」を用い、ulタグ直後に回り込みを解除しています。

個人的には見えていなくても、ボックスがきちんと囲まれているほうが気持ち悪くないので、これを多用しています。
（配布しているデザインテンプレートにもよく使っています。）

あまりよくないかもしれませんが、メニューを横並びにするときはtableタグを使用すると、あまりCSSに悩まずできるような気がします。
CSSはカラムを横並びするのに、ハックとか使用しないとうまくいかないことが多いので、困り者です。

次回から、デザインのカスタマイズにはいっていきたいと思います。

壁紙

2006-11-26T04:28:38Z

yururism.net	イラスト
イラストレーター岡田美香さんの壁紙。yururism.netのおまけより。

プチ・ホームページサービス [無料壁紙ダウンロード]	イラスト
プチの壁紙。

ATELIER COCO -アトリエココ-	イラスト
cocoroさんによる壁紙。男性が描いたものとは思えないくらいかわいい！

ロフトワーク	イラスト
MICKYさんによる壁紙。ロフトワークから。

ロフトワーク	イラスト
イラストレーターオオタニヨシミさんによる壁紙。ロフトワークから。webサイトも必見。

ロフトワーク	イラスト
YuRAさんによる壁紙。ロフトワークから。

ロフトワーク	イラスト
あおやまよーこさんによる壁紙。ロフトワークから。

Francfranc	イラスト
Francfrancの壁紙。定期的にダウンロードできる壁紙が変わります。

N.Design Studio	グラフィック
海外サイト。技術のすごさに圧巻です。

pentacom	イラスト
おなじみ、Pentacomのサイトの壁紙。数は少ないですが、かわいいイラストです。

Afternoon Tea \| Wallpaper	写真
Afternoon Teaの壁紙。写真とパステルカラーで超女の子ちっく！

メニューの書き方その1

2006-11-23T05:57:09Z

メニューの書き方はいろいろありますが、liタグを使用するのがよく使われており、確かに非常に管理がしやすく感じます。このメニューの書き方、カスタマイズ方法を何回かにわけて紹介します。

liタグでメニューを書いたときの基本的な構造は以下のとおりです。


menu1
menu2
menu3
menu4
menu5

実際には次のように表示されます。

リストについて

メニューの前に丸がつくのはブラウザのデフォルトの設定です。
デフォルトスタイルシートを上書きして、違うリストマークを表示させたり、リストマークを非表示にすることができます。
リストマークの設定は「list-style-type」を使用します。

ul{list-style-type:none;} /* リストマーク非表示 */
ul{list-style-type:square;} /* リストマークを四角に */

リストマークは四角以外にもいろいろあります。
詳細は、クイックリファレンスを参考にしてみてください。
ここでは割愛します。

余白について

liタグにはデフォルトスタイルシートによってあらかじめ余白が設けられています。
以下にFirefoxのデフォルトスタイルシートを示します。

ul{
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  -moz-padding-start: 40px;
}

li {
  display: list-item;
  -moz-float-edge: margin-box;
}

リストの左側に40pxの余白がとられています。
その余白の中にリストマークが表示されています。
これは結構重要なことです。
IEの場合、この左側の余白を無くしたら、リストマークは非表示になります。
しかし、Firefoxの場合は、さらにその外にリストマークが表示されてしまうのです。
このブラウザの仕様の違いをよく知っておきましょう。
余白を消したらリストは消えたものだと勘違いしてしまうIEユーザは結構多いので、注意しましょう。

次回は、リストを横にする方法を紹介します。

webサービス

2006-11-11T15:45:29Z

flickr logo maker	ロゴ作成
flickr風ロゴが作れるサービス。

Background Image Maker	背景画像作成
斜線とかの背景画像を簡単に作れるサービス。

Accessibility Color Wheel	カラーチャート
背景色と文字色のバランスを模索するときに役に立つツール。

Web2.0 Logo Creator	ロゴ作成
web2.0ライクなロゴを作成するジェネレーター。色も変えれます。詳しくはFAQを見るとよし。ただし英語。ちなみに色をつけるときは[c=FF0000]text![/c]。グラデにする場合は[c=FF0000]text![/c=0000FF]と書きます。

ICON EDITOR	アイコン作成
16×16pxとか32×32pxのビットマップアイコンを描けるツール。ファビコンを自分で作るのには便利かも。

bg Maker	背景画像作成
かなり自由な感じで背景画像を作成できます。しかもリアルタイムに背景に作った画像が並んで表示されるので、どんなものができたのか一目瞭然です。

角丸テーブル簡単作成ツール	角丸画像作成
自由に角丸画像が作成できます。ゼロから作るのが面倒な人のためにサンプルもあります。

Favicon Japan	ファビコン作成
お手持ちの画像をファビコンにできます。ファビコン自体も配布しています。

ほぼ日手帳カバー作ってみました。	ほぼ日手帳カバー
川めぐちゃんの描いた、ほぼ日手帳のカバーオンカバーにはさむとオツなイラスト。他に超有名画家の絵や帯なんてものもあり、あなたのほぼ日手帳がおしゃれに。

Cornershop	角丸画像作成
簡単に角丸テーブルが作成できます。しかもテーブル枠ではなくきちんとCSSを使用してdiv構造でコードを書きます。

Buttonator	ボタン画像作成
サンプルからボタンを選んで自由な文字を書いて、ボタン画像をオンラインで作成することが出来ます。ボタンの種類がたくさんあるのがよい。

ROXIK \| PICTAPS	お絵かき
オンラインでお絵かき？できる。描いた絵が勝手に踊り出す。まさにweb2.0なサービス。DISITAL TOYSもかなり面白い。

ちょっと便利なおすすめウィジェット30連発！ \| p o p * p o p	ウィジェット
このサイトでは、様々なウィジェットをまとめたサイトを紹介しています。

配色ツール - 基礎からわかるホームページの配色	カラーチャート
1つのメインカラーを指定すればそれに合った背景色や文字色などを決定してくれる便利ツール

デザイナーサイト

2006-11-11T14:16:51Z

yugop.com	Flash
中村勇吾氏のサイト。最も尊敬する人。東大院卒の日本を代表するデザイナー。サイト内の文字の表示方法が面白い。こちらはFlashで実現しているようだが、こういうやり方もあるらしい。

nisshi.yugop	blog
中村勇吾氏のblog。

RAKU-GAKI.COM	Flash
西田幸司氏のサイト。web界のアカデミー賞と言われるThe Webby Awardを2004年受賞したことで有名。EIGHT8でお馴染みの人。

Font Foundry iAi-jp	グラフィック
webデザイナー。MdNとかでも活躍している人。

C O U L D	blog
webデザイナー、長谷川恭久氏のblog。ドメインのindexページもユニーク。

フリー素材

2006-11-11T06:00:55Z

デザイン素材.com 【無料Web素材・イラストアイコン・ライセンスフリー・商用利用可】	アイコン
無料、商用利用可、加工自由、の嬉しいアイコンです。

フリーWEB素材サイト「DOTS DESIGN(ドッツ・デザイン)」	アイコン
商用利用も出来るミニマムなアイコンです。

無料ウェブ素材 Tyto-Style \| 無料ホームページ素材でウェブサイト制作	アイコン
アイコンやバナー、ボタン素材などあります。こちらも無料、商用利用可、加工自由です。

Free Website Icons	アイコン
絶対役に立つアイコンがたくさん。

フリー写真

2006-11-08T14:20:00Z

基本的に無料、ロイヤリティフリー（著作権の使用料が無料）の写真でも、販売することは禁じられています。
また、あたかも自分が撮った写真のように振舞うことも禁止されています。
利用する際は、各サイトの利用規約をよくお読みください。
特に営利目的や商用サイトに使用する場合は、特別な行為が必要かもしれません。

写真素材足成【フリーフォト、無料写真素材サイト】	商用可
アマチュアカメラマンが撮影した写真を、写真素材として無料で提供とのこと。商用利用可能で、クレジット表記もなしというのが嬉しい。

2000ピクセル以上のフリー写真素材集	商用可
とにかくサイズが大きいのがよい。

Open Space	商用可
商用でも利用可能がうれしい。しかも許可連絡不要。

Free Royalty Free Stock Photography	商用可
海外のロイヤリティフリーのサイト。サムネイルになっていてみやすい。

Image * After	商用可
商用利用も可能です。

NWYH Stock Image Library	商用可
ロイヤリティフリーのサイト。ビジネス用写真です。写真に写っているのは配布している会社の従業員らしい。へんな構図の写真が多い。

0501	商用可
テンプレート配布もしているワコさんのサイト。ロイヤリティフリーではないので要注意。FAQはこちらから。

Morgue File	商用可
海外のサイト。量ははんぱない。いろんな人が自由に写真を提供している。写真は未加工。そのため非常に素人っぽい写真が多い。

STOCKVAULT	商用不可
個人利用に限りフリーです。無料で商用利用できないのが残念。

Flickr Color Selectr	商用可
Flickrという画像共有サイトから色を指定してクリエイティブコモンズライセンス付の写真をピックアップ！今まで色から探せるサービスってなかったような気がする。写真別にライセンスが違うので注意すること。

picfindr	商用可
海外の有名どころのフリー写真集サイトからキーワード検索できるサービス。サイト別にライセンスが違うので注意すること。

写真素材[無料写真素材・著作権フリー画像素材のリンクスタイル]	商用可
「プロカメラマンが撮影」をウリにしているサイト。商用利用の場合は無料だが事前連絡が必要との事。

Public Domain Pictures	商用可
営利・非営利問わず使える上にロイヤリティフリーです。このサイトはwebデザイナーにはもってこいですね。とてもありがたい。ただし海外サイトです。

無料写真素材 p-fan.net	商用可
サイトの管理人さんが撮影した2000枚もの写真をダウンロードできます。サイズも1024×768と大きめです。

ソーシャルブックマーク

2006-11-08T12:00:37Z

webshotsブックマーク	ソーシャルブックマーク
PHPSHOTさんが提供するソーシャルブックマーク

POOKMARK	ソーシャルブックマーク
ペパボが提供するソーシャルブックマーク。ペボパの中の人が多数いる。結構私好みのブックマークが多い。

ブクログ	ソーシャルブックマーク
サイトではなく本のソーシャルブックマーク。ペパボ社長が個人的に運営。