【CSS3】回転（rotate）とグラデーション（gradient）がIE9で効かないのを克服してみた（CSS3 PIEも使うよ）
い～つもIEに悩まされる ブラウザのシェア動向をちらほら見ていると、一時期のIE独占状態から今はIEもGoogle Chromeとほぼ同じシェアにまで下がったようですね。 どちらもおよそ3割強といったところでしょうか。 それに続くのがFirefoxとSafari。 Operaは相変わらず劣勢です。 ということはIEの中でもCSS3に『ほぼ』対応したIE9とその他のモダンブラウザで半分以上のシェアが占められていると推測されます。 ということで、物品販売サイトでの賑やかし効果（目立たせたりインパクトをつけてみたり）をこれまでは画像処理に頼ってきたのを、そろそろCSS3で補えるものは補ってみようと思い立ちました。 （※IE7とIE8にはCSS3 PIEで対応してみます） そうはいってもCSS3のプロパティはとても複雑です。 手打ちなんかできないんで自ずとジェネレーターに頼ることになるんですが、ジ
PIE.htcを使い、IE6,IE7,IE8でCSS3の角丸を表示する – ボンシのサイクリング＆グルメ道
PIE.htcを使うとIE6,IE7,IE8でCSS3の「角丸」などが使用できます。実際に使って見ました。使うことができるプロパティは下記の5種類になります。 border-radius（ボックスに角丸をつける） box-shadow（ボックスに陰影をつける） linear-gradient（背景にグラデーションをつける） border-image（境界線に画像を使う） multiple background images（背景に最大４つの画像を使用できる） PIE.htcの設置 最初にPIE.htcをダウンロードします。 https://github.com/lojjic/PIE/downloads 次にダウンロードしたファイルを解凍し配置します。 私は解凍したフォルダー（PIE-1.0.0）を「PIE」にリネイムし、htmlファイルと同階層に設置しました。 スタイルを効かせたいオブジェ
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
xml.vc