古いブラウザを検出して推奨ブラウザとリンクをモダンに表示できる「Outdated Browser」:phpspot開発日誌
古いブラウザを検出して推奨ブラウザとリンクをモダンに表示できる「Outdated Browser」 2014年06月26日- Outdated Browser 古いブラウザを検出して推奨ブラウザとリンクをモダンに表示できる「Outdated Browser」 ブラウザ切替えを促すページとしては私が見た中では最もリッチでカッコいいかも。 単純に１つのブラウザを推奨するのではなく、○％のユーザがこれを使っていますという提案をすることで、ユーザが選択できるようになっているのも新しい。 簡単なマークアップとJSを入れるだけで実装は完了するので、こうした機能を入れる際の参考にまで。 関連エントリ IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」 ブラウザ上で使えるJavaScriptによるデータベース「Traffy DB」 IE6のアップデートを促してくれたり、ア
IEの異なるバージョンごとにスタイルシートを適用する方法のおさらい
CSSやJavaScriptを使って、IE6, IE7, IE8, IE9 とIEの異なるバージョンごとにスタイルシートを適用する方法のまとめを紹介します。 Use Different Styles For Different Internet Explorer Versions [ad#ad-2] 下記は各ポイントを意訳したものです。 CSS: 条件付きコメント(class) CSS: 条件付きコメント(外部スタイルシート) CSS: CSS Hack JavaScript JavaScript: jQuery おまけ CSS: 条件付きコメント 条件付きコメントを使用して、ドキュメントの一番上の要素(html)にIE6/7/8用のclassを付与します。 HTML <!--[if IE 6]> <html class="ie6"> <![endif]--
IE6のmax-widthとmin-widthと、expressionについての覚え書き [CSS, JavaScript] : ずっと工事中
max-widthのよくあるサンプル max-widthを使ったちょっとしたサンプルを作る機会があって、IE6でに対応しようと思って検索してみたらIE独自拡張のexpressionを使っているものが多かったです。概要はこんな感じでしょうか。 *html #container { width : expression( document.body.clientWidth > 1000 ? '1000px' : 'auto' ); } ただしこの記述については少し気になる所があって、検索に引っかかる割りには指摘をしている記事が見当たらなかったので、その点について書いておきます。 CSSで該当した要素はthisで参照できる 上の例でCSSで要素を指定しておきながら、documentからたどって該当要素を探しているのは少し効率が悪いですね。更に#containerとdocument.bodyでは要
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
