Clippy — CSS clip-path makerThe inset() shape optionally allows values similar to border-radius for rounded edges. This new feature may be buggy in your browser.
phiary
スマートフォンで, リンクやゲーム要素をタップした際の反応を遅いと感じたことはないでしょうか？ 終盤に実機確認してこの問題が発覚! どうしよう... なんてことを経験した方も少なくないと思います. そんなときは, 今回紹介する FastClick を使いましょう. 既存のページでも後から簡単に導入できます. Cordova とかで包んでアプリを出している方なんかにもオススメです. スマートフォンで手軽に確認できるよう QR コードも置いておきます. FastClick とは？ モバイル端末でのクリックイベントは touchstart touchend cilck という順番で発火するのですが, このタップとクリックの間に 300ms の遅延が発生します. この遅延を解消してくれるのが FastClick です! これを導入するだけで, ほぼ touchend と同じタイミングで click
スマホでのhoverをいい加減最適化させよう – hirokonaBlog
「やらなくてもいいけどやってたら気持ちが良いことNo.1（当社調べ）」 iPhone Androidでは効かなかったりあまり見えなかったりする（そしてむしろバグる）:hover（マウスオーバー時のスタイル）対応についてそろそろデフォで入れたげようかなと思って調べました。 結果結局は皆さんやってるやり方がいちばんやねって。なった。 予算のない案件やiPhoneだけならお手軽に〜〜 タッチデバイスでCSSの:activeや:hoverを機能させる。 – Qiita https://qiita.com/junya/items/3ff380878f26ca447f85 ontouchstart="" を加えるだけ。。。OTEGARU！！！ でも個人的には:hoverより：activeのほうが挙動がスキなのでUA判定してだしわけかな。 ただbodyに突っ込んどいたらえんじゃね？とおもってモックでbo
Canvasを使って手書きの署名機能を実装する | カバの樹
環境 ブラウザ：vivald・iOS safari はじめに ルート営業を行うクライアントから、タブレットの契約書に手書きで署名できる機能が欲しいと言われました。 アプリで作ろうか悩みましたが、試しにHTML５で実装したものを提案してみました。 デモ See the Pen eeXqzy by カバの樹 (@kabanoki) on CodePen.0 ソース （2022/04/05 改定版） 戻る進むが機能しない不具合を修正しました。（2022/04/05） IEで動作しない不具合を修正しました。（2018/10/25） HTML <canvas id="canvassample" width="500" height="300"></canvas> <div style="padding:10px"> <button type="button" onclick="clearCanvas
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - ftlabs/fastclick: Polyfill to remove click delays on browsers with touch UIs