HTML5版トップページ

少し前にホームページのトップページで、HTML5とSVGを導入して試していましたが、Twitter等で動作の状況を皆さんに確認したところ、大きな不具合はなさそうでしたので正式に採用してみることにしました。

HTML5

このような感じで日本地図が表示され、地図上の空港名をクリックするとそれぞれのシーナリーのページへ移動します。

地図の下の部分は今までと同じで、特にHTML5の書式は使っていないので、古いIEでも表示できるかと思います。
さすがにIE8以前を使ってる人はほとんどいないかと思いますが。

当初はCSS3を使ってアニメーションを動作させたりしていたのですが、アニメーションはブラウザによって動作がかなり違うようでしたので、アニメーションはすべて削除しました。

前回試したときは、Safariで地図上のリンクが動作しなかったのですが、修正しましたのでたぶんSafariでもリンクが動作するようになっているはずです。

ちょっと問題なのが、シーナリーが追加になったとき地図をメンテナンスするのが面倒そうなんですよね。
面倒くさくなったら元に戻すかもしれません。

表示に問題などある方は、コメント等でご連絡いただければ対策しようと思います。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください