CSS

14 件の記事

jQuery での CSS プロパティの表記方法についてのメモ

今『jQueryクックブック』を読んでいるんですけど、この本すごくいいですね。こういう jQuery の本が欲しかったんだよな〜という感じで大満足しながら読んでます。 さて、jQuery で要素のスタイルを確認するとき、.css( propertyName ) メソッドを使って値を取得できますね。 例えば、フォントサイズを取得するとき、propertyName は「font-size」でも「fon...

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だけでロールオーバーする方法を思いついたので、それをメインに使っています。特に目新しいことをやって...

「IE 6対応のかんどころ」CSS Nite in Ginza, Vol.31 の感想

CSS Nite in Ginza, Vol.31 に行ってきました。今回のテーマは『CSSレイアウト:IE 6対応のかんどころ』(小林 信次 / まぼろし)です。 事前に「CSS Nite in Ginza, Vol.31(2009年2月19日開催)」のページの「関連情報」のリンクを見て、自分が知らないバグが結構あったので、ちょっとビビってたのですが、小林さんのプレゼンをみて少し安心しました。...

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...

Dreamweaver用拡張機能でCSSプロパティを並べ替える

昨日、Adobe Dreamweaver CS3 10 周年記念 イベント - 夢を紡ぐ者たちへ -に参加してきました(レポートのエントリーを後日掲載します)。 そこで紹介されたTipsやCS4に関する最新情報は、どれも興味深く、自分にとっては役立つ情報ばかりでしたが、その中ですぐに試せて、かつ大変便利そうで、さらに自分が今までずっと欲しかった機能があったので紹介します。 それは、Dreamw...

CSSプロパティの記述順序

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

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

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

Wordpressカスタマイズ備忘録05 - CSSの適用方法とブラウザCSSのリセット

今日はスタイルシートの適用方法の変更と、ブラウザのデフォルトスタイルシートをリセットします。 まずデフォルトのスタイルシートの適用方法は以下のようになっています。 <style type="text/css" media="screen"> @import url( <?php bloginfo('stylesheet_url'); ?&g...