タグ

2013年5月27日のブックマーク (2件)

  • iPhone/Android/PC 対応。jQuery で書くタッチイベント

    こんにちは!プロダクト企画担当の林です。 今回は、前回予告していた通り、タッチイベントについて書かせていただきます。 他所でもタッチイベントについて取り扱っていますが、当記事でのポイントは、 jQuery を使っている。(jQuery Mobile は不要です) iOS / Android で動作確認済み。 タッチできない PC の場合、マウスで動く。 この3点です。 こちらを実際に動作するコードにて解説します。 動作確認環境 タッチ環境 → iPhone / iPad / Android マウス環境 → Sleipnir / IE / Firefox / Google Chrome / Safari / Opera タッチイベントについて タッチイベントとは、スマートフォンなどで画面を直接指でタッチしたときに発生するイベントのことです。 イベントの種類 touchstart : タッチし

    iPhone/Android/PC 対応。jQuery で書くタッチイベント
    kool_kreate
    kool_kreate 2013/05/27
    スマホタッチイベントまとめ なぜかスマホで動かなかったなんでだー
  • Hamburger Menu Icons (Three Line Menu Icon / Navicon) Different Ways | CSS-Tricks

    Hamburger Menu Icons (Three Line Menu Icon / Navicon) Different Ways A universal symbol for “menu” has been on a lot of people’s minds lately. (“Navicon”, get it?!). Jordan Moore wrote up a big article on it for Smashing Magazine. Jeremy Keith wrote about it. Stuart Robson wrote about it. Tim Kadlec wrote about it. If you want to read more about the thinking behind this stuff and see examples, rea

    Hamburger Menu Icons (Three Line Menu Icon / Navicon) Different Ways | CSS-Tricks
    kool_kreate
    kool_kreate 2013/05/27
    ハンバーガーボタンをcssとかsvgとかで比較してみた iPhoneであればbox-shadowが良さそうな気がするが。