Web 開発 / HTML + CSS

9 件の記事

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

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

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

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

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

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

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

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

CSSプロパティの記述順序

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

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

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

CSSプロパティの指定順序

先日作った「CSSガイドライン」(「CSSガイドラインの作成」参照)の中に、「プロパティの指定順序」という項目があります。これに関して、Dreamweaverとの関係でちょっと問題が生じています。...

Web標準XHTML+CSSデザイン - 感想

『Web標準XHTML+CSSデザイン クリエイターが身につけておくべき新・100の法則。』を読みました。先日行った「Designer meets Designers 01」でのMDN書籍の割引販売で、最も売れていた(と思われる)本です。Amazonでも順調に売れているようです。...