はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ dialog

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 13 / 13件)
 

1Password のオートコンプリート機能をサービス提供側で無効化する

2023/09/01 このエントリーをはてなブックマークに追加 75 users Instapaper Pocket Tweet Facebook Share Evernote Clip オートコンプリート機能 1Password サービス提供側

Leaner Technologies の @corocn です。 最近フォームを作っていて、意図しないタイミングで 1Password のオートコンプリートが表示されてしまい困っていたので解決法を残しておきます。 画像はshadcn/ui - dialogから拝借 結論 input に data-1p-ignore 属性を付与する autocomplete="off" しても空気読んで無効化して... 続きを読む

Popover API さわってみた

2023/07/05 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip Popover API トースター コンポーネント ユーザー

Chrome 114からPopover APIがサポートされました。 Popover APIは「トースター」などのコンテンツ上に別のコンテンツを表示しユーザーをサポートするようなコンポーネントをjavascriptを使うことなく実装できる便利な機能です。 基本的な使い方からdialogとの使い分けまで調べたのでまとめたいと思います。 基本的な使い... 続きを読む

<dialog>内でautofocus属性がほぼ必須になる話

2023/02/13 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip

HTML Standardの更新でdialog要素に関する変更があったので、自分の理解の整理のためにもまとめてみます。 Scott O'Hara氏によるdialog initial focus, a proposalという提案がの一部が反映された変更で、#8199でマージされました。主な変更差分を見るとわりと大きめの追記がされていることがわかります。 提案されてい... 続きを読む

HTML 5.2で新しく登場した<dialog>要素で、ダイアログ ボックスを実装する方法と注意点 | コリス

2018/03/16 このエントリーをはてなブックマークに追加 159 users Instapaper Pocket Tweet Facebook Share Evernote Clip アクセシブル ダイアログボックス コリス ダイアログ ボックス

ダイアログ ボックスはWebサイトやスマホアプリでよく見かけます。しかし、その実装方法は何通りもあります。その多くはWebを視覚的にナビゲートしないユーザーにとっては実質的にダイアログボックスを使用できず、アクセシブルに実装するのは困難でした。 HTML 5.2で登場した新しい<dialog>要素はこの問題を解消し、実装方法を迷うことなくダイアログ ボックスを利用できるようにするものです。 <di... 続きを読む

以前、男性が「自分は仕事に専念したい、妻には家事育児に専念してもらい..

2018/02/04 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip 家事育児 男性 仕事 自分 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 Instapaper Pocket Tweet Facebook Share Evernote Clip Publickey バグフィクス 勧告 HTML div

Web技術の標準化団体であるW3Cは、HTML 5のマイナーバージョンアップである「HTML 5.2」の策定を完了し、 勧告としました 。 HTML 5.2ではいくつかの機能追加、削除、バグフィクスなどが行われています。 機能追加の例では、ダイアログボックスを表示する<dialog>要素が追加されました。下記は<dialog>要素を用いたサンプルです。 ... <body> <div> <!-- ... 続きを読む

キャンセルのキャンセル - くらげだらけ

2015/12/18 このエントリーをはてなブックマークに追加 59 users Instapaper Pocket Tweet Facebook Share Evernote Clip くらげだらけ キャンセル confirm DESIGN

2015 - 12 - 17 キャンセルのキャンセル photo by wootam! キャンセルのキャンセルについて社内ブログに書いたので、こっちにも書いておこうと思います。 confirm, dialogのdesignは案外と難しいものです。 どのタイミングで表示すべきか? どのようなメッセージを書くべきか? どのようなアクションをユーザーに提示すべきか? そもそも本当に必要なのか? いろいろ... 続きを読む

Android - その Dialog は本当に必要ですか? - Qiita

2015/11/11 このエントリーをはてなブックマークに追加 75 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita Android

ダイアログは、ユーザとの対話の中でも特に「確認」や「注意」を促すために用いられる UI コンポーネントの一つです。二択あるいは三択の項目を配置して、YES/NO や OK/Cancel などのインタラクションを用意することで、ユーザとの対話をすることが出来ます。あるいは、単に現在の状態を表示(読込中など)し、その他の各種操作をブロックすることで、待つ必要が有ることを明示することも出来ます。 一方で... 続きを読む

「対話力って、なんだ?」への回答 - 私のちオレときどき僕

2014/09/29 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip オレときどき僕 回答 対話力 ひと言 対話

2014-09-29 「対話力って、なんだ?」への回答 つぶやき 某英会話スクールの釣り広告より。 対話力って、なんだ?たとえば、友人に嘘をついたことを謝罪されたとき。その状況に応じたひと言で相手を傷つけることなく、さらに、自分の印象までアップさせる力が対話力です。 なるほどですねー。   なわけないだろう。 仕方が無いので全力で釣られてみます。 英語で言うと、  対話はdialog。  会話はc... 続きを読む

モーダルダイアログにはアップルも打つ手がない | maclalala2

2013/12/16 このエントリーをはてなブックマークに追加 65 users Instapaper Pocket Tweet Facebook Share Evernote Clip モーダルダイアログ 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 Instapaper Pocket Tweet Facebook Share Evernote Clip 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 Instapaper Pocket Tweet Facebook Share Evernote Clip アニメーシ jQueryUI ダイアログ アニメーション 要素

jQueryUIのdialogは結構お世話になっているのですが、 たまに欲しい機能がなかったり、あっても説明されてなかったりするので ここにDialogカスタマイズTipsをしたためておきます。 Modalしたダイアログをオーバーレイクリックで閉じる 任意の要素をクリックして閉じる アニメーションで閉じる・開く エフェクト中にオーバーレイの後ろに回りこんでしまうのを回避する 閉じる・開くアニメーシ... 続きを読む

Y.A.M の 雑記帳: Android Dialog のタイトル部分をなくす

2011/02/26 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip 雑記帳 タイトル部分 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... 続きを読む

 
(1 - 13 / 13件)