免責事項：本サイトに含まれる情報は、一般的な情報提供のみを目的としています。情報はスペシャルベストによって提供され、当社は情報を最新かつ正確に保つよう努力しますが、いかなる目的においても、ウェブサイトまたはウェブサイトに含まれる情報、製品、サービス、関連グラフィックスに関する完全性、正確性、信頼性、適合性、利用可能性について、明示または黙示を問わずいかなる表明または保証も行いません。従って、これらの情報に依拠することは、あくまでもお客様ご自身の責任において行われるものとします。 当社は、当ウェブサイトのご利用に起因するいかなる損害についても責任を負いません。 本ウェブサイトから、スペシャルベストの管理下にない他のウェブサイトへリンクすることができます。当社は、それらのサイトの性質、内容および利用可能性を管理することはできません。リンクは必ずしも推奨するものではありませんし、リンク先で述べら

The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh

拡大した画像を表示するLightbox風エフェクトを実装するスタイルシートをCSS playから紹介します。 CSS Light Box -click version demo デモでは各サムネイルの画像をクリックするとLightboxのように拡大した画像を表示し、右下の×アイコンをクリックすると元の画面に戻ります。 対応ブラウザは、IE6を含む主要なブラウザ全てとなっており、IE6対策にexpressionが使用されています。 CSS Light Boxのトリガーはクリック以外にも、ホバー対応バージョンもあります。

カラム落ちとか自分のコーディングとかの話 先日の自分もプロパティの書き順とかのエントリに頂いたブクマコメントでこういうのがありました。forestkさん、コメントありがとー。 padding, margin が width, height の側に無いと調整してたら 「カラム落ちした！どこ？どこのサイズがでかいん！？」 とかならないですか？ 結論から言うとならないようにしてます。というか、後からwidthをいじる必要がないように計算機使いながらやってます。探さなくていいように紙も使ってます。 せっかくなのでその辺り含めて、カラム落ちやコーディング手順について書いてみようかなと思いました。（前にもちょっと書いた記憶があるけど） ボックスについて カラム落ちって外枠のボックス自体に問題がある場合と中身に問題がある場合の2パターンあると思うんですが、まずボックス自体について。 頭の中の前提 2段組

CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設

以下のリソースはflyson氏が作られたものです。 サイトの閉鎖時に煮るなり焼くなりご自由にと仰っていますので、コチラに転載させて頂きました。 XHTML リファレンス CSS リファレンス

ブラウザのスタイルをリセットするYUIやEric MeyerやEd EliotのスタイルシートをCDNで提供するCSS-Reset.comを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <link href="http://www.css-reset.com/css/meyer.css" media="screen, projection" rel="stylesheet" type="text/css" /> </textarea>

My CSS Menuは、多段階層に対応したドロップダウン型やアコーディオン型や面白いエフェクトがある高性能なナビゲーションを作成できるオンラインサービスです。 My CSS Menu ナビゲーションはブラウザでの表示を確認しながらラベルや項目数、デザインなどのカスタマイズが可能で、HTMLやCSSの知識が無くても簡単にできると思います。 下のパネルには変更履歴が表示され、undo機能も備えています。 カスタマイズ画面のキャプチャ ラベルを日本語にするのも簡単で、クリックで変更箇所を指定しテキストボックスに日本語を入力するだけで適用されます。 ダウンロードはファイルの保存を選択すると、HTML, JavaScript, CSSが表示されるのでコピーして使用することができます。 ナビゲーションのデザインは現在２２種類あり、下記にいくつか紹介します。

2008年、ウェブのデザイナー・開発者がおさえておきたいデザイン、Photoshop&Illustratorのチュートリアル、ブラシやベクター素材、JavaScript、CSS、WordPress、タイポグラフィ、フォント、素材、リソースなどをnoupeのエントリーから紹介します。 2008 Most Popular Design posts, Tutorials and Resources デザイン関連 Photoshopのチュートリアル関連 Illustratorのチュートリアル関連 Photoshop&Illustratorのブラシやベクター素材 JavaScript関連 WordPress関連 CSS関連 フォント&タイポグラフィ関連 ツール&素材関連 デザイン関連 42 Awesome Business Card Designs 20 Beautiful HDR Pictures

Six Revisionsから、アイデア満載のスタイルシートの実装例とテクニックをいくつか紹介します。 Innovative (and Experimental) CSS Examples and Techniques

This domain may be for sale!

Matthew James Taylorのエントリーから、リスト要素でマークアップしたタブ型ナビゲーションを中央に配置するスタイルシートの紹介です。 <textarea name="code" class="html" cols="60" rows="5"> <div id="centeredmenu"> <ul> <li><a href="#">Tab one</a></li> <li><a href="#" class="active">Tab two</a></li> <li><a href="#">Tab three</a></li> <li><a href="#">Tab four</a></li> </ul> </div> </textarea>

Free CSS Drop-Down Menu Framework 対応ブラウザは、IE5+, Fx1.5, Op7+, Safari2+となっています。 デモでは、水平型や垂直型など多数のドロップダウン型ナビゲーションのサンプルがあります。

CSSplayから、リスト要素で実装する、デザインも優れたドロップダウンメニューのスタイルシートを紹介します。 Professional variable width dropdown menu #4 ナビゲーションはリスト要素で実装されており、ラベルはテキストのため日本語に変更することも可能です。 対応ブラウザは、IE6, IE7, Firefox, Opera, Safari(PC), Google Chromeとなっています。

Vertical concertina slide menu - the CSS answer 対応ブラウザは、IE6, 7, Fx, Op, Safari(PC), Google Chromeとなっています。 アコーディオンの開閉時にアニメーションを使用したスクリプト使用版は、下記で公開されています。

SFS Site From Scratchから、HTML/XHTMLの各要素が配置されたスタイルシートのチェック用のテンプレートを紹介します。 <!-- Sample Content to Plugin to Template --> <h1>CSS の基本的な要素</h1> <p>この HTML の目的は何のデフォルト設定が CSS を持っているか決定するのを手伝うこと、そして、場所を設計するとき、どんな可能な要素でもミスしないようにすべての可能な HTML 要素がこの HTML に含められることを確認することです。</p> <dl> <dt>Original:</dt> <dd><a href="http://www.sitefromscratch.com/content/html-xhtml-css-testing">HTML XHTML for CSS Testing</a></d