タグ

IEとcss3に関するo_hiroyukiのブックマーク (7)

  • Platform Status - Microsoft Edge Developer

    View the status of web platform features in Microsoft Edge (Chromium) and Microsoft Edge (EdgeHTML). Note: This is not an exhaustive list of features. We will add more features to this list over time.

    o_hiroyuki
    o_hiroyuki 2014/04/03
    html, css, jsなどのIEのサポートが分かる
  • 要件に合わせたMedia Queriesの実装方法のまとめ | コリス

    スマートフォン・デスクトップをはじめ、IE6などのレガシーブラウザ対応といった要件に合わせたMedia Queriesの実装方法を紹介します。 Techniques For Gracefully Degrading Media Queries [ad#ad-2] 下記は各ポイントを意訳したものです。 テクニック1:スマートフォンユーザーがメイン テクニック2:レガシーブラウザは非対象 テクニック3:スマートフォンユーザーのみ テクニック4:デスクトップユーザーがメイン テクニック5:レガシーブラウザも含める テクニック1:スマートフォンユーザーがメイン 最初に紹介するテクニックは、Media Queriesをそのまま使うものです。 CSS #container { _width: 460px; /* IE6用 */ max-width: 460px; } @media only scree

    o_hiroyuki
    o_hiroyuki 2012/05/21
    レスポンシブweb制作時に
  • CSS3 IE対策まとめ

    CSS3を使うにあたっていつも問題になるのが Internet Explorer(IE)です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか? ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。 1. CSS3の対応状況を確認する まず、IEのバージョンごとでCSS3にどこまで対応しているか知っておく必要があります。個人的によく使っているのはこのサイトです。 CSS3 & HTML5 Browser Support CSS3で追加されたプロパティ、セレクタについてブラウザごとの対応状況が分かりやすく表示されています。 2. CSS3セレクタに対応する セレクタはSelectivizr.jsだけあれば簡単に対応できます。「CSSセレクタって何?」「CSS3セレクタってどういうもの

    CSS3 IE対策まとめ
  • CSS/HTMLのテクニックをクロスブラウザ対応(特にIE)にする方法のまとめ

    17 CSS/HTML Effects with Cross-Browsing Alternatives サポートしないブラウザへの対応方法はJavaScriptを利用するなどいろいろありますが、その中の一つとして紹介します。 [ad#ad-2] 下記は各ポイントを意訳したものです。 幅の最小値・最大値 (IE included) RGBa (IE included) 不透明度 (IE included) 画像の回転・拡大縮小 (IE included) 背景をブラウザいっぱいに表示 (IE included) 画像無しのビュレット テキストのシャドウ (IE included) 複数のボーダー (IE included) ボックスシャドウ (IE included) 角丸 スクリーンリーダー用のコンテンツ ネガティブ値で指定したtext-indent Clearfix (IE inclu

    o_hiroyuki
    o_hiroyuki 2011/07/25
    css3のテクニック
  • CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」:phpspot開発日誌

    Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライブラリごとに違うようで、サイト上にそれぞれ掲載されています。 完璧ではないようですが、便利なものが多く使えるということで、活用してみてもいいかもしれませんね。 関連エントリ 便利なCSS3ツール6つ+α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ

    o_hiroyuki
    o_hiroyuki 2010/09/08
    css3の疑似クラスをIEで使う
  • たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE

    IE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介します。

    o_hiroyuki
    o_hiroyuki 2010/07/15
    css3をie対応にする
  • IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」

    TOP  >  WebDesign  >  IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」 WEBサイト構築においてもはや常識となったCSS。新たな仕様のCSS3が整備されつつあり、表現の幅をさらに広げてくれるものになっていますが、最新のブラウザのみ対応しており、IE6のようなシェアがある旧世代のブラウザは対応していないというのが現状です。そこで今日紹介するのはIE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」です。 全てのCSS3のプロパティが適応されるのではなく、角を丸くしたり、ボックスに影を入れたりテキストに影を入れたりといったCSS3の機能をスクリプトにyほって再現するというものです。 詳しくは以下 スクリプトを読み込ませると言

    IE6〜IE8をCSS3に対応させるスクリプト「Kick-ass CSS3 Support in IE6, 7, and 8」
    o_hiroyuki
    o_hiroyuki 2010/06/15
    IE6〜IE8でCSS3のプロパティを使う
  • 1