イメージマップとHTML5

Question

この質問は技術的なものよりも哲学的です。

私はHTMLイメージマップを使用した最後の時間だった、Web開発者がEvrsoft第一ページ上に2000

を動かし、ウェブマスターと呼ばれ、選択の私のツールは、FrontPageのだったバックウェブ開発者として自分自身を訓練してきた

。

これはHTML5、AJAX、ベクターキャンバス、CSS 3D、jQuery、ローカルストレージ、タッチスクリーンSafariの名前です。イメージマップは、Googleでさえも関連性の高い結果が出てこない曖昧なものになっています。義務的なW3Cスクールエントリーといくつかのフォーラム投稿は2004年から。

明らかに、イメージマップを使ってウェブサイトのナビゲーションや同様のトリビアル性を作成することは悪い考えであったが、今日はそれが絶対に使えない。

しかし、今私は、背景画像を持つdivの上にポリゴンのクリック可能な領域を作成する作業があります。

イメージマップでこれを行うのに問題はありません。これはまさにこのようなユースケース用に設計されているようですが、テストをしていない間は、何年も美しく働いた要素。しかし、私は助けることができませんが、今日これを行うためのより良い方法がなければならないと考える。

ウェブ制作の哲学は、IE5.5用に開発し、次にChromeのエッジをデザインすることです。これは、サイトが最初に最も古くなったブラウザでも基本レベルで作業してから、JS & CSSを追加して、より美しく、より使いやすく、より速く、よりシンプルで、親しみやすく、より良くする必要があることを意味します。

Raphaëlのキャンバスを使って、すばらしいホバー効果やものを追加することができますが、これは89 kb（またはX kb）のJSライブラリを必要としない。あるいは、まったくJSです。

CSS3に多角形領域を定義する機能があるのか​​どうかはわかりませんが、CSS3で導入された大きな可能性を認識しながら、そこに定義されているものは、 （jQueryの.hover()によってgrabbableだ、または少なくともCSS :hover好ましい方法で）、それは依存しない多角形のクリック領域を定義するための最もクロスブラウザの方法だろうどのような今日のwebdevの世界ではそう

、少数のブラウザで利用可能なJavaScriptやCSSの属性についてイメージマップは本当にそれを行う唯一の方法ですか？モバイルデバイスとは？

Answer 1

ナビゲーション用の画像マップを使えないのはなぜですか？他のどのようなツールでもあります。それは時間と場所を持っています。 javascriptの拡張機能を使用するイメージマップを使用すると、下位互換性があり、正常に機能しなくなり、100％ブラウザがサポートされます。彼らはフラッシュのようなプラグインを必要としません。彼らはウェブブラウザの夜明け以来事実上サポートされています。古いものが有用ではないということを意味するわけではありません。全く反対であり、それはそれがうまくサポートされていることを意味します。

ImageMapsterというjqueryプラグインを作成して、イメージマップにエフェクトを追加し、フラッシュを使わずにインタラクティブなイメージを作成できるようにしました。 Javascriptのサポートなしで同じ機能を持つツールを実装することは、そのような場合のリストに置き換えて簡単に実行できます。個人的には、ジャバスクリプトなしでWeb用に書き込むと、タイヤなしで車を運転しようとするようなものだと思う。 Webの99％はそれ以上使用できません。これは1995年ではありません。しかし、本当に心配しているのであれば、イメージマップに関する素晴らしい点は、基本的なナビゲーション機能がまだ機能していることです。あなたが不規則な形の領域を持っている場合、CSS3だけでなく、CSSでそれを達成する方法はありません。