ユーザー操作の一括無効化で役立つ！ HTMLのinert属性の紹介 - ICS MEDIA
HTMLやCSSには、ユーザーインタラクション（ユーザー操作）を無効化するための方法がいくつか存在します。たとえば、マウスやタッチ操作を無効化したいときはCSSでpointer-events: noneを要素に指定するなど、制御したいユーザー操作によってさまざまです。 カルーセルやモーダルなユーザーインターフェイス（UI）では、非アクティブな要素が操作されないように「画面には表示されているが、あらゆるユーザー操作を受け付けない状態」にしたい場合があります。具体的には、以下のユーザー操作を無効化します。 マウスやタッチ操作を無効化したい テキスト選択を無効化したい キーボードフォーカスをあえて無効化したい 音声読み上げをあえて無効化したい 必要なプロパティや属性を複数指定することが考えられますが、そのようなときに役立つのがinertイナートと呼ばれるHTMLのグローバル属性です。 inert
Adobe XDステート機能を使いこなそう！ - ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 - ICS MEDIA
Adobe XDステート機能を使いこなそう！ ホバー、カルーセル、ハンバーガーメニューの効率的な作り方 AdobeXD2019年11月の大型アップデートで「ステート機能」が登場し、リッチなインタラクションを作成しやすくなりました。従来はアートボードを複数枚組み合わせて表現するしかなかったのですが、ステート機能の登場によって簡単にできるようになっています。 今回はホバーボタン、スライダー、ハンバーガーメニューなど実例を交えながら、ステート機能の基本と一歩進んだ使い方を紹介します。AdobeXDは使っているけどステート機能は触ったことがない、ステート機能をイマイチ使いこなせてないという方はぜひご覧ください。 ステート機能の基本 簡単にステート機能について振り返っていきます。 ボタンなどの要素は、ユーザー操作によって状態が変わることがあります。たとえば、一般的な「いいねボタン」であれば最低でも「
Webページに訪問したユーザーのマウスの動きを再現するスクリプト・「viewRecorder」
viewRecorderはWebサイトでユーザーが動かしたマウスの動きを記録、再現するスクリプトです。jQueryに依存しています。以前ご紹介したrrwebと少し似ていますがもう少しシンプルで導入ハードルも低めな印象です。用途もrrwebと概ね同じでWebアプリ等におけるユーザーへの操作サポートなどでしょうか。 有効に活用できそうだとは思いますが、最近スクリプトの使用によって捜査対象となった報道が相次いでいる為、若干使用を躊躇しますね。forによる無限ループだけで補導されるなら書き方を書いてるサイトは総じてアウトになりそうだし、この手のスクリプトに限らず、当局が罪だと言えばどんな理由であれ罪になってしまいそうで、いついかなる理由でも検挙/逮捕される可能性も否めません。 高いスキルを持ってたり上昇志向がある方は日本よりもITリテラシーの高い傾向にある国に行った方が安心かもしれませんね。余談が
なにこれ、スゴすぎる！ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張 -Wildfire
ページをどのくらいスクロールし、どこをクリックするのか、マウスやキーボードをどのように操作し、コンテンツを見るのか、ブラウザで行った操作を記録し、さらに完全再生もできるChromeの機能拡張を紹介します。 ユーザビリティテストに利用するだけでなく、操作を編集・再生することもできるので、プレゼンなどでページの操作を再現することも可能です。 Wildfire Wildfireの特徴 Wildfireのインストール Wildfireの使い方 Wildfireの特徴 Wildfireはユーザーがページをどのように操作するのか、どのように見るのか、手軽にユーザビリティテストができるChromeの機能拡張です。また、アクションをシミュレーションし、新しいデザインの確認にも利用できます。 ブラウザで表示したページのアクションを記録します。 記録したアクションは、すべて再生可能。 アクションを編集し、シミ
Spy - Webページ中でのユーザの動きをトラッキング
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました アクセス解析を使うとユーザがどう回遊しているか分かります。しかし、ページの中でどういう風に動いているかは分かりません。そこで何か問題にあってページを閉じてしまっている可能性もあります。 そんなユーザの操作を記録、再現してくれるのがSpyです。アクセス解析と組み合わせて使ってみると面白そうです。 Spyの使い方 Spyの動きです。自分が行ったマウス操作がそのまま再現されます。 Spyはページを表示した瞬間から記録が行われています。そしてデータを逐次アップロードできます。このデータをつなぎ合わせることでユーザが行った操作（クリック、ストロールなど）を再現できる仕組みです。プライバシーへの配慮は必要ですが、Webサイトのテストと組み合わせて使ってみても良さそうです。 SpyはJavaSc
WordPressで複数の会員が独自のページを作成し、内容を管理・更新できるようにする方法 - tontotakumi.com
使い方はなんとなくぱっと見でいじってみたんですが、右側にある「Add Role」で新しい権限名をつけてあげて、その内容をそれぞれチェックを付けて保存するってかんじです。 ちなみに今回の設定は、上記の画像のように権限名（Role）にshopってつけてあげて、4箇所にチェックを入れました。4つのチェックで出来るのは 固定ページを新規作成できる 固定ページを編集できる 固定ページを見ることが出来る ファイル（画像）をアップロードできる というふうになります。 他の項目をよく見てもらうと分かるのですが、「他者ページの編集」とかがあるので上記の設定だけだと、その人以外は見れないってことになります。 ただ、ちょっと気をつけないといけないのが、同じ権限だと他の人も見れてしまうので、ユーザー毎に権限を作らないといけないってところですね。（まぁ〜ユーザーを登録するときに一緒に作業すれば何とかなりますかね。。
jQuery UI.Layout Plug-in
OVERVIEW This plug-in was inspired by the extJS border-layout, and recreates that functionality as a jQuery plug-in. The UI Layout plug-in can create any UI look you want - from simple headers or sidebars, to a complex application with toolbars, menus, help-panels, status bars, sub-forms, etc. Combined it with other jQuery UI widgets to create a sophisticated application. There are no limitations
Movable Typeの「ユーザー」ロールにコメントの公開権限を与える「ApproveCommentPermissionプラグイン」
Movable Type 5の「ユーザー」ロールにコメントの公開権限を与えるプラグインを公開します。 １．機能 既存の「ユーザー」ロールにはコメントの公開を取り消す権限はありますが、保留中のコメント公開する権限がありません。 このプラグインを利用すれば、コメントを公開する権限を与えることができます。 プラグイン適用前 プラグイン適用後 なお、現在一覧画面からの公開のみ有効です。編集画面からの状態変更は別途機能追加したいと思います。コメント編集画面からの状態変更も可能です。 プラグイン適用前 プラグイン適用後 ２．価格 3300円/1インストールMT（税込み、購入前に必ず動作確認してください） ３．プラグインのダウンロード 以下のリンクからプラグインをダウンロードしてください。 2011.02.02 初版 2011.02.04 コメント編集画面からの更新状態変更を許容 ApproveComm
jQuery color plugin xcolor
The xcolor plugin is an easy-to-use jQuery extension to manipulate colors in all imaginable combinations. OverviewThis plugin implements an extensiv color parser and a featureful set of color-manipulation methods. There is also an animate() extension to smooth CSS colors. Another useful method isReadable() completes the whole, by allowing you to check if a text is readable on a certain background.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
