ユーザー操作の一括無効化で役立つ！ HTMLのinert属性の紹介 - ICS MEDIA

2023/04/06 119 users ICS MEDIA HTML ユーザー操作 None モーダル

HTMLやCSSには、ユーザーインタラクション（ユーザー操作）を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス（UI）では、... 続きを読む

入力した時の反応速度が遅いとイライラする！ユーザーインタラクションでどの程度の遅延だと煩わしく感じるか | コリス

2019/08/28 12 users コリス 一考 遅延 許容範囲 テキスト

フォームにテキストを入力した時など、ユーザーインタラクションにおいてどの程度の遅延だと煩わしく感じるかを検証するためのデモサイトを紹介します。 当然きびきびと操作できるのがベストですが、実際にどの程度の遅延が許容範囲なのか確認してみるのも一考です。 Typing delay experiment GoogleのMonica Dinculescu... 続きを読む

[JS]インタラクティブでフレキシブルなレイアウトが楽しめるスクリプト -Magic jQuery | コリス

2011/02/22 50 users コリス インタラクティブ スクリプト レイアウト bottom

ページ内のエレメントの配置や、メニュー、タブなど、ユーザーインタラクションを伴ったレイアウトが簡単に実現できるjQueryのプラグインを紹介します。ピンクのパネルを移動したキャプチャ上記の各色のパネルにはそれぞれ条件が設定されています。 例えば、オレンジのパネルは下記のようなスクリプトになっています。JavaScript$("#orange").align({top:'', bottom:"", ... 続きを読む