かたつむりくんのWWW

JavaScript が ON のときだけ適用させる CSS

THE HAM MEDIAさんのところで、JavaScript が ON のときだけ適用させる CSS はどうやって書くのが一番良いんだろうというのを連続して取り上げています。 JavaScript OFF環境に優しく？jQueryでCSSを追加 JavaScript OFF環境に優しく？その２ JavaScript OFF環境に優しく？その３ JavaScript OFF環境に優しく...

2010-03-03 05:43
HTML + CSS
CSS
JavaScript

画像置換せずにCSSのみでロールオーバーする - opacityだけじゃなくて要素の重なりも利用する

グローバルナビゲーションやボタン等で、画像を使ってロールオーバーを表現する方法にはいくつかあります。僕は、以前はCSSでの画像置換によるロールオーバーを使うことが多かったのですが、最近では JavaScript（特に yuga.js）によるロールオーバーが基本になっていました。しかし、最近、CSSだけでロールオーバーする方法を思いついたので、それをメインに使っています。特に目新しいことをやって...

2009-10-16 17:51
HTML + CSS
CSS

CSS の z-index について整理してみる

今日は CSS Nite in Ginza, Vol.31に行ってきます。テーマは「CSSレイアウト：IE 6対応のかんどころ／小林信次（まぼろし）」ということで、以前「CSS Nite ビギナーズに参加した感想とか要望とか」で書いた「CSS Nite への要望っぽいこと」が実現した感じで、すごく楽しみです。僕は Web制作の現場にいないので、実務経験が少ないです。ですので、日頃、Web 制作...

2009-02-19 13:48
HTML + CSS
CSS

CSSで外部リンク用アイコンを設定するときの悩み

このブログでも、サイト内リンクと外部リンクを区別するために、外部リンクにだけアイコンを表示させています。つい最近までは、外部リンクのa要素に自分で「class="outside"」をつけて、次のようなCSSを設定していました。 a.outside { margin-right: 1px; padding-right: 13px; background-image: ur...

2008-04-21 05:54
HTML + CSS
CSS

CSSプロパティの記述順序

CSSの記述順序をまとめてみました。おおまかなところはMozillaの順序をベースにし、それにW3Cの仕様書（CSS2 Specification）と僕のバイブルである『Web標準の教科書―XHTMLとCSSでつくる"正しい"Webサイト』での出現順序をミックスさせて、少し自分好みに並べ替えました。使用頻度の低いプロパティは隠してありますので「**」のついている項目をクリックすれば表示されるよ...

2008-02-13 17:40
HTML + CSS
CSS
guideline

またCSSの本が買いたくなった・・・

『Web標準テキスト(2) CSS (Web標準テキストシリーズ 2)』という本が出ています。以前書店でチラ見したときはそんなに気にならなかったのですが、「hamashun.com」の「Web標準テキストシリーズ　CSS　エレガントなWebデザインのために」という記事を読んだら買いたくなってしまいました。また、この記事の中の以下の部分に共感です。技術書は余白部分を活用して、メモをガンガン書い...