W3Cの勧告に忠実に則った解説をされているサイト、初めてサイトを作る人におすすめなサイト、いずれにしてもサイト作りの良き指南書（サイト）としてお勧めしたいサイトです。

CSS、HTMLのリファレンスはもちろん、サイト作成、JavaScriptなど、とにかく内容が正確で充実しています。非常に勉強になります。

HTML,CSSに加えて、XHTMLのリファレンスも大変充実しています。他にもサイト作成、JavaやPerlに関する情報もあります。こちらも大変お世話になっています。

主にCSSリファレンスについてのコンテンツですが、先に挙げたサイト同様に正確で充実しています。

CSS、JavaScriptを中心に、webサイト作成について扱っています。CSSによるサイト作成のTipsが参考になります。

HTML,JavaScript,CSS,DHTML,CGI,アクセス情報を載せているサイト。

サイト作りの基礎から応用、HTML,CSSのTipsおよびリファレンス、JavaScriptのTips、その他WEB制作全般に渡るコンテンツがあります。

HTML、CSS、JavaScriptのリファレンスを中心にWebページ作成に関する資料が数多くあります

短時間でソフトなどを使わずタグ打ちでホームページが作れる解説サイトです。簡潔な文章と豊富な画像で解説されているので内容をすぐ理解できると思います。

こちらも初心者向けですがおすすめです。

HTML、XHTML、CSSのリファレンスに加えて、サイト作成に関する情報、JavaScriptの解説等、非常に充実した内容になっています。　....ちなみに何故かMac IEで見ようとすると落ちます。

HTMLおよびCSSのリファレンス、その他、特種文字のリファレンス、良いデザインのサイトリンク、「WEbの現場」の記事は興味深いものがあります。

いわゆるW3C、ウェブの総本山です。このW3Cから勧告された仕様書に基づいてWebデザインすることが好ましいわけですね.....。（といいつつ当サイトは思いっきり反逆しているわけで...鬱だ。）

痒いところに手が届く(?)そんなHTML/CSSの小技を紹介しているサイトです。サイト制作における問題解決の手がかり、一風変わったサイト作りの手助けになるかもしれません。

HTML,CSS,JavaScriptなどによる、"痒いところに手が届く" Tipsが満載。サブコンテンツも参考になります。

インフォシーク内にあるコンテンツですが、HTMLの書き方の初歩から、画像の処理、トリッキーなJavaScriptのサンプルなど、充実しています。

新しく「ITmedia」として変わってしまってからは、この"HTML Tips " のコンテンツがなくなってしまったのが残念です。150以上のWebデザインに関するTipsが載っています。ソースは、「Internet archive」に保存されているものです。

2chのWeb制作板の質問スレに貼るテンプレをまとめたサイトなのですが、そのテンプレのFAQは見ておいて損はないと思います。

同じく2ch Web制作版のスレッドから派生した、主要なブラウザのCSSのバグをまとめたサイトです。CSSで思うような表示が出来なかったらここをご覧下さい。かなり重宝するはずです。

こちらは2ch関連ではありませんが、HTML/CSSのバグとそれに対する対策をまとめてあるサイトです。こちらも必見です。

こちらはタイトル通りMac版IEのバグ対策の記述を邦訳したサイトです。Winとは別物のMac版IEだけのバグだけにMacユーザでなければ気付かないでしょうからこちらも必見です。

マイクロソフトのサイト内にある、IE（バージョン6）のCSSの実装について書かれています。Mozzila系ブラウザとは異なる箇所が多い仕様ですので困りますね。

「娘娘飯店しるきぃうぇぶ 」サイト内にある日記なのですが、Web制作に関する記述が多数あり、他ではなかなか見つけられない一歩踏み込んだTipsが拝めます。

「同人野郎のためのWEBサイト作り」とありますが、決してそんなことはありません。全てのWebサイト制作者にとって実用的で参考になるTipsが豊富に載っています。 トップの背景テクがいかしてますね。

Win版IEでPNGのアルファチャンネルの透過方法が載っています。

Webページで使えるフォントはごく限られたものしか使えませんが、フォントの埋め込みをすることにより相手のパソコンに指定したフォントがなくても表示できるようです。ちなみにMav版IEでは無理な様です。

日本語文章の本来の書き方である縦書きをWebページで表現するためのテクニックなどが載っています。縦書き表記にしてみたい方はぜひ参考に。.......しかしMacでは縦書きにならないのであった....（無念）。

こちらも縦書きで表示するための方法が書かれています。

Win+IEの環境でないと表示できないものもありますが、かなりユニークな表現ができるTipsがたくさん載っています。.....Mac IEで見られません....。

ここのJavaScript、DHTMLのテクニックを使った演出はユニークです。まさしく"Web Trick"！！　また、デザインも素敵です。

サイトのデザインや見栄えに凝りがちですが、そうなると、本来の、W3Cが勧告した仕様書に則った（Valid=正当な）HTML/CSSの使い方を怠りがちです。（言うまでも無く当サイトもかなり違反していますので紹介できる立場ではないのですが...）　今まで無視してそれに慣れ切ってしまった状態から直すのはなかなか難しいですが、以下のサイトを参考にしてみてクオリティを更に上げましょう。

ユーザビリティ・アクセシビリティに関する独自のガイドラインを基に、よりよいWebデザインのためのアドバイスが掛れたサイトです。

HTMLのタグの本来持つ意味を改めて確かめ、正しく理解して使う必要があります。.....フレームとリンク....うちのサイトは完全に反逆してるじゃないか....。ｶﾁｬy=ｰ( ﾟдﾟ)･∵. ﾀｰﾝ

やってしまいがちなテクニック..........だいぶやっちゃってるよ....(ﾉ∀`)ｱﾁｬｰ

Web技術に関するノウハウや、Java 関連 e-Learning、そして Java で作成されたフリーソフトウェアで構成されていますが、ここでは「Webサイトデザイン入門」のコンテンツを特におすすめしたいです。

こちらは、主にHTMlでの禁則集となっています。 ...余談ですがこのテキストは丸谷君の遺言で変換したもの....？

こちらも禁則集。それぞれの禁則に理由として第三者による書き込みがあるので、客観的に見ても正しいと言えるかもしれません。

ブログですが、主にHTMl/CSSについて書かれています。

CSS、XML、Webデザインについて 、いろいろと書かれています。 ......当サイトには耳が痛いコメントばかりですが、 論理的な見解は、的を射ていると思います。 自分のサイトを見詰め直すのに良いと思います。

行政のサイトデザインはひどい...と言われているなかで、島根県のサイトは、そのデザインはもとよりその姿勢が素晴らしいと思います。

2ch Web制作版のあるスレをまとめたサイトです。ここでいういけてるというのはサイト内にも書かれている通り、単に見栄えのためだけにCSSを使ったことではありません。

こちらも同様のサイトです。

今後標準になりつつであろうXHTMLでは、今まで当たり前のように使えていたタグが使用出来なくなる場合があります。今後の事を踏まえると、廃止決定されているものは使わないようにするほうが良さそうです。

Web制作に役立つリンクがたくさんあります！

こちらはW3C公式ではありませんが、HTMLの文法をチェックしてくれます。

「Valid」であるかどうかをチェックできます。.....もちろん当サイトは大論外です...。ｶﾁｬy=ｰ( ﾟдﾟ)･∵. ﾀﾀｰﾝ

Webページに多彩な演出が出来るJavascriptを載せているサイトを紹介します。 なお、HTML/CSSリファレンス＆サイト作成で先に挙げたサイトの中にもJavaScriptのサンプルやリファレンスを載せているところもありますので併せてご覧下さい。

150もの実用的なJavaScriptのサンプルがあります。とにかく「使えます」。トップページのOpenSpaceからは、JavaScript例文辞典やHTMLのリファレンスやJavaScript、SSI、PHP、他にもグラフィックソフトのTipsや素材写真などとにかく沢山の役立つコンテンツがあります

多彩で実用性のある JavaScriptのサンプルが100程載っています 。

JavaScriptのサンプルがあります。

AllAboutJapan内にある、JavaScriptのコンテンツです。サンプルが多数あります。

一風変わった効果のJavaScriptがあります。他にもHTMLやサイト作成のTipsもあります。

JavaScript がたくさんあります。トップページはこちら。Toshi's House

Javascriptの他にもフリーCGI（ダウンロードカウンタ、メールフォームetc...）、アニメーションGUFなどあります。

多数のJavaScriptがあります。 他ではあまり取りあげられていないXML/VMLに関するコンテンツもあります。けっこう重宝します。

JavaScriptをやさしく学べます。

メーリングリストですが、過去ログにはたくさんの情報が詰まっています。見つけだすのには根気が必要かも知れませんが、何か見つけられるかも知れません。

実用的なものからゲームまでJavaScriptのサンプルがたくさんあります。

当サイトで、実際に使用しているJavaScriptを中心に目的別にまとめて紹介します。同じ効果のためのスクリプトでも書く人によって異なりますし、微妙に効果が異なる場合もあります。ですから使う際にはネットで調べていくつか試してきた方が良い気がします。リンク先のサイト様には申し訳ありませんがサイト名を省略してリンクしています。ご了承下さい。

■ ■ ■ ■ ■ ■ ■ ■ ■
Win IEのみがCSSのposition: fixedに非対応なのでそのために使用しています。残像が残ってしまうもの、動作が重くなるもの、などスクリプトにより様々ですのでいろいろ試してみて下さい。

■ ■
ユーザビリティのことを考えると、ウインドウサイズの変更というのは好ましくありませんので、お勧めは出来ないのですが.....。どの解像度でもフルスクリーンにすることだけは避けた方が良いと思います。（当サイトは、1280*1024以上にはならない設定にしています）

■ ■ ■ ■
ブラウザを振り分ける必要があるのはおそらくCSSの表示違いによるものだと思いますが、JavaScriptではなくCSS自身で振り分ける事も出来ます。後述参照

■ ■ ■ ■ ■
ブラウザごとのCSSのバグを敢えて利用した、いわゆるCSSハック（振り分けでは、バックスラッシュハックとも言われる様ですが）のテクニックを使う事によりCSSの振り分けが可能です。CSSハックなどのキーワードで検索してみるといろいろ学べると思います。

■ ■
トリッキーかつダイナミックな演出が出来る効果です。他にもスクロールするスクリプトはありますが、このスクリプトは、目的地に近付くにつれて減速するようになっています。

ブログ（載せるのは恐縮ですがこちら）は比較的ポピュラーなMovableTypeを使っているのですが、設置やカスタマイズの際に参考にしたサイトや、ブログに関するサイトなどを紹介します。リンク先のサイト様には申し訳ありませんが、リンクのみでサイト名を表記しない箇所があります。また設置に関してはXREAにおいてのみの情報です。ご了承下さい。

MovableTypeをはじめ、自分で設置するもの、レンタルするものなど、さまざまなブログツールが紹介されていますので、自分に合ったブログを見つけられると思います。またブログについての解説もあるので初めての人にオススメです。

ブログを始めたい人におすすめのサイトです。ブログのことがよくわかります。

「サイト更新通知サービス」をベースに blogユーザやblogサイトの出会いの場を提供するサイト。

■ ■ ■ ■ ■

■ ■

■ ■ ■ ■ ■ ■

■ ■ ■ ■ ■ ■ ■ ■

CGI検索サイトや、当サイトで利用しているCGIの制作元を紹介します。

フリーCGI配布サイトのページビューランキングとスクリプトの検索エンジンを提供。その他、質問掲示板や関連リンク集など、CGI情報のポータルサイトです。

2100を超えるCGIスクリプトを「キーワード」「カテゴリー」「優先項目」から検索できる、CGIスクリプト専門の検索エンジンです。スクリプトについて解説、サンプルへのリンク（一部）などが表示されます。

CGI/SOZAI専門ランキングと検索エンジンで構成したCGI/素材サイト総合データベースサイトです。

当サイトで掲示板のCGIを利用しています。他にもアンケートCGIなど、多数・多機能なCGIがいろいろあります。多機能だけど見た目はパステル調でシンプル...みたいな雰囲気が良いです。

カウンターにこだわったサイト、です。当サイトのカウンターCGIはこちらのものを利用しています。...カウンター関係のCGIをメインにいろいろなCGIがあります。また、実際カウンタCGIを設置してみて、ここのCGIは設置しやすかった感じでした。

アクセス解析を中心とした Perl による CGI情報サイト。とにかく設置しやすく、その上高機能。CGIに不馴れな人でも、スクリプトの記述をほとんど変更することなく一発で作動すること間違いなしです。

フリーCGI/SSIをはじめ、HTML,JavaScript,UNIX/Linuxについてなど、多彩なコンテンツとなっています。また、CGIは、代行設置・カスタマイズ・オーダーメイド、のサービスもあります。当サイトでは、メールフォームのCGIを使わせていただいております。

カウンタ、掲示板、チャットはもちろん、辞書やクイズなどのCGIスクリプトがあります。その他、CGI、Perl、HTMLの解説もあります。（...個人的にはMIDIデータ（特にドラクエ）もお気に入りだったりします。原曲そっくりなんだもの！）

CGIはもちろん、Web素材、JavaScript、FTPの使い方、HTMLのTipsなど、、幅広くホームページ制作をバックアップしてくれるコンテンツがあります。

各種アクセスカウンタ、掲示板、チャットなどのCGIが公開されています。CGIの説明も分かりやすく、種類も豊富です。

CGI、SSIによるスクリプトがあります。また、CGIをカスタマイズしてくれるサービスもあります。

掲示板、チャット、解析付きカウンタ、メール 、リンクなどのCGiがあります。

掲示板、チャット、カウンタ、解析、リンク、メール、表示切替、ゲームなどのCGIがあります。

ナレーション掲示板、リンク、更新履歴の他所のCGIを改造したものになっています。デザインが秀逸です。

掲示板、アクセス解析、カウンタなどのCGIがあります。

カウンタ、掲示板、解析、メール等のCGIの他に、CGI、HTML、UNIXなどの解説も載っています。

多機能検索エンジン、ランキング、アンケートなどのCGIがあります。

掲示板、カウンタなどお馴染みの有名CGIですね。

レンタルサーバによっては使えない場合もありますが、サーバの設定を変える事が出来るファイルです。アクセス制限や、直リンク禁止、自作NotFound(404)などいろいろ可能です。

HTMLリファレンスの他に、.htaccessについてのリファレンスも詳しく載っています。このサイトで.htaccessを学びお世話になりました。どうもありがとうございました。

書き方が分からない、書くのが面倒だ....なんて方にはこちら。項目を選んでいくだけで、ソースを表示してくれます。あとはそれをコピペでテキスト保存してアップロードすればあげればOK。

よく使われそうな設定のサンプルがいろいろありますので便利です。

こちらは、XREAでの設定を想定とした解説になっていますので、他のレンタルサーバをお使いの方は注意。

サイト管理人にとって、とりわけお絵書きサイトや素材サイトにとって特に問題な「直リンク」を防ぐ方法が書かれています。このサイトの他のページにも参考になる情報があります。

最近はフリーフォントサイトを巡ってはいませんが、ブックマークしてあったサイトを紹介します。 ですので、かなり偏りがあると思いますが、だからこそリンクする価値もあるかもしれません....。 個人的には"Abstract Fonts"がフォント数もあり見易く、お勧めです。 Mac用フォントでもコンバータを使って変換すればWinでも使用できます。

まずは、ここへ。アルファベット以外にもカテゴリー別で見られるので好みのものを探しやすいかもしれません。ちなみにファイルはWinしかありませんので、Macユーザーは変換する必要があります。

サイトの雰囲気も素敵ですが、取り扱うフォントも素敵です。以前は扱うフォントの方向性があったように感じられましたが、再び訪れたら、他サイトにもあるような有名どころもきっちり押さえてある感じです。かなりお勧めです。

好みのものが意外に多いです。ブックマークしたまま忘れていました....。

ここもかなりお勧めです。フォント数があり過ぎるってのも...また問題、ですね。w

Win/Mav両方それぞれファイルがあります。押さえ所も良いと思います。なかなかお勧めです。

割とたくさん数もありますが、他サイトとはあまり重複していないフォントが多い様な気がします。

数は前に挙げたものなどと比べると若干少ない様ですし、重複しているものも多々ありますが、ところどころであれ、っと思うフォントもあったりします...。

ここは、Myfonts.comと同様に（有料）フォントの検索（フォント名からのみですが）ができます。 しかし、ここでお勧めしたいのは...."Morpheus"です。確かに似ていますが、明らかに「真似ている」フォントではない様ですしこれはありでしょう。

Mac用しかない上に、あまり見かけないマイナーなものが多いです。......お暇があればどうぞ。

....複雑な心境になります.....。

ここも同様、当サイトの雰囲気が好きな方なら、気に入っていただけると思います。しかも他ではお目にかかれないフォントが多数あります。

トップページですが、ここから、クリップアートなどの素材ページへ行けます。こちらもお勧めです。

タイトルで想像できると思いますが、好みのフォントばかりです。

"Gothic"という項目があったので紹介します。数はあまり多くないです。

なんと画像ファイルから何のフォントかを探し当ててくれるという、すごい機能を持ったページです。 ネットやいろいろな媒体において欲しいけど、フォント名が分からないという場合において、非常に便利な機能です。 ...ただし欧文フォントのみの対応なので、和文フォントは残念ながら識別できません。

そのトップページですが、このサイトはフォント探しにとっては欠かせないサイトでしょう。 フォントメーカー、アルファベット、キーワード別にカテゴライズされているので、見つけやすいです。フォント数は膨大ですが、探してみる価値はあります。 オンラインで買えますし、次の「フォント.TOO」でほとんどのものは入手可能のようですし.....この2つのサイトを併用してゲットしましょう。

フォント以外にも素材集など豊富に揃っています。

ここで欧文フォントのほとんどは見つかると思います。もちろんここで購入できます。もしなければこちらもどうぞ。

ここで手軽にダイナフォントが購入できます。有名な「金文体」も！DynaComware　こちらが企業サイトです。

エミグレ、T-26などのフォントメーカーのフォントが購入できます。その他デジタル素材も多数販売しています。

フォント以外もとても素晴らしいので分類に悩むのですが、とりわけここにあるフォントはとても素晴らしい！「EXOCET」が好きな方にはきっとツボなフォントがあります。

一目で気に入ってしまったフォントメーカーです。"Kobe Queen"は最高！値段も安くて素晴らしいです。

明朝体とゴシック体を合わせたような「アポロ」シリーズのフォントは素晴らしい！しかも、その中の1つ「アポロ1」が何とフリーフォントに！　無料でお試し／使えるなんて！（ただし個人使用に限る）

フォントの事ならまずはここへ。

和文フォントに関してとても詳しく、勉強になります。

Macユーザーにおすすめなサイトです。WinフォントをMacフォントへ変換してくれるコンバータソフト"TTConverter 1.5 "など便利ソフトがいろいろあります。

こちらは、Mac OS Xから採用された「.dfont」とOS9.x従来まで使われていた、スーツケース型のフォントファイルとの変換を行えるコンバータが、「.dfont→スーツケース」／「スーツケース→.dfont」それぞれあります。ソフトは無料ですが使用許諾に同意した上で使用してください。

その他、Web制作で役に立ちそうなサイトを紹介します。

素敵なアイコンが配付されています。また、アイコン、Faviconなどの作り方も載っています。

...もしも、自分のサイトが荒らされてしまったら、ここを見て解決策を投じましょう。

イメージに合った配色パターンが載っています。

Windowsをお使いの方にはそれほど恩恵がないかもしれませんね。主要なブラウザと解像度の組み合わせでどのように表示されるかシミュレーションしてキャプチャしてくれるページです。

ネットにおける新しい著作権の形。

パソコンを使っていて、何か分からない言葉があったらぜひここへ。

無料HPスペース、メール、掲示板、カウンタなど、無料ツールを、紹介しているサイトなんです。とにかくその量に圧倒。

レンタルサーバー（ホスティング）に関する情報を提供するサイト。レンタルサーバー検索、用語集など。

（人によって欲しい素材が異なるのでどこが一番とは言えないですが）フリー素材集ではここがお気に入りです。フリーの写真はよく利用させてもらっていました。あとは3DCGの素材もかなり良かったです。またデザイナーのサイトでもあるので、グラフィックスの勉強にも（特にFireworks)お勧めです。

素材サイトのリンク、紹介、などなど、素材サイトにとっても、素材を利用する方にとっても、お得なサイトです。

サイトを立ち上げる前にチェックしてみては？　個人的には意外にも思い当たる節があったのでちょっと怖い......。

サイトを登録できる検索／登録サイトがたくさん載っていますのでおすすめです。効率良く検索サイトから自分のサイトをヒットさせるなどのアクセスアップにつながるノウハウも載っています。

ドメインのことから、取得／移管方法、トラブルなどの対処法、ドメイン最安値のランキングなど、とても充実しています。初めてドメインを取得する方におすすめです。

ドメインを調べるサイトはたくさんありますが、ここは一度に多く調べられるし検索も速いのでよく使っています。

当サイトは、XREA/Value-Domainのサーバ利用、ドメイン取得をしています。他ではありえない、本当に文句無しの素晴らしいサービスです。....ちょっと信じられない位の充実ぶりです。サーバ乗り換え、ドメイン取得を検討されている方には自信を持ってお勧めします！ 　最高！！

XREAの姉妹サービスで、ドメイン登録代行サービスを提供しているのですが、取得すると無料メールとXREAでの無料サーバスペースが付いてきます。とにかく安く、速く、自由、大容量で文句無しです。.comなら\990〜で、有料サービス（\2,400/年)を愛ければ、何と1000MBのサーバスペースが使えます。

同様の自由度で50MBのサーバスペースが無料で使えます。CGI、ブログはもちろん設置可能、.htaccess可能、多機能アクセス解析なども付いていますし、不自由を感じる事など全くありません。

XREAのユーザーによるサポートサイト。XREAサイト内のサポートページでも十分ですが、私設のサポートサイトも大変充実しており万全です！

こちらもXREAのユーザーによるサポートサイト。どちらも大変丁寧かつ分かりやすく、問題は全て解決！

Value-Domainで汎用JPドメインの取得、設定、管理について解説されています。

Web制作とは少し離れますが、パソコンやネットに関してのサイトを少しだけ集めてみました。

ネット上で何かトラブルに遇ってしまったらここをどうぞ。（ちなみにここは民間の非営利組織です。）

「財団法人インターネット協会」内のコンテンツです。迷惑メール対策、ルール＆マナー集が、一般、社内、子供、教師／保護者向け....と、それぞれ用意されています。

「 社団法人 著作権情報センター(CRIC)」の子供向け版という感じのサイトではありますが、とてもわかりやすく大人にもおすすめ。以前はアラレちゃんでしたが今はおじゃるまるなのね....。著作権の解説（バーチャルタウン）ではフラッシュによる解説があるのですが、これが良い！ああいうイラストは大好きです。実際の人物、著作物などを取りあげているところに、子供への配慮がうかがえますね。

マイクロソフトが運営するパソコンに関するコミュニティサイトです。

ダウンロード（=ネット上にあるファイルをパソコンへ保存すること）を丁寧に解説したサイトです。

あらゆる拡張子が載っていますので、Macユーザーには特に便利かもしれません。