[B! タッチ] SnowCaitのブックマーク

SnowCait id:SnowCait

タッチに関するSnowCaitのブックマーク (3)

GitHub - thebird/Swipe: Swipe is the most accurate touch slider.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
SnowCait 2013/12/14
JavaScript

タッチ

UI
リンク
タッチ操作に対応した画像ビューワーをJavaScriptで作るならD3.jsが便利
スマホやタブレットで写真を表示していると、ピンチでズームしたり、ドラッグで移動したりができて便利なので、あれを Web 上で実現してみたくなった。最近のブラウザーでは touchstart や touchmove イベントでタッチ情報を取れたり、イベントの touches でマルチタッチを扱えたりするので、実現するための基盤はそろっている。適当なライブラリーがあるかと思って探してみたが、意外と苦労してしまった。 Hammer.js が使えないタッチを扱うためのライブラリーとしては Hammer.js がメジャーらしい。スワイプ・ピンチ・ドラッグなど、各種イベントにも対応していて、これを使えば一発解決してくれそうだ。ところが、画像ビューワーを作るには不向きだった。困ったのは次の 2 点。ピンチやドラッグは個別には動くが、組み合わせたときに「表示位置」と「倍率」の関係を自前で計算する
SnowCait 2013/12/13
D3.js

JavaScript

タッチ
リンク
ソシオメディア | iPhone の当たり判定を検証した
スマートフォンやタブレットなどのモバイルデバイス向けにUIをデザインする際には、タッチ操作に適したコントロール表現を追求しなければいけません。タッチ操作に適したコントロール表現とは、前回書いたジェスチャもありますが、それ以前に、ボタンやリンクなどのUI要素を指で押しやすい大きさにすることが大切です。パソコン画面のマウスポインターと違って、タッチスクリーンにおいて指でボタンをタップする場合、指がそのボタンを覆い隠してしまうので、意図した場所に正しく触れているのか分かりにくく、またボタン自体の視覚的なフィードバックも確認しづらいという課題があります。またマウスポインターではピクセルレベルで画面上の座標を指し示すことができますが、指先ではそのような細かい操作はできません。ですからタッチデバイスでは、ボタンやリンクが細かく密集しているようなデザインは大きなストレスになります。最低限の大き
SnowCait 2013/05/01
iPhone

タッチ

UX

ユーザビリティ
リンク
1