【HTML】条件付きコメントでIEとそれ以外のブラウザでの処理を分岐する方法 ｜ KLUTCHE
あなたのブラウザはIEではないですね！ 今このサイトを閲覧しているブラウザがIEか否かによって上の文章と写真が変わるはずです。 わかりやすいように IEの場合は重力式コンクリートダム IE以外はアーチ式コンクリートダム の画像を表示します。 HTMLはこんな感じになっています。 <!--[if !IE]><!--> <img src="arch.jpg" alt="アーチ式ダム" width="400" height="200" /> あなたのブラウザはIEではないですね！<br /> <!--<![endif]--> <!--[if IE]> <img src="gravity.jpg" alt="重力式ダム" width="400" height="200" /> あなたのブラウザはIEですね！<br /> <![endif]--> コメント内の[if !IE]で、IEかどうかの判別を
IE 条件付きコメント - Wikipedia
条件付きコメント（じょうけんつきコメント）とは、Microsoft Internet Explorerに対して、コードを渡したり隠したりするのに使用できるHTMLソースコード中にある条件付きのステートメントである。Internet Explorer 5で初めて登場し、バージョン9までサポートされた。 なお、バージョン10以降はこの機能は廃止され、他のブラウザと同様、単なるコメントとして扱われる事となった[1]。よって、「IEそのものを検出する」コメントは「IE9以下を検出する」コメントと同義になる。 例[編集] 条件付きコメントの仕組みがわかるような簡単な例を以下に示す。 <!--[if IE 6]> <p>あなたはInternet Explorer 6を使用しています。</p> <![endif]--> <!--[if !IE]><!--> <p>あなたはInternet Explore
HTMLテンプレートの基本ファイル一式、Webページを実装するための必要最小限をまとめたHTML
HTMLで、Webページやアプリを作成する時に役立つ、フロントエンド用に必要最小限をまとめたシンプルなHTMLの基本テンプレートのファイル一式を紹介します。 v.8.0.0がリリースされ、現在の環境に合わせた設計にアップデートされました。 IE11を含む、すべてのモダンブラウザをサポートしています。 HTML5 Boilerplate -GitHub HTML5 Boilerplateの特徴 HTMLの基本テンプレート HTML5 Boilerplateの使い方 HTML5 Boilerplateの特徴 HTML5 Boilerplateは、Webサイトやアプリを実装するためのプロフェッショナルなフロントエンド用のHTMLの基本テンプレートです。 実践的な基本のテンプレート 200人を超える貢献者による分析・研究・実験をもとにしています。 ブラウザの見え方を最適化 プログレッシブエンハンス
CSSのみで実装するボタンデザインやホバーエフェクト 20＋α - NxWorld
実際に使用したものやいつか使うかもと思ったものをJSFiddleやEvernoteなんかでバラバラにメモしていたのですが、それらの中でよく使いそうなものを一覧化したものが欲しかったのでまとめました。 今となっては様々なところで用いられていますし、もっと凄くて面白い動きを実装しているチュートリアルなんかも沢山見かけますが、個人的に汎用性高いと思うもの中心です。 対象ブラウザに古いIEなどが含まれている場合はもちろん使えませんが、いずれもjQueryや画像などを一切使用せずにデザインやアニメーションも全てCSSのみで実装しているものです。 また、同様にCSSのみでクリエイティブなボタンデザインやエフェクトを実装できるエントリーや便利なジェネレータツールなども備忘録兼ねて併せて紹介します。 CSS3を多用しているため、ブラウザ（特にIE7・IE8など）によっては動きや見栄えが説明と異なる場合があ
擬似要素を使った見出しデザイン
このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「:before」「:after」疑似要素はIE7以下は非対応ですのでご注意ください。 今回のサンプルは別サーバにアップしていますのでご覧ください。 それでは今回8つのサンプルを紹介していきます。 1. 吹き出しのような見出し1 吹き出しの下の部分を:after擬似要素で作っています。三角形はボーダーで作っています。下の画像を見ると何となくイメージできるでしょうか。今回の場合は上の赤い部分のみ色を付
ブラウザ別旧バージョンのダウンロードリンクまとめ！Firefox5登場でFirefox4がダウンロード不可に - Chrome Life
Firefox5が6月21日にリリースされ、旧バージョンFirefox4がサイトからダウンロードできなくなっています。 Firefoxの旧バージョンダウンロードページには、Firefox3.6しかリンクがありません。 Chromeに対抗してFirefox4以降は、頻繁に新バージョンを公開する「高速リリースサイクル」を採用しています。 この高速リリースサイクルについてのメリットとデメリットを考えてみましょう。 以前までは旧バージョンもセキュリティアップデートを行っていましたが、これからは旧バージョンに対してのセキュリティアップデートは行われないようになります。 したがって、利用者はブラウザのバージョンアップを行う必要性がでてきます。（基本的には自動アップデートなのでバージョンアップを意識しなくてもよい） この辺は、Chromeも同じ方針で、常に最新のバージョンを利用者に使ってもらい、新機能と
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSグラデーションで作った背景パターンのサンプル - NxWorld
https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css
https://necolas.github.io/normalize.css/5.0.0/normalize.css