非同期スニペット

HTML5時代のhoverの使い方

サイト内検索

Loading

お知らせ

現在は特にありません。
メールでのお問い合わせは、こちら

Work with us!

私たちのビジネスの成功は、社会に貢献できると確信してます。

ワサビは、才能や情熱を持った方との出会いを待ってます。

インターネットで出来る事、その可能性を仕事にしたい方は、ご連絡ください!

採用の詳細は、こちら

blog (Recent Posts)

Categories

タグクラウド

Archives

制作・運用約款

  • スマートウェブへのリンク

Contact

  • ワサビ株式会社
  • 657-0843
    兵庫県神戸市灘区大石北町7-14
  • TEL. 078-862-5942
  • 受付時間: 平日 -
  • 上記時間外: 070-5503-3830
<< 当月 >>
JavaScriptが無効です。

HTML5時代のhoverの使い方

Posted on

HTML5の盛り上がりよりも、WPの方が盛り上がる社内ですが個人的に最近ちょっと気になる事がありました。

ソース元は、「Web Design Trends in 2011」です。

2011年のWEBデザインのトレンド!というタイトルの今年の初めに書かれた記事です。

その中の5番目「5. Designing for Touch Screens, Not Mice」です。

hoverを使いメニューがちょっとした挙動を起こしすのをCSSで組んだりしていますが、ここで指摘がある通り

However, there’s no hovering in touchscreen.

タッチスクリーンには、hoverの概念が無いんです。

要するにiphoneの様なやつですよね。

わたし自身、スマートフォンは「電話ではない!あれは小型のPCに電話機能がついたものだ!」と日々言っているほどCPUなどに関しては日々進化し続けている。

もちろん、通信会社にとってはキラーコンテンツになるのですが今後私たちの様な制作会社は、IEやらchromeやらのブラウザチェックの他にスマートフォンも必ず視野に入れなければならないと思っております。

で、hoverにもどりますが、これって今後は力を入れていく所ではない。むしろ、クリック出来るならクリック出来るぞ!と分かりやすいデザイニングをしなければならないという事です。

カテゴリー : HTML5, Web design / Design タグ: ,

関連記事:

  1. HTML5 hr
  2. photoshop パスで切り抜き
  3. 看板デザイン実績
  4. HTML5のテンプレート
  5. リセットするスタイルシート リセットCSS

Facebook Comments

Leave a Reply

ページトップへ