スタイルシートのソース表示に特化した「Firefox」拡張機能「View formatted source」v0.9.5.0が、5月2日に公開された。「Firefox」v1.0以降に対応するフリーソフトで、編集部にてWindows XP上の「Firefox」v2.0.0.4で動作確認した。現在、ライブラリサイト“Firefox Add-ons”からダウンロードできる。 「View formatted source」は、Webページで定義されたスタイルシートから、調べたい部分のみを抜粋して表示できる「Firefox」拡張機能。スタイルシートは一般的に、HTMLファイルとは別のCSSファイルに定義されることが多いため、たとえば特定ブロックに対応するスタイル定義を探すのに苦労することがある。 本拡張機能を使用すると、まずWebページ内のテーブルなどのブロック要素がそれぞれ赤色や青色でハイライト表

Designrific - Mostafa Mourad from Egypt - Blog: 71 CSS menus for free CSSで作成されたサイトのメニューサンプル集。 サイトのデザインにとってメニュー部分は重要な箇所になってきます。そのメニュー部分のサンプル集。 多くのリソースから自分の作りたいサイトにあったナビゲーションを選んで使えますね。 11 CSS navigation menus 12 more CSS Navigation Menus. 14 Free Vertical CSS Menus 2-level horizontal navigation Absolute Lists Accessible Image-Tab Rollovers ADxMenu A drop-down theme Bookend Lists Bulletproof Slants C

こんにちは、Sashaです。CSSって、誰でも比較的簡単に始めることが出来るくせに、何年たってもつまらないバグにハマったりするものです。今日は、CSSをデバッグする手順を紹介します。特にCSS初心者の方々に参考にしていただければ光栄です。ただ、ここで紹介しているのは、CSSの問題解決の方法ではありません。CSS上の問題点の原因を、自分で見つけるためにとるべき手段です。見つかった問題点を、どうやって解決するかは、ここでは触れないのでがっかりしないでくださいね。 ※以下の手順は、下記のサイトをパクッ･･･、じゃなくて、翻訳しつつ簡単にまとめたものです。 参考: http://www.subcide.com/tutorials/debuggingcss/ まず、問題あるって認めましょう。 見なかったフリをしたい気持ちはよくわかります、が。 人的ミスをつぶそう スペルをチェックしよう

ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ

CSS Nite in Nagoya 2007、CSS Nite in Osaka、CSS Nite Vol.18でアンケートにご協力いただいた中で「参照しているサイト、コミュニティ、ブログ、メルマガなどありましたら教えてください」という設問に対する回答をシェアします。 順不同ですが、mixiのコミュニティへの回答が多いようでした。また、「その度に検索している」「RSSで購読している」なども多かったです。 「小粋空間」（MovableTypeに関して） http://www.koikikukan.com/ DreamweaverでWeb標準(XHTMLとCSSでサイト構築) http://blog.mag2.com/m/log/0000169311/ 3ping.org http://3ping.org/ webデザイナーのナナメガキ http://loconet.web2.jp/

sb/Serene Bachのテンプレート、blogカスタマイズTipsや素材と、アンテナに引っかかったものを勢いのままに書き綴るブログ（でした） Info Archive Link Profile web*citron Home > tips > Here! blogのタイトルに画像のロゴを使いたい。テキストじゃいまいち見栄えのしないタイトルも、画像なら好きなフォントで作れるし…。 そんなお嬢さま方にお贈りするタイトルを消すことなく隠し、画像のロゴを入れるカスタマイズ。（※画像はセルフサービスでご用意下さい） ▼参考記事 "いろは"の先のCSS 第3回 ロゴ画像はあらかじめアップロードしておいて下さい。 ▼ベースHTML <h1>のタグをこのようにします。<h1>を入れる場所はお使いのテンプレートによって多少異なると思いますので、テンプレに合わせて下さいね。 <h1><a href="U