サクサク読めて、
アプリ限定の機能も多数！
アプリで開く
Market share byNet ApplicationsNet Applicationsから2010年11月のブラウザシェアが発表された。発表されたシェアは次のとおり。 2010年11月ブラウザシェア -Net Applications報告 2010年11月バージョン別ブラウザシェア -Net Applications報告 順位 ブラウザ シェア 推移 備考 1 IE 58.26% ↓ 微減 2 Firefox 22.75% ↓ 微減 3Chrome 9.25% ↑ 力強い成長 4 Safari 5.55% ↑ 微増 5 Opera 2.20% ↓ 微減 順位 バージョン別ブラウザ シェア 推移 備考 1 IE8 32.75% ↑ 11ヶ月連続1位 2 Firefox 3.6 18.16% ↑ 3 IE6 13.66% ↓中国のシェアを抜くとIE6のシェアは7.62%まで
TOP > Tool , WebDesign > IE6、7、8をピクセル単位で見比べる事ができる「Microsoft Expression Web SuperPreview」 WEBデザイナーを最も悩ませるインターネットエクスプローラ。大きく時代をまたいでいますが、未だに各バージョンともシェアがあり、それぞれのバージョンで崩れなく表示させると言う事は、多くの場合必須であり、あまりのバグの多さに煩わしい事でもあります。今日紹介する「Microsoft Expression Web SuperPreview」はIE6/7/8でのWebサイトにおける見栄えの違いを比較・検証できるマイクロソフト製ソフトです。 こちらはWebオーサリングツール「Microsoft Expression Web」に同梱されているWebページ表示の互換性チェックツール「SuperPreview」の機能限定版と
という記事がその昔 Ajaxian に挙がっていたので自分のメモとして残っていたモノを、そろそろ時期が来たかと言うことでこちらに再掲。 http://ajaxian.com/archives/10-cool-things-we%e2%80%99ll-be-able-to-do-once-ie6-is-dead-and-a-few-we-cant 子セレクタ（child selectors）が使えるようになる。 孫以下を除く直の子にだけ適用するセレクタが使えるようになります。 #bodyMain > p {} ul > li 24bit PNG の機能を全て使えるようになる。 アルファチャンネル付きPNGがネイティブで使えます。アンチ付き角丸を背景色毎に用意する必要が無くなります。 属性セレクタ（attribute selectors）が使えるようになる。 感覚的にいって class の3割
透過pngは便利な機能なのですが、IE6が対応していない為、通常のやり方では使用できません。 IE6とその他のモダンブラウザで透過pngを表示する方法は以下のようになります 記述するcssコード div.alpha{ width:100px; height:200px; background:url("alpha.png"); } *html div.alpha{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='alpha.png',sizingMethod='scale'); background:none; } サンプル div.alphaの記述はすべてのブラウザに対して適応されます。 その後にスターハックを使用して透過pngをサポートしていないＩＥ６のみに適応するスタイルを記述します。（ＩＥの独自拡張フィ
苦労するのはやっぱり…「今時のWEBデザインの分析」グラフが妙に納得されていた仕事となるとどんな職業にも、相応の苦労はあることでしょう。 しかしながら今時のWEBデザインには独特の苦労ポイントがあるようで、Webデザインを分析した円グラフが人気となっていました。 今時のWEBデザインについての分析 ブラウザごとに表示のされ方が微妙に違うため、WEBデザインをしている人なら思うところはいろいろあるようです。海外サイトのコメントも沢山集まっていましたので、一部抜粋してご紹介します。 ・「こんなのはたくさんだ、IE6もたくさんだ、というわけでXBOXで遊んでやる」と言う時間：95％ ・オレにとってはこのCSSのみでってのは本当だよ。よくそうやってテーブルを解決している。 ・IEが好きだってやつがいたら、そいつはスタイルシートを作ったことの無いやつだろうよ。 ・そうだな、あの古いフォーマット。
Check out the code samples for different styles and languages, orjust copy and paste the following code onto your site: <!–[if lt IE 7]> <div style=’border: 1pxsolid #F7941D; background: #FEEFDA;text-align: center; clear: both; height: 75px; position: relative;’> <div style=’position: absolute; right: 3px;top: 3px; font-family: courier new; font-weight: bold;’><a href=’#’ onclick=’javascript:t
Welcome to a transformative chapter in the tobacco industry. I am Thomas Erickson, a seasoned expert with decades of experience in tobacco product development and quality assurance. Through my platform, IE6Update, I delve into pivotal innovations reshaping our field. Today, we spotlight tobacco sheets—a sustainable, health-conscious advancement poised to revolutionize smoking habits and environmen
有限会社タグパンダ 喜安 亮介 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のみに効くハック スタ
結局使わなかったけど、今後使う機会がありそうなのでメモ。 IE6で min-width max-width min-height max-height を指定するやり方。 一番簡単なのはminmax.jsというJavaScriptを読み込むのが早い。 body要素だけでなく、imgタグなどにも適用してくれるので便利。 欠点は適用されるまで（表示した瞬間は）元のサイズで表示されてしまうこと。 さらにie8だとエラーが起きるので、回避の仕方としてはtry catchを以下のように記述する。 ３６行目あたり try {em.style.setExpression('width', 'minmax_checkFont()'); document.body.insertBefore(em, document.body.firstChild); } catch(err){} バージョンアップで対応し
For a better experience using this site, please upgrade to a modern web browser. <!–[if lt IE 7]> <div style=’border: 1pxsolid #F7941D; background: #FEEFDA;text-align: center; clear: both; height: 75px; position: relative;’> <div style=’position: absolute; right: 3px;top: 3px; font-family: courier new; font-weight: bold;’><a href=’#’ onclick=’javascript:this.parentNode.parentNode.style.display=
IE? - IE6, IE7 and IE8Net Applicationsの報告によれば、2009年9月におけるブラウザシェアはIEが65.71%で過半数のシェアを確保している。バージョンごとにみるとIE6 24.42%、IE7 19.39%、IE8 16.84%となっており、IE6、IE7、IE8のシェアが拮抗しつつあることがわかる。これまでのシェア変動から推測すると、今後数ヶ月の間は3つのバージョンのIEが似たようなシェアを持った期間が続くことになる。IEが第一シェアだといっても、結果的に3つのバージョンに対応する必要がある。 この状況は、特にCSSのサポートという面で厄介な状況を生み出している。IE8はCSS 2.1への高い準拠を実現しているが、IE7はそうではない。IE6はサポートしている要素やプロパティがさらに少ない。またIE7やIE6は対象の要素やプロパティをサポートしてい
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
以前もこの「DD_belatedPNG.js」に関してはエントリーしましたが 『IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」』、あまりの素晴らしさにオススメするだけして使用法とか注意事項など大事な部分に触れずじまいでした。 この素敵な透過png対応策であるDD_belatedPNGちゃんですが、img要素に使用する際にも、div要素やp要素等の背景画像に対して使用する際も、ほんのちょっとしたクセがあります。 なので、今回はこの偉大なる「DD_belatedPNG.js」の使用方法と、使用に関するちょっとした注意点などをエントリーしようと思います。 DD_belatedPNGの使用法と注意点 1.使用するための準備 まずはこの「DD_belatedPNG.js」自体をダウンロードしないコトには始まりません。 配布元のDrew Diller’sbl
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
Web制作において、対応しなくてはいけないブラウザの中には、未だしぶとくIE6が残っています。IE6が2001年に登場したことを考えると、もう8年もその時代の「縛り」を(健気に)守りながら作っていることになるんですね。 いま良く使われているCSSのテクニックも、ほとんどはこの「縛り」の範囲内で有効な手法なわけですから、突然2001年にタイムスリップしてサイトを作る事になったとしても、今も昔も変わらない１つの古文書に従えばいいので、きっと活躍できます。 しかしたまらん、流石に疲れた。 ボックスひとつができることCSSでは、文書を構成する各要素は、ボックスという矩形領域に置きかえられ、それらの持つプロパティを操作して装飾します。つまり、ボックスはページデザインを構成する最小単位と言えるわけですね。 そこで今回は、最小単位となる1つのボックスに対して、どのような装飾手法が有効かという点を、CS
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザでCSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+,GoogleChrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
とか言っていても、もうしばらくはIE6の牙城が崩れないだろうから、なんとかIE6抹殺以外の解決方法を探してみたいと思います。 解決法その２：PNGを使わない はい。出ました。またもや何の解決にもならない方法。 まあ大体は透過PNGなんか使わなくてもサイトは構築出来るんですが、たまーに、ヘッダの背景とかがコンテンツによって変化して、左上のロゴマークは不動。なので透過PNGだと楽。とかいう場合がありますし、画像の上に透過PNGのメニューボタンおいて、それをロールオーバーさせたい、なんてことも、まあこれからは色々あるのではないでしょうか？ じゃあ、JavaScriptを使ってみる。 まず、透過PNGそのものをIE6で正しく表示出来ないので、それをクリアする必要があります。 iepngfix.js iepngfix.js という有名なjsがありますので、まず前提としてこちらを使用します。 このソー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
