タグ別アーカイブ: CSS3

HTML5でモダンブラウザのCSS3バグを回避するためのハック方法

browser sniffing
将来、何かの役に立つかもしれないので、メモとしてエントリー。

IEなんかの古いブラウザに対応するための CSS ハック方法は古くから知られていますが、CSS3 への過渡期の現在、(本当は使いたくない)ベンダー・プレフィックスや Modernizr なんかを使って新しいデザインにチャレンジしている人も多いことでしょう。

それでもなお、特定ブラウザの、特定バージョンで思った通りのデザインにならないことがあれば、やはり何かしらのハックに頼らざるを得ない状況は、今も昔も変わらないのかもしれません。

そんな場合のハックを An HTML5 boilerplate addon for CSS browser nitpicks から紹介です。紹介されているテクニックは、従来型の CSS 解釈時バグや CSS 属性のアリ/ナシといった特徴や機能ベースではなく、そのものズバリ、ユーザーエージェントによるブラウザの嗅ぎ分け(Browser Sniffing)方法です。JavaScript でいえば、このような方法は全く好ましくないとされていますが、HTML5 時代の、特にモダンブラウザごとに対応する方法としてはアリ…? かもしれませんネ。
続きを読む

デザイナの心を刺激するCSS3素材&実例&ツール集35

Awesome CSS3 Examples

CSS3 でここまで出来るのか、という良い見本です。テクノロジーの進化でデザインがインスパイアされ、さらに高見をめざしてテクノロジーが進化するという、互いに刺激し合うスパイラルが爆発的に加速しそうな気配を感じてしまうのは、大げさでしょうかネ。

ツールに関しては、既にあちこちで紹介されているものが大半ですが、素材に関しては、きっと刺激を受ける方もいるのでは?と思ったので、紹介したいと思います。
続きを読む