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」で表示されてしま
Acid2: The Guided Tour - The Web Standards Project
Acid2 is a test page for web browsers published by The Web Standards Project (WaSP). It has been written to help browser vendors make sure their products correctly support features that web designers would like to use. These features are part of existing standards but haven’t been interoperably supported by major browsers. Acid2 tries to change this by challenging browsers to render Acid2 correctl
【CSS】CSSレイアウト時のIE6対策まとめ | バシャログ。
Adobe の CS5 はなんか凄そうですね。「でもお高いんでしょ？」「ハイ、とても！」 いま会社で使っているアプリは「Macromedia」の Dreamweaver8 と Fireworks8 です。結構バリバリ制作作業していますが、別に不便に感じてないしなー、と思っている sakai です。自宅では Dreamweaver4 と Fireworks4 です。エヘン。 世間では HTML5 や CSS3 の話題も増えてきた今日この頃ですが、実務では相変わらず IE6 との格闘が続いています。 ただ、長年さんざん IE6 対策に取り組んできたこともあり、今ではそれほど IE6 を意識してコーディングすることもなくなりました。 今回は IE6 をターゲットに含めた CSS レイアウトで気をつけたい点をまとめました。 基本ですが、おさらいまで。 大前提 大前提として、IE6 は標準準拠モード
【Selectivizr】CSS3セレクタをIE（6～8）で使いたーい【万能】 - お豆さんのbrain
某お願いランキング風でスタート。 日々サイト制作に携わられている方。今日もIE相手にお疲れ様です。 そのまま噛みちぎってしまえ。 今話題のCSS3プロパティ・セレクタ。 ぽんこつでお馴染みIE（6~8）にはほぼ（全くと言っていい程）適用されません。しかしそれをjs（Javascript）で華麗に適用させてしまう方法があります。 今回はWebデザイン（CSS, js）の豆知識。WP（WordPress）での導入の仕方、手軽に出来る画像マウスオーバー（透過）の方法もお教えいたします。 一体どのブラウザに何が適用可能なのか なにはともあれ、取り敢えずこれを見て頂きましょう。 CSS3の主要ブラウザ別、プロパティ（セレクタ）適用表です。 ※画像クリックでサイトへ飛びます。 どうだい、IEの×っぷりは。 むしろ気持ちいい位ですね。 上記サイトの表、上からCSS3プロパティ、セレクタ、HTML5諸々の
IE6〜8でCSS3セレクタ利用「Selectivizr」
CSS3セレクタを使う上で問題となるのはやはりIEです。HTML5 & CSS3 Supportで確認すると、IE6～8はほとんど対応できていないことが分かります。 そんなIEでもCSS3セレクタを使えるようにするのがSelectivizr.jsです。詳しく紹介されているサイトがあまりなかったのでご紹介。 Selectivizrの設置方法 ここで提供されているselectivizr.jsとJavaScriptライブラリを外部ファイルで読み込むだけで、CSS3セレクタがIE6～8でも利用可能となります。コードも外部ファイルを読み込むだけですのでとてもシンプルです。 <script type="text/javascript" src="[JSライブラリ]"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascr
【JavaScript】 DOM：たとえばこんなイベントハンドラの操作 addEventListener、removeEventListener（attachEvent、detachEvent）（株式会社コネクティボしゃいん☆のブログ）
ということで、三度、JavaScriptのDOMスクリプティングネタです。 今回はイベントハンドラの操作に使う addEventListener、removeEventListener、attachEvent、detachEvent の「たとえばこんな使い方？」みたいなものを書いてみました。 まずは毎度おなじみ、サンプル。 <script type="text/javascript"> <!-- // クリックイベント追加 function addClickEvent() { o = document.getElementById("hoge"); if (o.addEventListener) { // IE以外 o.addEventListener("click", alertHoge, false); } else { // IE o.attachEvent("onclick", a
EventTarget: addEventListener() メソッド - Web API | MDN
addEventListener() は EventTarget インターフェイスのメソッドで、ターゲットに特定のイベントが配信されるたびに呼び出される関数を設定します。 対象としてよくあるものは Element、Document、Window ですが、イベントに対応したあらゆるオブジェクトが対象になることができます （XMLHttpRequest など）。 メモ: addEventListener() メソッドは、イベントリスナーを登録するための推奨される方法です。以下のような長所があります。 1 つのイベントに対して複数のハンドラーを追加することができます。これは、ライブラリーや JavaScript モジュール、あるいは他のライブラリーや拡張機能とうまく動作させる必要があるその他の種類のコードで特に有効です。 onXYZ プロパティを使用するのとは対照的に、リスナーが起動されるときの
My DebugBar | IETester / HomePage
DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://onlineconsultant.jp/pukiwiki/?IE6%20Javascript%E3%82%A8%E3%83%A9%E3%83%BC%E3%81%AE%E3%83%87%E3%83%90%E3%83%83%E3%82%B0
Internet Explorer 7 running side by side with IE6. (standalone)