HTML5でコーディングするならとりあえずie9.jsとhtml5shiv.jsを入れる : 森のコーディング
9月8 HTML5でコーディングするならとりあえずie9.jsとhtml5shiv.jsを入れる カテゴリ:javascriptHTML5 Tweet 最近のマークアップ界隈を観察してみると、 HTML5でマークアップするときは２つのjsを読み込ませるのが多いみたいです。 ie9.js とhtml5shiv.js ■ ie9.js これは、internetexplore6,7,8をie9に近づけるためのライブラリ。 ・position:fixed; ・max-heightやmin-heightなどの最大サイズ設定 ・aタグ以外での:hover ・margin:0 autoで中央寄せ ・透過PNG ・opacityで透明度 などなどを対応させるという。 これまでIE6やIE7のハックをしてきたコーダーの方々にとっては、 「そうそう、IE6と７に対応させるときは大体ソレだよね」 なやつらですね
【レスポンシブOK】私はこれでhtml5とcss3をie８以下に対応させました。
クソッ！ IEのクソッ！！ 失礼しました。 最近、Wordpressのテーマを作りました。 でもIEを考えてなかったので一応確認したら案の定レイアウトは崩れてます。 面倒くさいし、ブスだからインターネットエクスプローラーは無視しようと思ってたんですが、チラチラ|ω・｀)（←IE）こっちを見やがるから、 いやいやだけど対応させてみました。 ということで今回は、html5とcss3で作ったレスポンシブサイトを、 ブラウザ界のブスことInternetExplorerにも対応させてみようって話。 手を煩わせるんじゃないよ。まったく。 あんたかわいくないんだよ！ で、世間の方々を参考にしようと検索するとたくさん出て来ました。 [browser-shot width=”200″ url=”http://www.arch-web.jp/archives/771/” target=”_blank”] IE
IE用の条件分岐コメント一覧
9月 30, 2010 IE用の条件分岐コメント一覧 core CSS CSS, web 2 Comments HTML用のコメントは、通常で表現されますが、それとは別にInternet Exploer（以下IEと記載）用の条件分岐コメントをご紹介します。この条件分岐コメントは、IEまたはIEのバージョンによってコメントアウトすることができます。 IE用の条件分岐コメントとして、４つのタイプがありそれぞれについて紹介します。 IE全般に適用する場合 <!–[if IE]><![endif]–> IEのバージョンによって適用する場合 <!–[if IE 6.0]><![endif]–> 指定したバージョン未満に適用する場合 <!–[if lt IE 6]><![endif]–> 指定したバージョン以下に適用する場合 <!–[if lte IE 6.0]><![endif]–> 指定したバー
jmblog.jp - IEでa要素以外に:hover擬似クラスを適用させる
IE6以下では、:hover擬似クラスが <a> 以外では適用されません。が、この問題の解決策が紹介されているサイトを発見しました。 » WEBFACTORY ::: BLOG: IEでhoverをa以外に効かせる » Hackadelic: csshoverを使ったWeb StandardなCSSコーディング それぞれで紹介されているとおり、Whatever:hover で配布している csshover.htc というスクリプトを使えば、IEでもいろんな要素に:hoverを適用させることが出来ます。（ダウンロードの場所がちょっとわかりづらいですが、Changes のなかにあります。） 使い方は、css で以下のように書くだけ。
多い？少ない？日本でのIE6のシェアは1.7%らしい（2013年6月現在）
これを多いと見るか、少ないと見るかは人それぞれですが、個人的には「まだ1.7%もあるのか」と思いました。 1.7%は切り捨てていいのか IE6のシェア1.7%を切り捨てていいと考えるかどうかは人それぞれだと思います。もちろんサイトの属性によってIE6のシェアは大きく変わってきます。 私の管理している投資関連のサイトでは1.7%に近い数字ですが、このブログだと0.46%くらいです。そもそもIEのシェアは20％ほどしかないないです。 ということでこのブログではIE6は気にしていません。 けど、大規模なサイトになると無視するわけいかないと思います。ということでYahoo! JAPANをIE6で見ると、他のブラウザで見たときと一緒です。 トップページ以外も見ましたが、IE6でもまったく問題がありません。すごいです。。ちなみに今回はIETesterというソフトで確認しました。 話はそれましたが、ヤフ
CSS3 PIE: CSS3 decorations for IE
PIE makes Internet Explorer 6-9 capable of rendering several of the most useful CSS3 decoration features. Try the Demo This quick demo shows just a few of the CSS3 properties PIE can render. Use the controls to adjust the CSS3 applied to the box. Load this page in IE to see that it is rendered properly!
HTML5のIE8対応「html5shiv.js」の役割を誤解してた＆HTML5のIE8対応って必要？｜マコトのおもちゃ箱 ～ぼへぼへ自営業者の技術メモ～
そろそろHTML5を導入するかと思いましてね。 でもIE8とか古いブラウザどうすっかなとも思いましてね。 「HTML5 ie8 対応」をキーワードにgoogle先生に訊いてみたのです。 そしたら出てくる出てくる。 やっぱ皆同じことで悩むのね。 いろいろなサイトに書いてあったのが html5の新要素を認識させる方法として 「html5shiv.js」を使いましょうなやり方。 １．html5shivのサイトから必要ファイルをダウンロードして ２．HTMLのヘッダに以下のタグを埋める ってな説明です。 これらの説明を読んで私は誤解しちゃいましてね（＾＾ゞ 早速導入してみたのですが…… progressバーが出てこねーぞ！（Ｔ皿Ｔ）ノミ☆ ドラッグ＆ドロップが利かねーぞ！（Ｔ皿Ｔ）ノミ☆ てかそもそも「draggable」認識してねーし（ＴＡＴ） なんでだよー。 jsファイルへのパスも間違ってない
HTML5で組んでるならこの魔法のjsも入れておけっていう話
現在、A!@attripさん発で話題になっている「たった2行でIE5.5～IE8をモダンブラウザの挙動にする魔法のJS」という記事。 Webデザイン界隈では当たり前のものですが、実はもうひとつ追加しておくといいかもしれないjsがあったりします。 Photo:html5 By michael pollak IE8以前のブラウザはどうにもこうにも開発者泣かせなわけですが、ie9.jsとcss3-mediaqueries.jsを突っ込むことで、モダンブラウザと同じ挙動にすることができちゃいます。 もう少し具体的に書くと、ie9.jsを組み込むことで、 position:fixed;に対応 max-width、max-heightに対応 属性セレクタ、擬似クラスに対応 margin:0 auto;でのセンタリングに対応 透過PNGに対応 opacityに対応 といったことが可能になります。要はCS
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セレクタってどういうもの
MacでIE等の表示を確認できる新しいツール「Sauce」 | WebDesign Memo
Posted by kjweb | Posted in html, Mac, Webデザイン | Posted on 01-04-2013 以前「MacでIEの表示を確認する方法のまとめ」という記事を書きましたが、新しいツールがリリースされていたので紹介したいと思います。 Web関連ブログの「コリス」さんや「OZPAの表4」さんなどでも紹介されている「Sauce Labs: Mac」というMac用アプリです。 Sauceとは Sauceとは、IEをはじめ様々なブラウザの表示を確認できるMac用アプリです。 ブラウザだけではなくMac、Windows、LinuxなどOSも含めて確認することができます。 OSとブラウザの組み合わせはなんと96以上だそうです。 Sauceは、基本的に使用時間で価格設定されているようですが、無料アカウントが用意されています。 無料アカウントは月30分となっ
[CSS]IEのhasLayout関連のバグと解決方法をまとめたサイト -hasLayout.net
IE6/7/8のhasLayoutが原因でおきるスタイルシートのバグとその解決方法をまとめたサイトを紹介します。 hasLayoutについては、以前のエントリで紹介しているので参照ください。 IEでのCSSのバグを回避するhasLayout hasLayout.net バグは現在、IE6(44個)、IE7(28個)、IE8(19個)登録されており、各ページにバグの解説、バグが生じるデモページ、バグの解決方法とそのデモページなどが掲載されています。 IEのCSS Bugs一覧表の一部 また、CSSのチュートリアルでは、IEの便利なトリックも掲載されています。 CSS Tutorial 例えば、下記のようにIEでクリックした際に生じる点線は、他の箇所をクリックしないと消えないため、クリック後しばらくして消したり、元から表示させない方法などが紹介されています。 クリック時に生じる点線の処理方法
IEでCSS3の効果を出せる。クロスブラウザ対応 CSSスニペット｜Web Design KOJIKA17
IEでCSS3の効果を出せる。 クロスブラウザ対応 CSSスニペット 2011-02-01 影をつけたり、角丸にしたり、便利なCSS3。モダンブラウザは続々と実装されています。 しかし依然としてIEのシェア率が多い現在では、「CSS3を使うのは、ちょっと・・・」と思っている方も多いと思います。 そこでIEのfilterを利用し、JavaScriptや画像を使わずに、CSS3に近い効果を表現できる、 実用的なCSSのスニペットを紹介致します。 Opacity 指定したボックス自体の不透明度を変えることができます。 また指定した要素の下位の要素に対しても、効果が継承されます。 imgのロールオーバーなどの使い道があります。 Opacity Sample .opacity { opacity: .5; /* FireFox, Webkit, Opera */ -ms-filter: "progi
[JS]IE6/7/8でアクセスしたユーザーに新しいブラウザのインストールを促すスクリプト -IE Alert js
ユーザーがIE6/7/8でアクセスした際、IE9へのバージョンアップや他のモダンブラウザのインストールを促すjQueryのプラグインを紹介します。 IE Alert js [ad#ad-2] IE Alert jsのデモ IE Alert jsの使い方 IE Alert jsのデモ デモはIE6/7/8でご覧ください。 IE9、Firefox, Chrome, Safari, Operaでは、下記のように通常通りに表示されるだけです。 デモページ：IE7で表示 [ad#ad-2] IE Alert jsの使い方 使い方は簡単で、2ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 iealertフォルダ内にスタイルシート、および必要な画像が入っています。 <link rel="stylesheet" type=
Beyond IE Six: 未来のWebサイト制作のためのブースターキット
古いブラウザを利用することのデメリットや、便利で美しい Web へ飛び出すために必要な開発ツールやメリットを紹介。99% 第三者機関 NSS Labs のセキュリティ調査によると、IE9 は、ソーシャルエンジニアリングによるマルウェア（不正リンクなど）を 99% ブロックすると言われています (参考記事)。 他ベンダーのブラウザとの比較に疑問を投げかけている意見は出ているものの、IE8 以前よりはるかに安全なブラウザであることを示しています。 −4hours 現在、多くの Web アプリケーションは JavaScript で動作しています。高機能ですが、Web アプリケーションの表示速度や操作が遅くなる場合があります。 IE9 は、IE6 に比べるとおよそ 40 倍近く早い処理を行います（参考記事）。新しいブラウザを使うことで、作業をいちはやく終わらせることが可能になります。1日に100
【CSS】覚えておいて損はない CSS の定番テクニック BEST 5 | バシャログ。
ネットで検索をすると CSS のテクニックが山ほど公開されていますが、実際に商用サイトの制作をしていて個人的に利用する頻度が高いテクニックの BEST 5 をご紹介します。 ちょっと凝ったデザインのサイトをコーディングする時に、これらのテクニックに助けられることが多いです。どれも覚えておいて損はないものばかりです！ IE6 でも min-height を使う 例えば、異なる高さのブロックを float しつつ底辺のラインを揃えたい時などに、「IE6 が min-height に対応していたら楽なのに！」と思うことがありますが、以下のテクニックを使えば IE6 でも min-height（相当）の適用が可能になります。 [CREAMU]CSSでmin-heightをクロスブラウザにする最も簡単な方法『Easiest cross-browser CSS min-height』 IE6 に mi
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Internet Explorer デベロッパー センター
IEをHTML5やCSS3に対応させるJSライブラリーまとめ | A!@attrip
マイクロソフト「IEは他社ブラウザを落とす以外にも使えます。最近。」 - Engadget 日本版
韩国电影在厨房作爱,巨胸美乳无码中文在线观看,亚洲人成网站在线无码,人与人性恔配视频
worldending.jp