(X)HTML CSS カテゴリのアーカイブ

季節外れ？いいえ8ヶ月くらい先取りです！
外の雪がなくなるまではこれで引っ張ります。

ベースは wp.vicuna で XHTML 部分も少し改造しつつ CSS は自分で一から書きました。
Windows XP: IE7, IE6, Firefox2, Opera9, Netscape7・Mac OSX: Firefox2, Safari3 で確認しています。
IE6 は透過 png が使えない箇所があったりなど、若干表示が異なる部分があります。
表示が変だよ！とか見づらいとかありましたらお知らせくださいませ。粗探しばっちこーい！

今回頑張ったのは右上の navigation open をクリックでメニューがうにょーんとするところ。
メニュー最下部のタグクラウドは Tag Cloudのスタイルを参考にさせていただきました。
まだ全部の記事にタグつけてないのでなんだかさみしー。
JavaScript（jQuery）でいろいろやっていますが JavaScript オフの環境だとメニューが出っぱなしでちゃんと動作するようになっています。

実は一番頑張ったのは完成間近に IE6 と IE7 が共謀して反乱を起こしたのを鎮めることでした。
最近すっかりなついてくれていたと思ったのに騙されたわ！なまら疲れた！

p15_001 テンプレートひとまず完成 の全文を読む

ユンサンの／???／YungSang’s: 透過PNG と IE と IE7　まとめ
この JavaScript を利用して背景に指定すると通常の IE6 では透過 png が表示されるのですが、スタンドアローン版の IE6 では透過されずに表示されてしまいます。

RedLine Magazine : IE6 standalone の落とし穴
こちらの記事では evolt.org – Browser Archive のスタンドアローン版ではダメだけど Install multiple versions of IE on your PC | TredoSoft のスタンドアローン版だといけるとのこと。
私が愛用していたのは evolt.org の方だったので早速 multiple IE をインストール！が、やっぱり透過されません。
これは・・・日頃の行いが悪いんだろうか(´･ω･`)

スタンドアローン版 IE6 で透過 png を背景として表示したい の全文を読む

CSS に DOAS を使ってみることにしました。
のさんの記事 DOASでCSSの概要を記述する – VERSIONFIVE や、神崎さんの解説 ちょっとしたメモ – DOASとTurtle/RDF で導入方法がわかりやすく書かれています。
のさんの記事を見て興味を持ったのがきっかけで、vicuna のスキンでも利用されているのが決定打となりました。
統一規格だと何だか安心なのと、CSS に限らず JavaScript や PHP なども共通のフォーマットで記述できるところがステキです。

DOAS を使いたいがために JavaScript とかやってみたくなりました！
いろんな言語で Hello World! を作って DOAS を書いてみようかな(`･ω･´)

2007年の「CSSやWeb標準」ベストエントリー100選＋α – TRANS [hatena]
ただブクマするだけでは意味がない。順番に読んで・考えて・試してみようのコーナーその6です。今日も一つだけ。

• RedLine Magazine : font-size:82% って何? [ この記事の感想 ]

「CSSやWeb標準」ベストエントリーを読んでみる その6 の全文を読む

2007年の「CSSやWeb標準」ベストエントリー100選＋α – TRANS [hatena]
ただブクマするだけでは意味がない。順番に読んで・考えて・試してみようのコーナーその5です。今日は一つだけ。

• Lucky bag::blog: CSS が valid でなければいけない理由って何ですか？ [ この記事の感想 ]

「CSSやWeb標準」ベストエントリーを読んでみる その5 の全文を読む