IE一覧

HTML5 に未対応の IE9 未満でも JS なしで マークアップする方法

HTML5 と IE

HTML5 logo with American Sign Language
オレンジ色の──にくいアンチクショウ

ウェブ・デザインの世界では、そろそろ HTML5 への移行が進みつつあります。まだ主流にはならないけれど、完全に無視するのは もったいない。

HTML5 を学ぶには、下のページが最適です:

さて、HTML5 の世界へ入門するにあたって、最初の難関は IE への対応でしょう。IE8 以下(IE9 未満)は HTML5 の新しい要素を認識できないため、そのままでは CSS で装飾できません。装飾系男子には困った問題だ。(ドヤァ

下で紹介するシンプルな JavaScript を利用することで、オールド・タイプな IE でも HTML5 の新しいタグを CSS でデザインできます。こちらは一般的な解決方法ですが、JavaScript を切られていると効果がない

そこで今回の目玉として、HTML5 用のタグでマークアップして、なおかつ JS を使わずに IE8 以下でも CSS でスタイリングする方法(※後述)を説明します。

2011-12-17T15:04:37+09:00 追記

中途半端な知識で小生意気なコメントを残したら、あの小飼弾さんに取り上げられました! 頭がフットーしちゃいそうなほど うれしい!

404 Blog Not Found:備忘録 – 本blogをHTML5にするためにやったこと

ただ、 100 文字以内という制限があるはてなブックマークでは、完全に意図を伝えられません。上の記事と関連しているため、今回の記事を加筆・修正しました。

続きを読む


「ガンマ: 1.0 埋め込み法」 – 理論上は正しく縮小される画像

カラー・プロファイルが「ガンマ: 1.0」の画像

Sputnik Sequence 2 (Gamma Ray)
(ガンマを埋め込むのは──問題ないのか?)

「ガンマ: 1.0 縮小法」について、前回までの 2 回に渡って紹介してきました。これは、Photoshop と専用リサイズツールを使って美しく(というよりも正しく)画像を縮小して保存する方法です。

  1. Photoshop で【本当に】美しくリサイズする「ガンマ: 1.0 縮小法」 : 亜細亜ノ蛾
  2. Ralpha – リニアな色空間(ガンマ: 1.0)でリサイズできるソフトウエア : 亜細亜ノ蛾

このリサイズ方法を実験している時に、あることに気がつきました。カラー・プロファイルを変換しても、色味には ほとんど変化がない。──いや、それは当たり前ですよね。変換のたびに色味が変わっていたら、話にならない。

それならば──、カラー・プロファイルを「カスタム RGB(ガンマ: 1.0)」のまま保存したらどうなるんだろう? もしかすると、どのブラウザでも正常にリサイズできる画像になるのでは?

「ガンマ: 1.0 埋め込み法」を試してみました。

続きを読む


【恐怖!】 消しても残る IE の閲覧履歴【CCleaner】

IE の閲覧履歴が消えない

「アルファルファモザイク」で、面白いレスが紹介されていました。

title="お前ら知ってる?彼女とか他人のPCで、恥ずかしいWebページ見た後とか、キャッシュとか履歴消去するだろ?:アルファルファモザイク">

お前ら知ってる?

彼女とか他人のPCで、恥ずかしいWebページ見た後とか、キャッシュとか履歴消去するだろ?
あれ、全然消えてないんだぜ

エクセル立ち上げて、どこでも良いからセル選んで、右クリしてハイパーリンクを選んで、「ファイル・ウェブページ」の「ブラウズしたページ」に全部出てくる(;^ω^)

お前ら知ってる?彼女とか他人のPCで、恥ずかしいWebページ見た後とか、キャッシュとか履歴消去するだろ?:アルファルファモザイク

インターネットエクスプローラー(IE)の七不思議のひとつ、

「キャッシュ・履歴の削除を実行しても、ページの情報が消えない」

という仕様(不具合?)ですね。

インターネットプロバイダの関連会社で働いている自分も、お客さんからよく相談を受けます。

さて、どうしたものかというと──。

続きを読む


【呪!】IE7 の自動更新【おめでとうございません】

IE7 の自動更新

恐怖のエックス・デイが やってきました……。今日(2008/02/13)は、Windows Internet Explorer 7 の自動更新の日です。

id:amachang の、この(ネタ)記事のような人が多いのでは。

インターネットが出来なくなりました (ノ_≦。) – IT戦記

とくに、IE7 そのものよりも、下記の不具合が怖いですね。

IE7 に対応していないツールバー拡張などを入れているとIE7 が不具合を起こす可能性もあるらしいので、ご注意を。

インターネットが出来なくなりました (ノ_≦。) – IT戦記

ネットバンクや株の取引サイトが、IE7 の対応が遅れて──などが考えられますね。恐ろしい……。

なぜ怖い?

──えっと、ここで何故、(Firefox と Opera が大好きな)自分が怖がっているのか、というと……。

自分は、ISP のサポート・センタで働いているからです……。これから電話が殺到することを想像すると、お、恐ろしい……。

まとめ記事

まぁ、今ごろ「自動更新を無効にする方法」を紹介しても遅いと思いますが、念のため。


BookSync で Firefox/Opera/IE のブックマークを同期

複数のブックマークを同期

複数のブラウザを利用していると、それぞれのブラウザでブックマークが異なってくることが多いです。自分は、自宅では Firefox 2、職場では Opera 9 を利用していますが、ブックマークの内容が違うことを気にしていました(職場と自宅で同じページを見る、というのも問題のような……)。

今までは手動でブックマークを同期していましたが、こういったことは専用ツールに任せた方が楽だし確実です。

BookSync

BookSyncBookSync

BookSync は、まさにブックマーク同期の専用ツールです。

最初の起動時に、Firefox と Opera、IE のブックマーク / お気に入りを自動的に登録してくれます。そして、「シンクロナイズ」ボタンを押すだけで、それぞれのブックマークが同期されます。

「編集」を押すと、IE のお気に入りを編集できます。「なぜ IE?」と思いましたが、なるほど、IE のお気に入りはファイラで編集ができるわけです。サクサクと不要なアイテムやフォルダを削除しましょう。

注意点

自分のように Firefox と Opera を使っている人は、「プロパティ」欄に注意。

「プロパティ」欄は「Mozilla 1/2」か「Opera」を選べますが、どちらか一方の「キーワード」「説明」で同期されます。自分は Firefox の「クイックサーチ」にしかキーワードを使っていませんが、うっかり Opera のブックマークに同期してしまい、すべてのキーワードが消えました……(まぁ、キーワードを設定していたのは 10 にも満たないのですぐ設定し直しました)。

DLC

さて、BookSync でブックマークの編集をする際に、是非とも行いたいのが「リンク切れチェック」です。

DLC は IE のお気に入りをすべて・または任意のフォルダをチェックして、リンク切れを探してくれます。

リンク切れ判定されたアイテムも、どのようなエラーが出たか教えてくれます。単に認証が必要なページや、ブックマークレットを削除したりしないように……。

DLC でリンク切れを一掃した後は、BookSync で同期しましょう。これでスッキリしたブックマークが手に入りました。

しかし、一番整理するべきなのははてなブックマーク – 亜細亜ノ蛾 – ブックマークだよなぁ……。