タグ dialog
人気順 10 users 50 users 100 users 500 users 1000 users1Password のオートコンプリート機能をサービス提供側で無効化する
2023/09/01
75 users
オートコンプリート機能
1Password
サービス提供側
Leaner Technologies の @corocn です。 最近フォームを作っていて、意図しないタイミングで 1Password のオートコンプリートが表示されてしまい困っていたので解決法を残しておきます。 画像はshadcn/ui - dialogから拝借 結論 input に data-1p-ignore 属性を付与する autocomplete="off" しても空気読んで無効化して... 続きを読む
Popover API さわってみた
2023/07/05
16 users
Popover API
トースター
コンポーネント
ユーザー
Chrome 114からPopover APIがサポートされました。 Popover APIは「トースター」などのコンテンツ上に別のコンテンツを表示しユーザーをサポートするようなコンポーネントをjavascriptを使うことなく実装できる便利な機能です。 基本的な使い方からdialogとの使い分けまで調べたのでまとめたいと思います。 基本的な使い... 続きを読む
<dialog>内でautofocus属性がほぼ必須になる話
2023/02/13
16 users
HTML Standardの更新でdialog要素に関する変更があったので、自分の理解の整理のためにもまとめてみます。 Scott O'Hara氏によるdialog initial focus, a proposalという提案がの一部が反映された変更で、#8199でマージされました。主な変更差分を見るとわりと大きめの追記がされていることがわかります。 提案されてい... 続きを読む
HTML 5.2で新しく登場した<dialog>要素で、ダイアログ ボックスを実装する方法と注意点 | コリス
2018/03/16
159 users
アクセシブル
ダイアログボックス
コリス
ダイアログ
ボックス
ダイアログ ボックスはWebサイトやスマホアプリでよく見かけます。しかし、その実装方法は何通りもあります。その多くはWebを視覚的にナビゲートしないユーザーにとっては実質的にダイアログボックスを使用できず、アクセシブルに実装するのは困難でした。 HTML 5.2で登場した新しい<dialog>要素はこの問題を解消し、実装方法を迷うことなくダイアログ ボックスを利用できるようにするものです。 <di... 続きを読む
以前、男性が「自分は仕事に専念したい、妻には家事育児に専念してもらい..
2018/02/04
23 users
家事育児
男性
仕事
自分
articles
以前、男性が「自分は仕事に専念したい、妻には家事育児に専念してもらいたい」と言ったら 「最悪のマザコン」「幼児」「子供に悪影響」「老後は妻子に捨てられる」と非難ごうごう、 ほんと「呪い」だった。 http://b.hatena.ne.jp/entry/www.asahi.com/ad/dialog/articles/00003/00001/ http://b.hatena.ne.jp/entry/... 続きを読む
W3C、「HTML 5.2」勧告。同時にHTML 5.3のファーストドラフトを公開 － Publickey
2017/12/14
226 users
Publickey
バグフィクス
勧告
HTML
div
Web技術の標準化団体であるW3Cは、HTML 5のマイナーバージョンアップである「HTML 5.2」の策定を完了し、 勧告としました 。 HTML 5.2ではいくつかの機能追加、削除、バグフィクスなどが行われています。 機能追加の例では、ダイアログボックスを表示する＜dialog＞要素が追加されました。下記は＜dialog＞要素を用いたサンプルです。 ... <body> <div> <!-- ... 続きを読む
Yukiの枝折: Denbunライブラリでメッセージの表示頻度を調整する
2017/07/24
7 users
ＹＵＫＩ
モバイルプラットフォーム
Toast
tl;dr
tl;dr メッセージの過度な表示はユーザを退屈させてしまう Android向けライブラリ “Denbun” をリリース した Toast, Dialogなどのメッセージ表示頻度を簡単に調整できるライブラリ はじめに モバイルプラットフォームでは, ユーザ向けに何かしらのメッセージを表示することがよくあります. それは, イベントの発生を知らせるものであったり, ユーザのアクションが完了したことを... 続きを読む
キャンセルのキャンセル - くらげだらけ
2015/12/18
59 users
くらげだらけ
キャンセル
confirm
DESIGN
2015 - 12 - 17 キャンセルのキャンセル photo by wootam! キャンセルのキャンセルについて社内ブログに書いたので、こっちにも書いておこうと思います。 confirm, dialogのdesignは案外と難しいものです。 どのタイミングで表示すべきか？ どのようなメッセージを書くべきか？ どのようなアクションをユーザーに提示すべきか？ そもそも本当に必要なのか？ いろいろ... 続きを読む
Android - その Dialog は本当に必要ですか？ - Qiita
2015/11/11
75 users
Qiita
Android
ダイアログは、ユーザとの対話の中でも特に「確認」や「注意」を促すために用いられる UI コンポーネントの一つです。二択あるいは三択の項目を配置して、YES/NO や OK/Cancel などのインタラクションを用意することで、ユーザとの対話をすることが出来ます。あるいは、単に現在の状態を表示（読込中など）し、その他の各種操作をブロックすることで、待つ必要が有ることを明示することも出来ます。 一方で... 続きを読む
「対話力って、なんだ？」への回答 - 私のちオレときどき僕
2014/09/29
11 users
オレときどき僕
回答
対話力
ひと言
対話
2014-09-29 「対話力って、なんだ？」への回答 つぶやき 某英会話スクールの釣り広告より。 対話力って、なんだ？たとえば、友人に嘘をついたことを謝罪されたとき。その状況に応じたひと言で相手を傷つけることなく、さらに、自分の印象までアップさせる力が対話力です。 なるほどですねー。 なわけないだろう。 仕方が無いので全力で釣られてみます。 英語で言うと、 対話はdialog。 会話はc... 続きを読む
モーダルダイアログにはアップルも打つ手がない | maclalala2
2013/12/16
65 users
モーダルダイアログ
RAT
maclalala
打つ手
批判
［“Rate This App” Dialog：image］ 「Rate This App」（このアプリを評価してください）というダイアログについて、自らも開発者である Marco Arment が興味深いコメントをしている。 John Gruber が提起したこの問題について、モーダルダイアログへの批判を一歩進めているのだが・・・ Marco.org: “Apple Can’t Ban “Rat... 続きを読む
無料で商用利用も可能な約1万5000種類のAndoird用アイコンセット「Android icons」 - GIGAZINE
2012/08/07
122 users
GIGAZINE
アイコンセット
prd
ICON
商用利用
AndroidOS用のシンプルなアイコン約1万5000種類が無料で使え、商用利用も可能なのが、アイコンセットがダウンロードできるWebサイトiconShockの「Android icons」です。 Android icons http://www.iconshock.com/android-icons/?prd=affcomm63789 アイコンには「Dialog」「Hi-res App icon... 続きを読む
jQueryUIのDialogをカスタマイズする6つの物凄く細かい小技 | Mach3.laBlog
2012/04/16
70 users
アニメーシ
jQueryUI
ダイアログ
アニメーション
要素
jQueryUIのdialogは結構お世話になっているのですが、 たまに欲しい機能がなかったり、あっても説明されてなかったりするので ここにDialogカスタマイズTipsをしたためておきます。 Modalしたダイアログをオーバーレイクリックで閉じる 任意の要素をクリックして閉じる アニメーションで閉じる・開く エフェクト中にオーバーレイの後ろに回りこんでしまうのを回避する 閉じる・開くアニメーシ... 続きを読む
Y.A.M の 雑記帳: Android Dialog のタイトル部分をなくす
2011/02/26
10 users
雑記帳
タイトル部分
A.M
ダイアログ
this
2011年2月26日土曜日Android Dialog のタイトル部分をなくすDialog クラスのインスタンスを生成して、ダイアログを作った場合 ImageView imageView = new ImageView(this); imageView.setImageResource(R.drawable.bg); Dialog dialog = new Dialog(this); dialog... 続きを読む