IE6-8でもCSS3が使えるようになる「CSS3 PIE」:phpspot開発日誌
CSS3 PIE: CSS3 decorations for IE IE6-8でもCSS3が使えるようになる「CSS3 PIE」。 非対応ブラウザがあるのでまだCSS3はいいやという方もいると思いますが、CSS3 PIEというhtcライブラリを使うことでCSS3に対応させてしまえます。 角丸、ドロップシャドウ、グラデーションといったプロパティに対応しています。 実装の際には border-radius、box-shadow、border-image等が使えるようになります。 サイト上のすぐに動くデモを動かしてみると、そのクオリティもなかなかのものだと言うことが分かります。 実装も簡単みたいで、PIE.htc をサーバに設置後、behavior に url(/PIE.htc) として設定するだけみたいです。 behavior: url(/PIE.htc); これは楽で便利です。 対応していな
IE共通の9つのCSSバグをそれぞれ解決する方法:phpspot開発日誌
IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになりますが↑にするための解決法が書かれています 2. 横に並べたいリストが階段状になってしまう IEの場合以下のようになってしまいますがこの解決法も記載されています 3. ダブルマージンフロートバグ マージンの指定が期待通りに出ている例 ↓ IEの場合、margin: 30px 0 0 30px; で定義した値が正しく適用されない例も解決法があります 4. heightの高さ指定が効かないバグ height:2px を指定した場合の想定する表示 IEはなぜか2pxにならないのでこれも解決法が示されて
IE6のアップデートを促してくれたり、アクセスブロックしたりする物まとめ:phpspot開発日誌
IE6のアップデートを促してくれたり、アクセスブロックしたりする物まとめ。 YoutubeやTwitter等の大手サイトでも古いブラウザを使ってますよの表示がでるようになってきているみたい。 そういうものを簡単に実装するための仕組みが色々とありましたのでまとめてみました。 アップデート喚起・ブロック IE6 No More - Home コードを貼り付けるだけで、以下のようなイメージを出してくれるみたい IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」 情報バーみたいなＵＩでアップデートを促してくれます IE6ブラウザでアクセスするとWarningを出してくれる「ie6-upgrade-warning」 ワーニングとして結構大きく表示してくれます IE6でのページ表示をブロックする「IE 6 Blocker」 アクセスをブロックしてくれます その他 サイ
IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」:phpspot開発日誌
IE6 Update IE6ユーザへのアップデートをスマートに促すことが可能な「ie6update.js」。 Windowsユーザの方ならご存知の、ブラウザ最上部に表示される情報バーのようにやんわりとアップデートを促してくれるJavaScriptコードです。 最近、海外のサイトを見ているとこの仕組みを使ったサイトをよく見かけますよね。 実装は、サイト上に掲載されているコードを貼り付けるだけで実装できるという容易さもGood! コードは以下で、googleのホスティングするjQueryコードなどを読み込むものになっています。 <!--[if IE 6]> <script type="text/javascript"> /*Load jQuery if not already loaded*/ if(typeof jQuery == 'undefined'){ document.write("
古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた - latest log
uuCSSBoost.js は uuAltCSS.js に名前が変更になりましたが、一部の説明が記事を書いた当時の古い名前のままになっています。最新版では、uuCSSBoost.revalidate() は廃止され uuAltCSS() を呼び出すように変更になっています。 コードの解説を追記しました。 「最新の規格を実装したブラウザが登場しても、IE6 のせいで諦めるしかないのか」 「CSS3セレクタを古いブラウザでも使いたい!」 といった現場の声にお応えして、ほぼ全てのブラウザで CSS3 セレクタを利用したページデザインが可能になるJavaScript ライブラリを作ってみました。 特徴 軽いよ いろんなブラウザで動くよ(Firefox2+, Opera9.2x+, Safari3+, IE6+, Google Chrome1+) 95%〜98%ぐらいのシェアをカバーできるんじゃない
IE6についての考え方(2009/01版）
FirefoxやSafari,Chromeが出てきた現状、プロのWeb屋の中では、Internet Explorerだけの対応をもとめられて面倒くさい！と思うことは多々あります。 ただ、半分冗談で「IEクソ」と思う人と、本気で「IEクソ」と思ってる人の両方が存在している可能性があるので、IT系特有のネガティブな教育のせいで後者に洗脳されてしまってる人がもしいたら、そういう人に送りたいエントリー。誰向けかというと、主に対象は実装屋さんなのかな。 知っておいて欲しい事は 「IEがあったからこそ、今、僕等はメシを食えているかもしれない」 ということ。 そして、 「僕等の本当のお客様は、IEを使い続けているし、これからも使い続ける可能性が高い人たち。お客様がブラウザの種類などを意識せずともインターネットにアクセスしてもらえる環境を維持することが、プロのWeb屋の使命である。」 ということ。 過去、
Final Builds Site - IE Collection
Nederlandstalige versie, Main, Sitemap, News, Download links, Frequently Asked Questions and Answers, K-Lite Codec Pack, VideoLAN, DivX, Xvid, TreeSize Free, TreeSize Professional, Nero CD-DVD Speed, Nero DiscSpeed, IE Collection, McAfee VirusScan, 7-Zip, B1 Free Archiver, WinRAR, WinZip, DirectX, Tweak UI, IrfanView, Ad-Aware, Spybot Search & Destroy, Skype, PuTTY, KeePass Password Safe, Mozilla
IE6 と IE7 と IE8 を同じマシンで共存させる方法 - IT戦記
追記： 現在は IETester というソフトウェアを使うのがベストだと思います＞＜ 結論から言うと Jeremy Smith's blog: Success! IE 6, 7, and 8 Running on Same Machine (Plus 5.5 and 5.01) に書いてある通りで IE8 をインストール http://tredosoft.com/IE7_standalone の IE7 Standalone をインストール http://tredosoft.com/Multiple_IE の Multiple IE をインストール の順で、共存させることができました。 IE8 を入れるのを戸惑っている人は 入れてみたらいかがでしょうか。 ちなみに 以下のサイトからダウンロードできる Standalone IE6 は IE8 と共存できませんでした。 browsers.ev
IE6シェア10%台へ、Firefox全体とシェア逆転 | エンタープライズ | マイコミジャーナル
Market share by Net Applications Net Applicationsは2009年1月のWebブラウザのシェアを発表した。報告によればこれまでのシェア推移傾向が1月も継続したことになる。IEがシェアを落とし、逆にFirefox、Safari、Chromeがシェアを伸ばした。Operaは若干減ったがほとんど上下していない。 67.55% - IE ↓(IE7 47.32%↑ IE6 19.21%↓ IE8 0.92%↑) 21.53% - Firefox↑(Firefox3 18.30%↑ Firefox2 2.84%↓) 8.29% - Safari↑ 1.12% - Chrome↑ 0.70% - Opera↓ Net Applications - 2009年1月ブラウザシェア 主要なバージョン別のWebブラウザシェアは上位から次のようになっている。 IE7
[CSS]外部スタイルシートの指定は@importとlinkでどちらがいいか
外部スタイルシートの指定は@importとlinkでどちらがいいかと、書籍「ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール」の@importはパフォーマンスに悪影響を与えることについてのフォローアップを紹介します。 don't use @import 内容は、IEでは@importで外部スタイルシートを指定すると、パフォーマンスに悪影響を与えるので使用しないでください、というものです。 下記は、外部スタイルシートを@importとlinkを組み合わせて、それぞれのパフォーマンスを比較したもので、キャプチャはそのサイトのものと、参考に当環境でIE7/Fx3(XP)を検証したものです。 @import @import 2つの外部スタイルシートを@importで指定。 <textarea name="code" class="html" cols="60" rows="5">
amachang の 「一行で IE の JavaScript を高速化する方法」を掘り下げてみた - latest log
2009-11-12 ナビ子記法について追記しました 本文 今日は、amachangさんの記事 http://d.hatena.ne.jp/amachang/20071010/1192012056 を 1mm だけ掘り下げ、IE 以外のブラウザでも document へのアクセスを速くする方法がないか、色々試してみます。 # 記事自体はずいぶん前に書き上げてたけど、公開するの忘れてたんだな。 C系を追加しました。C系は「ネストしたスコープからグローバル変数にアクセスするとどうなるか?」がテーマです。 試したこと 以下は様々な方法で document へのアクセス速度を計測します。 A系では、非日常的な方法で測定し、B系では実際の用法に近い形で測定します。C系では何重にもネストしたスコープから、グローバル変数にアクセスするとどうなるかを測定します。 A系 A0 は、素の document に
preタグ内の文章を自動改行してみる。 - webruary
preタグ内の文章を自動改行してみる。 Category:Web 2008-09 16 Comments 4 TrackBack 0 なるべく<div>を使わないでコーディング。という目標。のコメント欄でリクエストされたので<pre>タグ内の自動改行についていろいろと。 まぁ、自分も基本<pre>なんてめったに使わないし、このブログで使ってる際も横に短いんでFirefoxとかで自動改行されないことなんて知らなかった訳で…。 そこで、ちょちょいと調べた結果Bowz::Notebookさんで紹介されているcssで対処できると判明。 ここから続き とりあえず、サンプルを作ってみたのでどうぞ。 <pre>内の文章を自動改行する。のサンプルページ。 ちなみに、今回の検証には『WindowのInternet Explorer 7と6』『WindowのFirefox 3と2』『WindowのOpera9
IE6でのページ表示をブロックする「IE 6 Blocker」:phpspot開発日誌
IE 6 Blocker Script - CSS-Tricks IE6でのページ表示をブロックする「IE 6 Blocker」。 IE6でアクセスすると次のようにグレー表示の上にダイアログが表示されるというもの。 IE6をサポートしていないサービスの場合、これを導入すれば簡単にブロックできますね。 <script type="text/javascript" src="jquery-1.2.6.min.js"></script> <script type="text/javascript" src="jquery.ie6blocker.js"></script> のように２行書くだけみたい。
IE7ってなんだったの？
IE6からIE7にかけては5年の間隔があった。マイクロソフトは正式にIE8の公開時期を発表していないが、仮に年内に登場するとなるとIE7からIE8までの間隔は、約2年だ。IE5からIE6までも2年半の間隔だったのでペースが元に戻ったともいえる。 そうなると公開ペースを元に戻したマイクロソフトの考えが気になる。IE7とはマイクロソフトにとって“失敗作”だったのだろうか？ 記事によると、IE7とIE8の最大の違いは「速度と互換性の向上」だという。速度については高速さで人気を集めている「Mozilla Firefox 3」を意識したのだろうか。 IE8はJavaScriptエンジンを高速化し、「IE6の7倍、IE7の5倍の高速化を実現」しているという。対して、Firefox 3は公開時に、IE7の9.3倍速いと説明していた。それぞれ開発元が発表した数字なので、いろいろと有利な条件が加味されている
マイクロソフトはIE 8で地雷を踏んだ？ - builder by ZDNet Japan
さあ、その想いをカタチにしよう。 Google Cloud が企業の未来に向けた生産性 向上とコラボレーション実現のヒントを解説 サーバースペシャリストへの道 PCサポートとサーバ管理の共通項 ひとり情シスのためのスキル向上のコツ IT部門のDXはこれだ！ IT運用管理新時代における最適な運用管理 の現場作り 結果に差がつくウェビナーへの投資 デジタル営業時代における見込み顧客獲得へ ウェビナーの運用・集客・フォローの最適化 非構造化データのデジタル活用へ 社内の文書コンテンツを一元管理 デジタル変革と内部統制の二兎を得るECM 自社利用の知見・経験を顧客に提供 コンテナ活用を推進する日立製作所 VMware Tanzuを利用したモダナイズを伝授 ITインフラ運用からの解放 HCI＋JP1による統合運用による負荷激減で 次世代IT部門への役割変革へ一歩前進 セキュリティモデルは変わった！
IEで絶対配置（position:absolute）のボックスが消えるバグの検証
先日、友達の依頼で XHTML+CSS のコーディングをしていたところ、position:absolute を指定したボックスが Win版IE6 でのみ表示されないという現象に出くわしました。あちこち調べてみたところ、かなり厄介な IE のバグのようで、消えるときの条件がいろいろあることがわかったので、整理してみたいと思います。 まず最初に見つけたのが、以下のサイト。 » IEで position:absolute した要素が消えるバグ こちらで紹介されているのは、float と clear にはさまれた position:absolute が消えてしまう現象とその対策。でも、私がはまったケースでは、position:abloslute の前には float がありません。紹介されているように clear を追加してみても当然ダメ。う～ん、なぜだ・・・ 日本語のリソースを調べてみても解決策
Internet Explorer 6はそろそろ終わりか（そうではないのか）？
Internet Explorer 6（IE6）は2002年と2003年に使用率およそ95%というピークに達してから(リンク)、急速に市場シェアを失っている。2008年末が近づくにつれ、重要 なオンライン・サービスやベンダー、WebフレームワークがIE6のサポートをやめている。今年でIE6は終わりを告げるのか。そしてそれはWeb 2.0開発者にとって何を意味するのか。 Ruby on Railsフレームワークを支持している企業37signalsは、2008年8月15日から同社の全製品を対象に、徐々にIE6のサポートをやめていくと最近発表した(リンク)。 ブラウザのInternet Explorer 6は2001年にリリースされ、IE6に取って代わるInternet Explorer 7は2年近く前の2006年にリリースされました。IE7やFirefox、Safariのような最新Webブラウ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://ie.hoge.in/
Twibbon
YouTube、IE6のサポート終了をアナウンス 