いう時にみておきたいサイト集」という記事をとりあげました。Wallから紹介します。Practices下記は各ポイントを意訳したものです。微妙なテキストのシャドウ陥りやすいワナと対処方法はじめにCSS3の人気はいっそう高くなっています。実際CSS3の新しい機能はウェブに多くの新しい可能性をもたらします。CSS3はまだ完全にすべてのブラウザにサポートされていないので、あまり興奮しないでください。いって、CSS3を使うべきではないことを意味するものではありません。ここにあげた優れたいくつかの例をみてください。テキストのエンボス効果グリーンの円はCSS3対応で、テキストに1pxのシャドウを適用して、さりげなくエンボス効果をつけています。レッドの円は非対応ブラウザのものです。Analog繊細な角丸とシャドウグリーンの円はCSS3対応ブラウザで、ボックスに角丸とシャドウを適用しています。レッドの円は非対応ブラウザのものです。Collyアニメーションで回転するDVDグリーンの円はCSS3対応ブラウザで、DVDがアニメーションで回転しながら飛び出してきます。Firefoxではパッと飛び出すだけで、非対応ブラウザではスタティックなイメージが表示されます。web半透明のバーこのエフェクトを見るためには少しスクロールさせてください。上部の検索バーと重なったコンテンツが半透明で表示されます。Mercy角丸CSS3のborder-radiusに対応したブラウザでは、レッドの円の箇所には角丸が適用されます。Design微妙なテキストのシャドウグリーンの円はCSS3対応ブラウザで、ほんのわずかにシャドウを適用しています。画像にボーダーを適用している場合、画像の回転は注意深くしてください。下記のように汚くみえることがあります。BooyantYes:画像は回転させておく上記の汚くみえるのを避けるために、あらかじめPhotoshopで画像を回転させたものを作成し、それを使用します。ChirpYes:一つの大きい画像を回転させるCSS3に対応したwebkit系のブラウザでみてください。地球がアニメーションでゆっくり回転しています。DesignNo:多くの大きい画像を回転させる回転している画像が多いと、気持ちがわるくなるかもしれません。24waysNo:CSS3に頼る下記のサイトをCSS3対応ブラウザで見るととても素晴らしく見えます。非対応ブラウザでみると崩れてしまいます。CSS3やHTML5でレイアウトをする際は、非対応ブラウザも考慮にいれて、非常に注意深くおこなってください。ccccccccccccYes:カスタムフォントには代替をカスタムフォントを使用する際は、多くの人がインストールしているであろう似た他のフォントを包含して指定するのを忘れないでください。下記のサイトではカスタムフォントを使用していますが、代替フォントも似たようなものを指定しています。Posts関連記事が見つかりませんでした。