The Trap of Web Design

スタイルシート、DOM Scripting 等、様々なウェブデザイン表現手法や MacOSX について



Home

Safari 4.1

アップデートしました。

スタイルシートで待望の(オレだけ?)-webkit-box-shadow の inset に対応しました。

IE 互換はおいといて、むしろ IE(6) には一切スタイルシートかまさない簡単な方法を探したりしている状態。いちおう、丁寧に作ってるサイトでは、ブラウザ拡張の prefix スタイルについては、スタイルシート分けて対応ブラウザにだけかましたりすることもあるんで、そんな場合は box-shadow は平気で使います。

.box {
    -webkit-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, .6);
    -moz-box-shadow: inset 5px 5px 5px rgba(0, 0, 0, .6);
    box-shadow: inset 5px 5px 5px rgba(0, 0, 0, .6);
}

2010-06-08 14:34 | ichiro | comment 0


背景色指定で rgba を使う

スタイルシートで背景色指定に rgba を使うことも多くなりました。IE が全く非対応ですが、スタイルシート上の互換対策があります。

#topic {
    background-color: #060;
    background: rgba(0, 102, 0, .5);
}

IE は background-color を反映して、rgba 対応ブラウザは background のほうになります。背景色ナシ(透過)でよいなら、 background-color をとっちゃうか、 background-color: transparent; で大丈夫(な筈)。

2010-05-27 12:55 | ichiro | comment 0


スペシャルスキンパーツの使い方バージョン 3.51 用

提案用のサイトを Nucleus CMS で作ってて、お客さんに見せるためにサーバーにあげる時に、Nucleus CMS のバージョンを最新の 3.51 にした。ローカルのやつをアップデートしてから、そのまんまいれちゃえば終わりとなるのだけど、スキンやテンプレートをぐちゃぐちゃ複製したり、使わないアイテムがあったりするので、サーバーに新規インストールして、スキン・テンプレートは書き出ししたものを読み込み、数件しかないアイテムは、コピーペーストでひとつずついれた。

それで DB には余計な情報が無いキレイな状態の(仮)サイトができあがり…のはずが、あれ、グローバルメニューからリンクしてるスペシャルスキンパーツでできてる(半)静的ページのスキンが反映されておらず、index と同じ状態だった。

ローカルの奴はまだ 3.41 で、サーバーの奴は 3.51 という以外に違いは無いので、仕様変更かまたはバグだな、ということで調査。通常モードで ?special=xxx とクエリー送る分にはスペシャルスキンに切り替わる。

2010-05-19 19:03 | ichiro | comment 0