[CSS]IE6でもそれなりに、CSS3で実装するツールチップのチュートリアル
吹き出し風デザインの実装イメージ .tooltip { position: relative; background: #eaeaea; cursor: help; display: inline-block; text-decoration: none; color: #222; outline: none; } .tooltip span { visibility: hidden; position: absolute; bottom: 30px; left: 50%; z-index: 999; width: 230px; margin-left: -127px; padding: 10px; border: 2px solid #ccc; opacity: .9; background-color: #ddd; background-image: -webkit-linear-gr
2014年のWeb標準 | gihyo.jp
株式会社ミツエーリンクスの渡邉卓です。昨年の「2013年のWeb標準」と同様、2014年もWebコンテンツのフロントエンド設計および実装に関連した各種標準や、周辺領域の動きに関する短期的な予測を寄稿させていただきます。 2014年のWeb標準については「HTML5勧告予定年」「IE6の終焉」「CSSプロパティくりかえし問題」をキーワードとして取りあげます。 HTML5勧告予定年 HTML5にとって、2014年はとても重要な年になります。昨年の記事でも触れましたが、HTML5は2014年に「勧告」となる予定であるためです。HTML WGによる2014年の計画では、HTML5を勧告（Recommendation）にする目標が、2014年後半（第4クオーター）に設定されていることがわかります。 HTML5はすでに勧告候補（CR; Candidate Recommendation）であるため、
ついにIEの旧バージョン問題に引導渡る | F's Garage
いつもネットトレンドはSEOから。 ◆一昨日までの状態まとめ １．SSLを使うサイトは検索エンジンから評価されるとの噂があります。 また、そうでなくても会員情報を扱うサービスサイトのSSL化は必須でした。 何故かと言うとスマホ＋無線LANで、比較的カジュアルに盗聴される可能性があるからです。 故に、特にサービス系サイトは入り口からSSLによる暗号化通信によってのみ接続可能なサイトが増えていました。 ２．別の話で、かつて隆盛を誇ったIE6をいつまでサポートするか問題というのが懸念としてありました。 「まぁ正式対応してなくてもつながるならいいか、まだXPでバージョンアップできないユーザーもいらっしゃるし」 ぐらいの感覚で、何も真面目に正式対応はせずとも、つながる可能性を維持しておくのが大人の判断だったと思います。 シェアの話を出しても、もともと全体的にはレアな方々をどこまでサポートするかという
IE PNG Fix - TwinHelix
IE PNG Fix 2.0 Alpha 4 This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! Full CSS background positioning and repeat are supporting (including CSS sprites). It requires only one line in your CSS file, and no changes to your website HTML. <IMG> tags and background images are both supported. Script License Ag
興味深いテクニックを多々取り入れているHTML5+CSS3のフレームワーク -Gridless
当サイトの記事でも取り上げている数々のテクニックを取り入れている、IE6/7にも対応したHTML5+CSS3ベースのフレームワークを紹介します。 Gridless [ad#ad-2] Gridlessの主な特徴 CSSでユーザーのスクリーンサイズに最適なレイアウトを実現します。 参考：Media Queriesをしっかり身につけるチュートリアル クロスブラウザ対応（IE6/7も含む） CSS Resetには、Normalize CSSを使用。 参考：ブラウザのスタイルをリセットするスタイルシート -Normalize CSS 黄金比をベースにしたサイズと縦のリズムを使ったタイポグラフィ。 印刷時のスタイルをプリント時に最適化。 キャッシュの最適化。 HTML5+CSS3の採用。 安全なCSS Hack。 参考：IE9対応、IEの各バージョンごとに異なるスタイルシートを適用する方法のまとめ
IE6駆逐への大きな一歩、日本でのInternet Explorer自動アップグレードは3月中旬開始
これまでのWindows Update経由でのInternet Explorerのアップデートは「IEのインストーラーが起動する」というものでしたが、今年の3月中旬以降はWindows Update経由で自動的に、特に何か操作しなくても勝手にInternet Explorerが最新版にアップグレードされることが発表されました。 Internet Explorer の自動アップグレードについて | TechNet http://technet.microsoft.com/ja-jp/ie/hh859701 自動適用は以下の表のような感じで実行されます。 上記サイトにはさまざまなFAQが掲載されており、自動的にアップデートしたくない場合の回避方法も書かれています。 なお、この自動アップデートは既に今年の 1 月中旬からオーストラリアとブラジルで、また 2 月中旬からは全世界で自動アップグレード
CSSで要素を横並びにする方法まとめ | HALAWATA.NET
CSSで要素を横並びにする方法をまとめてみました。 それぞれの違いがわかるように基本となるコードを用意します。 div要素3つとそれを囲むdiv要素1つです。3つのボックスには高さと横幅を80px、マージン、パディングともに10pxを指定します。 <div class="boxContainer"> <div class="box">BOX1</div> <div class="box">BOX2</div> <div class="box">BOX3</div> </div> float – 方法1 .box { float: left; } .boxContainer { overflow: hidden; } /* clearfix */ .boxContainer:before, .boxContainer:after { content: ""; display: table;
愛と憎しみのIE6──当時のIE開発者と現開発者が本音と思い出を語り合う（前編）#ie6 #ie11｜CodeIQ MAGAZINE
愛と憎しみのIE6──当時のIE開発者と現開発者が本音と思い出を語り合う（前編）#ie6 #ie11 2014.04.09 Category：技術コラム Tag：IE ,Windows ,エンタープライズ 2014年4月9日にWindows XP、Office 2003、Internet Explorer 6（IE6）のサポートが終了する。IE4がリリースされた頃から、デファクトスタンダードのWebブラウザとして、コンシューマからエンタープライズのユーザーまでの幅広い人たちに使われてきた。 IE6サポート終了に何を思うのか。「俺たちのIE」について、当時のIE6開発者と現場開発者が本音トークを繰り広げた。 by 馬場美由紀 （CodeIQ中の人） Windows95の登場と共にIEの歴史が始まり、IE4で圧倒的シェアを誇る Windows XPが登場したのは、2001年。それと同時にIE6
IE 6とIE 7のためのCSSハック16選（1/3） - ＠IT
有限会社タグパンダ 喜安 亮介 2009/11/17 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） Webブラウザ別CSSハック一覧表 前回の「IE 6で泣かないための、9つのCSSハック」では、仕様通りの正しいコーディングを行っているにもかかわらず、Internet Explorer（以下、IE） 6で見ると、レイアウトがズレてしまうなどのさまざまな問題を解決するための9つのテクニックを紹介しました。 今回は、IE 6とIE 7のためのCSSハックのテクニックを下記に分けて紹介します。 IE 6をハック（IE 6のみに効く、もしくはIE 6のみに効かないハック） IE 6のみに効くハック スタ
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
Google、IE6など古いブラウザのサポート終了へ
米Googleは1月29日、Internet Explorer（IE）6など古いバージョンのWebブラウザのサポートを段階的に終了することを明らかにした。 同社が使用を推奨しているブラウザのバージョンは、IE 7.0以降、Mozilla Firefox 3.0以降、Google Chrome 4.0以降、Safari 3.0以降。それよりも前のバージョンについては段階的にサポートを停止する。まずは3月1日に、GoogleドキュメントおよびGoogleサイトでサポートを終了する。 古いバージョンのブラウザでもこれらサービスにアクセスすることはできるが、一部機能が停止したり、新しい機能が利用できない可能性があるという。 現在使っているブラウザのバージョンは、GoogleのWhatBrowserサイトで確認できる。
【保存版】IEのバージョンを判別し、バージョンごとにスタイルを適用する3つの方法 | DX.univ
エンジニアの菊池です。 今回、初めてブログを投稿させていただ[...]エンジニアの菊池です。 今回、初めてブログを投稿させていただくことになりました。 業務では主にフロントエンドの実装とマークアップ等を担当しています。 さて、Windows XPのサポート終了まで残り約8ヶ月となりました。 ようやく長くにわたり苦しめられてきたIE6から解放されることになりますが、でも実はIE7、8、9もIE6ほどではないまでもバグや独自解釈が多かったりします。 そんな時にはCSSハック等の手法やJavascriptを利用してIEだけ特別な処理やスタイルを適用したりします。 ということで今回かなり今更感はありますが、自分用の備考録も兼ねてIE6〜10のバージョン別CSSハックと条件付きコメント分岐、jQueryによるIEバージョン判別の3つの方法についてまとめてみました。 1.CSSハック /* I
Yahoo！JAPANもIE6サポート終了へ
「Yahoo！JAPAN」がIE6のサポートを終了する。Microsoft自ら「9年前の腐った牛乳」と認めるIE6。日本のポータル最大手のサポート終了で、国内でも“脱IE6”の動きが加速しそうだ。 「Yahoo！JAPAN」が12月中旬から順次、Internet Explorer 6（IE6）のサポートを終了する。“脱IE6”の動きは昨年ごろから世界で強まっているが、国内ポータル最大手がサポートを終えることで、国内でも動きが加速しそうだ。 11月10日現在、Yahoo！JAPANトップページにIE6でアクセスすると、「12月中旬より、正しく動作しなくなる場合がございますので、最新のブラウザのダウンロードをおすすめします」という告知が表示される。 トップページ以外のヤフーの各サービスも順次、IE6のサポートを終了する予定。ヤフー広報部は、「IEも7、8が出、9もβ版が出ている状況。新しい方が
[JS]超軽量で設置も簡単な、透過PNGをIE6で表示するスクリプト -Unit PNG Fix | コリス
Unit Interactiveのエントリーから、透過PNG画像をIE6で表示する、超軽量(2KB)の設置も簡単なスクリプトを紹介します。
[CSS]スタイルシートを自動でIE6対応にするオンラインサービス -ie6fixer
手元のスタイルシートをフロートやネガティブマージンなどIE6のバグを回避する記述を自動生成するオンラインサービス「ie6fixer」を紹介します。 ie6fixer IE6に対応したスタイルシートを生成する方法は、以下の手順です。 「master stylesheet」の欄に、スタイルシートを入力。 「Give me my ie6 fixes」ボタンをクリック。 以上で、IE6のバグに対応したスタイルシートが生成。 IE6のバグに対応している箇所は、現在のところ下記の通りです。 「min-height」は、「height」に変更。 「float」は、「display:inline;」を追加。 「position:relative;」は、「zoom:1;」を追加。 ネガティブマージンは、「position:relative; zoom:1;」を追加。 「overflow:hidden;」は、
IE6を永眠させるべき10の理由
3月4日、Internet Explorer（IE）6を埋葬するために、100人もの人が米コロラド州デンバーに集まった。この葬式は、10年近く生き続けてきた同ブラウザの、長々と引き延ばされていた終わりを示す出来事となるだろう。そしてこの葬式の直後には、GoogleがYouTubeでIE6のサポートを終了する。 IE6に永遠にさよならを告げたい人には残念なことだが、別れはすぐには訪れないだろう。同ブラウザは世界中のWindows XPユーザーや、レガシー製品に依存している企業に広く使われている。だからといって、引退させるべきではないということにはならない。IE6は長い間、批判の的になってきた。市場において、セキュリティ問題を引き起こしている最悪の「犯人」の1つとなっている。 最悪の製品にも義理立てを続けることで悪名高いMicrosoftでさえ、IE6を使い続けるよりも、IE8にアップグレード
「IE6は9年前の腐った牛乳」――Microsoftがアップグレード呼び掛け
9年前にリリースされたInternet Explorer（IE）6を使うのは、9年前の腐った牛乳を飲むようなものだ――Microsoftの豪法人が、Webブラウザのアップグレードを促すキャンペーンを実施している。 「IE6は2001年にリリースされたときは、最新のセキュリティ機能を備えていた。その後インターネットは進化し、IE6のセキュリティ機能は時代遅れになった」。Microsoftはキャンペーン特設サイトでこのように述べ、新しいセキュリティ機能を備えたIE8への乗り換えをIE6ユーザーに勧めている。 特設サイトでは、オンライン詐欺やWebブラウザのセキュリティに関する調査結果や、IE8のセキュリティ機能を紹介し、オンライン詐欺から身を守るためにIE8に乗り替えようと呼び掛けている。また「知り合いにIE6を使っている人がいたら教えてほしい」と、友人の名前とメールアドレスを提供するよう呼び
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE6～IE9を同時に表示確認できるMicrosoft純正ソフト [ホームページ作成] All About![IE6～IE9を同時に表示確認できるMicrosoft純正ソフト [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
2/3 CSSハックを使わずIEのバグに対処する方法 [ホームページ作成] All About
Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告
