100%安全なCSS Hack for IE | Takazudo Clipping*
世の中には腐るほどCSS Hackがあります。いずれも、ブラウザのバグを逆手にとったものであり、今後出るブラウザでは影響が無いだろうと言われるものが頻繁に使われますが、それらが100%安全とは言い切れません。それらに対し、これは完全にクリーンで安全なCSS Hack。IE8以上がでたらあああああ！このスタイルはIE6だけに適用されるはずなのに！！！何てことはありえない安全なCSS Hack。こんな感じです。 <body> <!--[if IE]><div id="IEroot"><![endif]--> <p>bodyの本来の中身。IEだけ赤くなる</p> <!--[if IE]></div><![endif]--> </body> #IEroot p{ background:red; } こんな感じでbody直下にdiv#IErootを、Internet Explorerの条件分岐コメン
15 Helpful In-Browser Web Development Tools — Smashing Magazine
There are many useful Web development tools that integrate in your browser. These in-browser tools are commonly known as add-ons or extensions. Though add-ons and extensions aren’t just for Web development, many of them out there are designed specifically for Web developers. In-browser tools vary greatly in the jobs they perform; for example, some of them help you diagnose issues with CSS, HTML an
window.toStaticHTML() - Thousand Years
IE8からwindow.toStaticHTML()メソッドが追加されました。引数に与えられたHTMLの断片からscriptタグや、onclick属性などのDynamic HTMLの要素を削除するためのメソッドです。 XDomainRequestのレスポンスに、意図しないscriptタグなどが入ってきたときにまずいことにならないようにそれを削除する用途で利用できます。 toStaticHTMLの利用方法 HTMLStr = "Hello<script>alert('foo');</"+"script> World!!"; alert(window.toStaticHTML(HTMLStr)); // Hello World!! alert(toStaticHTML(HTMLStr)); // Hello World!! toStaticHTMLの実行結果 例:その１ <span oncli
IE8での変化点一覧 + 備忘録(その2) - latest log
このエントリは、IE8での変化点一覧 + 備忘録 - latest logの続きです。 IE8モードで、CSS expression が無視される。 バグ回避や、max-width などを実装するため必要不可欠だった expression 構文は廃止される。 ただし、IE7モードとQuirksモードでは下位互換性のため使用可能。 <style> .title { color: expression((new Date()).getHours() % 2 ? "#B8D4FF":"#F08A00"); } </styl> CSS2.1に準拠するために、ベンダー独自プリフィクス("-ms-")が追加された 以下のCSSプロパティには先頭に "-ms-" を追加する必要がある(互換性のためつけなくても動作はするが非推奨)。 -ms-accelerator -ms-background-posit
れぶろぐ - [SVG] IE で SVG ファイルの直接表示を可能にする sie.php 0.1 を公開
■ IE で SVG ファイルの直接表示を可能にする sie.php 0.1 を公開 Firefox などのブラウザでは、SVG ファイルをクリックすると画像として表示することができます。 一方、Internet Explorer でも、 SIE という JavaScript ライブラリを用いると、 HTML の文書中に SVG の画像を表示することができますが、 これを、SVG ファイルをクリックするだけで表示できるように、機能拡張してみました。 動作環境 処理の大半は JavaScript によって行われますが、 Web サーバ側で細工をするために、 Apache の mod_rewrite モジュール PHP が使える環境であることが必要です。 インストール まず、SIE の公式ページ から、SIE のアーカイブをダウンロードして下さい。 展開すると sie021.js のようなファ
IE版のFirebug IE Developer Toolbar[to-R]
IE版のFirebug IE Developer Toolbar みなさんはInternet Explorer Developer Toolbarというのを知っているでしょうか？ マイクロソフトが現在ベータ版として提供しているツールで、簡単に説明すればIE版のFirebugです。 IEで使えるFireBugとして聞くとFireBug Liteを思い浮かべがちですがFireBug Liteのようにソースにjavascriptを埋め込むことなく実行することが可能です。 ちなみにFirebugとはjavascritpやCSSのデバッグなどを行えるFirefoxのアドオン(拡張機能)になります。 すごく便利ですので、使ったことがない方はFirebugの方からお使いください。 話は戻りますが、Internet Explorer Developer Toolbarのインストール方法について解説したいと
![IE版のFirebug IE Developer Toolbar[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
CSS Nite Vol.18に行ってきた その1 | Blog hamashun.com
今回でひとまずの区切りとなるCSS Nite。 数えればなんと18回目でした。 月イチ無料開催はこれで終わりになり、今後は様々な形態での開催となっていくようです。 今回の内容は第一部が来賓の方3人による、割と告知的な内容。 第二部が主催の鷹野さん（株式会社スイッチ）による「Internet Explorer 7対策」という物でした。 イベントレポートと自分の為の覚書の、両方の意味を込めて記事を書いておきます。 第一部 WebSig24/7、ネクサス アドバンスセミナー、W2Cから、3人のゲストが、次々にイベントの告知や団体の説明をされました。 CSS Niteは割と実装側の立場のイベントですけど、そうではなくてディレクション側のイベントもあったりで、そちらの方も興味を惹かれました。 第二部 さて、第二部は鷹野さんの「Internet Explorer 7対策」です。 まだまだシェア的にはI
ITMediaにとんでもなく危険なLifeHackが載ってる件 - nak2kのブログ
しかも、「mshta ［任意のURL］」と入力すれば、WebページをHTA（HTMLアプリケーション）として開くことも可能だ。 「ファイル名を指定して実行」の便利な使い方（その1） - ITmedia エンタープライズ このTips、HTMLアプリケーションとしてWebページを実行した場合はIEのセキュリティゾーンがローカルコンピュータの状態で実行されるから、表示したWebページでは「どんなスクリプトでも」動かせてかなり危険。 以下のようなスクリプト（MicrosoftのJScriptについてのヘルプに載ってるサンプル）を含んだHTMLを上記の方法で表示してみたよ。 <script> var fso = new ActiveXObject("Scripting.FileSystemObject"); var a = fso.CreateTextFile("c:\\testfile.txt"
CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名（generic-family）である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
めも - IEs4Linuxで遊ぶ
_ [Ubuntu] IEs4Linuxで遊ぶ IEs4Linuxで遊んでみる。 前準備。 $ sudo aptitude install wine cabextract ついでに、多分いらないだろうけど。 $ sudo aptitude install msttcorefonts xdg-utils で、ies4linuxを落としてきたら、 $ tar zxvf ies4linux-2.0.5.tar.gz $ cd ies4linux-2.0.5/ $ ./ies4linux デフォルトのままでいいなら何を聞かれてもリターン。 インストールが終わったらおもむろに、 $ ie6 libGL warning: 3D driver claims to not support visual 0x4b fixme:actctx:CreateActCtxW 0x34faf0 00000008 f
IT戦記 - 僕も半透明 png を使うためのライブラリ作った！
いろいろと古い IE で半透明 png を使うための JS が紹介されています http://web.kankodo.net/2007/02/01-233315.html http://labs.unoh.net/2007/02/ie6_png_fix.html http://phpspot.org/blog/archives/2007/02/iepngjavascript.html で、自分も使おうと思ったのですが。 ライブラリの依存とか、 window の load イベントの時に処理されるのがちょっとだけ嫌だったので、自分用のを作りました。 意外と便利だったので公開します デモ(IE5.5 or IE 6 で見てください) http://usrb.in/amachang/static/AlphaLoader/demo.html 使いかた 半透明にしたい img 要素のあとに http
ウノウラボ Unoh Labs: IE6でアルファチャンネルを含むPNGを表示する
yamaokaです。 webサイトで背景が透明な画像を使用する場合、画像を透過GIFまたはアルファチャンネルを含むPNGで作成する必要があります。どちらを使用してもかまわないのですが、下図のように背景を指定した場合はPNGの方がきれいにアンチエイリアスがかかります。 透過GIFとアルファチャンネルを含むPNGの比較 posted by (C)フォト蔵 PNGを使いたくなるところですが、Internet Explorer 6（以下IE6）はアルファチャンネルに対応していないので、一工夫する必要があります。IE6でアルファチャンネルを含むPNGを表示するには、IE6のフィルタ機能であるAlphaImageLoaderを使用します。フィルタを使用すると、画像としてではなく要素の背景のように振る舞います。したがって、表示させるにはIE6でアクセスがあった場合のみ以下のような処理を行えばよいことにな
User-Javascript軽量版 - for Win IE6 - - Personnel
（0000-00-00）軽量版の特徴など （2002-08-15）ダウンロード （0000-00-00）設置その他 （0000-00-00）ユーザー設定 （0000-00-00）操作一覧 （0000-00-00）Proxomitronとの連携について （0000-00-00）お願い、公開目的 （2002-08-15）謝辞 マウス操作だけで基本的なブラウザの機能を使ってしまおう、というコンセプトです。というか、そういう事になりました。 打倒！Operaマウスジェスチャ（無理） 動作が軽快。その代わりそれぞれの機能の操作を覚えなければ何もできないという。 HTML文書作成の補助系機能がちらほら。 スタイルシート関連の機能は削りました（重たいので）。 HTML文書でないと効きません そうでもないかも 米msdnを参考にしたので、IE5.5で動くかは分かりません。 やっぱりProxomitronは
IE・Firefox・Opera・Netscape・Safariで表示可能な半透明CSS/Opacityテクニック - WEBデザイン BLOG
CSS設定でオブジェクトを半透明にできるプロパティがあります。 IEのみのCSSプロパティでしたが、Firefox・Operaでも同じように表示可能にできる方法を説明したサイトがありましたので紹介しておきます。 他にもいくつかのOpacityプロパティを使ったTipsが紹介されていますので、参考に覗いてみてください。 CSS Opacity in Mozilla,IE, and Opera http://www.mandarindesign.com/opacity.html CSS Opacity設定 以下のコードでIE・Firefox・Opera・Netscape・Safariで同等表示がえられます。 filter: alpha(opacity=25); -moz-opacity:0.25; opacity:0.25; IE alpha(opacity=透明度); 100が100％とな
【特集】正式版完全対応! Internet Explorer 7 CSS攻略法 (1) 01 はじめに IE7日本語正式版のCSS実装を検証する (MYCOMジャーナル)
Internet Explorer 7日本語正式版 Internet Explorer 7(IE7)の日本語正式版がリリースされた。現在はまだダウンロードしてインストールする必要があるが、2007年4月をめどに、Windowsの自動アップデートで「優先度の高いアップデート」として配布される予定だ。「IE7ではWebページの表示が崩れる」といった問題が出る場合、それまでには対応を済ませておきたい。 そこで本稿では、IE7 beta2のCSS実装検証を元に、IE7日本語正式版における変更点やバグをまとめる。また、IE6以下との下位互換やモダンブラウザとの互換性を保ちながらバグを回避する方法、CSSハックについても検証する。 新規対応機能一覧 未対応機能一覧 修正済みバグ一覧 未修正バグ一覧 CSSハック一覧 参考 CSS実装徹底検証! そこが知りたいInternet Explorer 7 なお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Download details: Windows Server 2003 Resource Kit Tools
IEと透過PNGのまとめ | Webデザインのタネ
透過PNGをCSSで背景に指定してIE6や5.5のバージョンでも綺麗に表示してみる - DesignWalker
http://youmos.com/reference/cssjavascriptmin-width_max-wid.html
Web Expose » Internet Explorer 7 on Linux