HTMLでモーダルUIを作るときに気をつけたいこと - ICS MEDIA
ダイアログやハンバーガーメニューといったユーザーインタフェース（UI）は、多くのウェブサイトで利用されており頻繁に見かけます。どこでも見かけることから「簡単に作成できる」と思われがちですが、意外と実装が難しいUIです。たとえば、エンジニアでなくとも、以下のような現象に気付いたことはないでしょうか？ ダイアログを表示中に、裏側のコンテンツがスクロールできてしまった ダイアログを表示中に、Tabキーでキーボード操作を行うと裏側を操作できてしまった ▼裏側がスクロールできてしまう例 ▼裏側がキーボード操作できてしまう例 これらを解決するためには、手軽な正攻法はなく、複雑なJavaScriptの制御が必要になります。本記事では、ダイアログやハンバーガーメニュー等のモーダル系のUIに存在する気付きづらい問題点と、解決方法を紹介します。ダイアログとハンバーガーメニューはそれぞれ役割の異なるUIですが、
GUI Architectures - 言語ゲーム
http://www.martinfowler.com/eaaDev/uiArchs.html ダン・ガメランさんに教えてもらったマーチン・ファウラーによる GUI アーキテクチャの紹介。まだ日本語訳は無いみたいです。 GUI ライブラリには大きく分けて Forms and Controls 系と MVC 系がある MVC 系ではモデルと表示を明確に分ける。モデルは表示に関わらない Forms and Controls UI を表現するフォームが、データを画面に表示する。 単純な場合、データバインディングがフォームとデータを同期する。 複雑な場合、イベントでデータを変更する。 Model-View-Controller (MVC) Model はデータとその処理を担担当 View は Model の表示を担当 Controller は Model の更新を担当 Model から View
1日1tech 公開されているUIガイドライン
お仕事用にめもめも UI用語作成ガイドライン (FAX 等事務機器で使う用語のガイドライン) http://www.jbmia.or.jp/hyojun2/upload-v3.2/archive/TR5.pdf キーボード ユーザー インターフェイス設計のガイドライン http://www.microsoft.com/japan/msdn/accessibility/general/ATG_KeyboardShortcuts.asp アクセシブルな XUL 記述ガイドライン http://www.mozilla-japan.org/projects/ui/accessibility/accessible-xul-authoring.html ユーザインタフェースガイドライン http://www.crx.gr.jp/guide/ モバイルUIガイドライン http://wince.goo.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
