今『jQueryクックブック』を読んでいるんですけど、この本すごくいいですね。こういう jQuery の本が欲しかったんだよな〜という感じで大満足しながら読んでます。 さて、jQuery で要素のスタイルを確認するとき、.css( propertyName ) メソッドを使って値を取得できますね。 例えば、フォントサイズを取得するとき、propertyName は「font-size」でも「fon...
THE HAM MEDIAさんのところで、JavaScript が ON のときだけ適用させる CSS はどうやって書くのが一番良いんだろうというのを連続して取り上げています。 JavaScript OFF環境に優しく？jQueryでCSSを追加 JavaScript OFF環境に優しく？ その２ JavaScript OFF環境に優しく？ その３ JavaScript OFF環境に優しく...
グローバルナビゲーションやボタン等で、画像を使ってロールオーバーを表現する方法にはいくつかあります。 僕は、以前はCSSでの画像置換によるロールオーバーを使うことが多かったのですが、最近では JavaScript（特に yuga.js）によるロールオーバーが基本になっていました。 しかし、最近、CSSだけでロールオーバーする方法を思いついたので、それをメインに使っています。特に目新しいことをやって...
CSS Nite in Ginza, Vol.31 に行ってきました。今回のテーマは『CSSレイアウト：IE 6対応のかんどころ』（小林 信次 / まぼろし）です。 事前に「CSS Nite in Ginza, Vol.31（2009年2月19日開催）」のページの「関連情報」のリンクを見て、自分が知らないバグが結構あったので、ちょっとビビってたのですが、小林さんのプレゼンをみて少し安心しました。...
今日は CSS Nite in Ginza, Vol.31に行ってきます。テーマは「CSSレイアウト：IE 6対応のかんどころ／小林 信次（まぼろし）」ということで、以前「CSS Nite ビギナーズに参加した感想とか要望とか」で書いた「CSS Nite への要望っぽいこと」が実現した感じで、すごく楽しみです。 僕は Web制作の現場にいないので、実務経験が少ないです。ですので、日頃、Web 制作...
このブログでも、サイト内リンクと外部リンクを区別するために、外部リンクにだけアイコンを表示させています。 つい最近までは、外部リンクのa要素に自分で「class="outside"」をつけて、次のようなCSSを設定していました。 a.outside { margin-right: 1px; padding-right: 13px; background-image: ur...
昨日、Adobe Dreamweaver CS3 10 周年記念 イベント - 夢を紡ぐ者たちへ -に参加してきました（レポートのエントリーを後日掲載します）。 そこで紹介されたTipsやCS4に関する最新情報は、どれも興味深く、自分にとっては役立つ情報ばかりでしたが、その中ですぐに試せて、かつ大変便利そうで、さらに自分が今までずっと欲しかった機能があったので紹介します。 それは、Dreamw...
CSSの記述順序をまとめてみました。 おおまかなところはMozillaの順序をベースにし、それにW3Cの仕様書（CSS2 Specification）と僕のバイブルである『Web標準の教科書―XHTMLとCSSでつくる"正しい"Webサイト』での出現順序をミックスさせて、少し自分好みに並べ替えました。 使用頻度の低いプロパティは隠してありますので「**」のついている項目をクリックすれば表示されるよ...
『Web標準テキスト(2) CSS (Web標準テキストシリーズ 2)』という本が出ています。以前書店でチラ見したときはそんなに気にならなかったのですが、「hamashun.com」の「Web標準テキストシリーズ CSS エレガントなWebデザインのために」という記事を読んだら買いたくなってしまいました。 また、この記事の中の以下の部分に共感です。 技術書は余白部分を活用して、メモをガンガン書い...
今日はスタイルシートの適用方法の変更と、ブラウザのデフォルトスタイルシートをリセットします。 まずデフォルトのスタイルシートの適用方法は以下のようになっています。 <style type="text/css" media="screen"> @import url( <?php bloginfo('stylesheet_url'); ?&g...
