【保存版】IEのバージョンを判別し、バージョンごとにスタイルを適用する3つの方法 | DX.univ
エンジニアの菊池です。 今回、初めてブログを投稿させていただ[...]エンジニアの菊池です。 今回、初めてブログを投稿させていただくことになりました。 業務では主にフロントエンドの実装とマークアップ等を担当しています。 さて、Windows XPのサポート終了まで残り約8ヶ月となりました。 ようやく長くにわたり苦しめられてきたIE6から解放されることになりますが、でも実はIE7、8、9もIE6ほどではないまでもバグや独自解釈が多かったりします。 そんな時にはCSSハック等の手法やJavascriptを利用してIEだけ特別な処理やスタイルを適用したりします。 ということで今回かなり今更感はありますが、自分用の備考録も兼ねてIE6〜10のバージョン別CSSハックと条件付きコメント分岐、jQueryによるIEバージョン判別の3つの方法についてまとめてみました。 1.CSSハック /* I
High Performance Web Frontend
★追記： https://speakerdeck.com/ahomu/high-performance-web-frontend-2013-qiu のほうがブラッシュアップ版です WCAN 2013 Summer (7/6) で行われた、"High Performance Web Frontend"のセッション資料です。Network 1 : Render 2 : Compute 1 くらいの割合で、各パフォーマンス要因についてお話しました。
propertychange on Internet Explorer 9 - Paul Bakaus' blog
Update #1: It just came to my attention that CSS3 Pie does in fact continue to work in IE9. I quickly skimmed through the source code but couldn’t find out why their code would still function. If any CSS3 PIE reads this, please get in touch! Maybe not all hope is lost, after all. Nope. CSS3 Pie faces the same issues. Update #2: Decided to lower profanity a little to enable more sharing (yes, I fin
)
Introduction to Filters and Transitions
This browser is no longer supported. Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support. This topic documents a feature of Visual Filters and Transitions, which is deprecated as of Windows Internet Explorer 9. With Microsoft Internet Explorer 4.0 and above, you can apply various multimedia-style visual effects to your Web page. You can imple
Conditional stylesheets vs CSS hacks? Answer: Neither! - Paul Irish
…or… <html>’s conditional classes From what I’ve seen a good number of developers these days are split between conditional stylesheets and css hacks. You’re used to seeing this: <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" /> <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="css/ie7.css" />< ![endif]--> <!--[if IE 6]><link rel="stylesheet" type
filter:progid:DXImageTransform.Microsoft.Matrix()－スタイルシートリファレンス
filter:progid:DXImageTransform.Microsoft.Matrix(必要な値) …… 二次元面を傾けたような表示にする（IE5.5以上） M11=横の長さ長さの倍率を数値で指定（初期値は1.0） M22=縦の長さ長さの倍率を数値で指定（初期値は1.0） M12=横の変形横の変形を数値で指定、数値の倍率分だけ下辺が右へ移動して変形する（初期値は0.0） M21=縦の変形縦の変形を数値で指定、数値の倍率分だけ右辺が下へ移動して変形する（初期値は0.0） SizingMethod=表示方法変形ではみ出した部分についてclip to original(元のサイズで切り抜き表示)、 または、auto expand(範囲を広げて表示)で指定（初期値はclip to original） スタイルシート部分は外部ファイル（sample.css）に記述。 p.sample img
動的スタイルシートの作成
こんばんは。だいぶ日も長くなってきましたね。 さて、小生のブログで、「エクセルデータをHTMLテーブルに変換」というエントリーを書いて、そこでppBlog用に見栄えの良いTABLEを作成してくれるページ を公開していました。早速、使って下さったユーザーの方から、ppBlogをリスト表示にしていると、テーブルのスタイルシートが有効になっていないとのご指摘がありました。確かに、リスト表示での個別スタイルシート指定はすっかり対応を忘れていました。 というわけで、ppBlogでは記事毎にスタイルシートやJavaScriptを指定することが可能ですが、あまり知られていない気もするので簡単に使い方を書いておきます。スタイルシート（CSS）を指定したければ、記事のどこでも良いので、[style][/style]で囲った中の記述がCSSとして認識されます。記述はまんまCSSと同じです。具体例を挙げると以下
JavaScriptでCSSパーサーを書くための情報を収集中(5.5日目) - latest log
window.name + フレーム のくだりについてちょっと追記 uuCSSParser.js は uuAltCSS.js の古い呼び名です。 昨日の段階で、最新のCSS(CSS3)のセレクタを古いブラウザでも利用可能になりました。 このスクリプトを発展させれば、CSSハックや、ブラウザ毎にCSSファイルを用意する必要性を減らせることになります。 ただ、ちょっとした問題が見つかっていますので、今日はそれを解決します。 問題ズ Firefox3.5+, Safari3.1+, Opera9.5+, Google Chrome 2+ など CSS3 セレクタをブラウザがネイティブにサポートしている環境でも動いてしまう。 ユニバーサルセレクタ(*)を見つけると、全ての要素に class="..." を追加してしまい、あまりよろしくない。 IE6 で、アドレスバーからURLを直接入力したり、HT
Selectors API Level 1 (W3C Working Draft 28 June 2012)
Selectors API Level 1 W3C Recommendation 21 February 2013 superseded 3 November 2020 This Version: https://www.w3.org/TR/2020/SPSD-selectors-api-20201103/ Latest Version: https://www.w3.org/TR/selectors-api/ Previous Versions: https://www.w3.org/TR/2013/REC-selectors-api-20130221/ http://www.w3.org/TR/2012/PR-selectors-api-20121213/ http://www.w3.org/TR/2012/WD-selectors-api-20120628/ http://www.w
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPress › Error
ウェブ制作者に必ず役立つ！iOS, HTML5, CSS, jQuery, WordPress, .htaccessなどのチートシートのまとめ
Introduction to CSSOM (1) - DOM ECMAScripting
HugeDomains.com