HTMLでモーダルUIを作るときに気をつけたいこと - ICS MEDIA
ダイアログやハンバーガーメニューといったユーザーインタフェース（UI）は、多くのウェブサイトで利用されており頻繁に見かけます。どこでも見かけることから「簡単に作成できる」と思われがちですが、意外と実装が難しいUIです。たとえば、エンジニアでなくとも、以下のような現象に気付いたことはないでしょうか？ ダイアログを表示中に、裏側のコンテンツがスクロールできてしまった ダイアログを表示中に、Tabキーでキーボード操作を行うと裏側を操作できてしまった ▼裏側がスクロールできてしまう例 ▼裏側がキーボード操作できてしまう例 これらを解決するためには、手軽な正攻法はなく、複雑なJavaScriptの制御が必要になります。本記事では、ダイアログやハンバーガーメニュー等のモーダル系のUIに存在する気付きづらい問題点と、解決方法を紹介します。ダイアログとハンバーガーメニューはそれぞれ役割の異なるUIですが、
Excelでシート切り替えタブが表示されないときの対処
Excelでシート切り替えタブが表示されないときの対処方法を紹介します。 １．問題点 Excelを起動したとき、通常であれば画面下に「シート切り替えタブ」が表示され、これをクリックすることでシートの切り替えが可能です。 が、仕事で引き継いだExcelファイルを開くとシート切り替えタブが表示されなくなっていました。 シート切り替えタブを表示させたいのですが方法が分かりません。 ２．シート切り替えタブが表示されないときの対処方法 「ファイル」の「オプション」をクリック。 「詳細設定」をクリック。 「次のブックで作業するときの表示設定」にある「シート見出しを表示する」をチェックして「OK」をクリック。 これでシート切り替えタブが表示されるようになります。
Firefoxの再起動ができるアドオン「Restartless Restart」
Firefoxの再起動が手動でできるようになるアドオン「Restartless Restart」を紹介します。 １．概要 Firefoxで問題が発生するとクラッシュして自律で再起動しますが、手動で再起動する方法がありません。 このアドオンを利用すれば手動でFirefoxを再起動できるようになります。 特に、複数のウィンドウを開いている状態からの再起動で威力を発揮します。 ２．インストール メニューバーの「ツール」→「アドオン」をクリック。メニューバーを表示していない場合は左上のFirefoxボタン→「アドオン」をクリック。 「Restartless Restart」で検索。 「Restartless Restart」が表示されていることを確認します。 「Restartless Restart」の右側にある「インストール」をクリック。 背景色が少し濃くなればインストール完了です。ブラウザの再
Facebookページのページタブ（IFrameタブ）で「Method Not Allowed」になる不具合の対処
すでにご存知の方も多いと思われますが、Facebookページのページタブ（IFrameタブ）で「Method Not Allowed」になる不具合の対処について情報展開します。 １．問題点 Facebookページのページタブ（IFrameタブ）のファイルの拡張子に「.html」で指定すると、ページタブを表示したときに「Method Not Allowed」というエラーになる場合があります。 「Method Not Allowed」は、「対象URLに対してメソッドが許可されていない」という意味で、その下にある詳細メッセージよりPOSTメソッドが許可されていないのが原因のようです。 この問題はレンタルサーバによって異なるようですが、今回はさくらインターネットでしか確認できていないので真偽は不明です。 ２．対処方法1 拡張子を「.php」に変更します。 アプリの「ページタブ」→「Page Tab
WordPressで作成したFacebookページのIFrameタブデザインを崩さない方法
WordPressで作成したFacebookページのIFrameタブで、デザインを崩さずにきちんと表示させるためのTipsを紹介します。 １．問題点 次のような、WordPressとjQuery Tabs UIを使ったタブページを、FacebookページのIFrameタブに表示するものと仮定します。 上の場合は期待通りの表示になっていますが、場合によっては次のようにjQuery UI Tabsのスタイルが適用されず、崩れて表示される可能性があります。 余談ですが、WordPressを使って上記のjQuery UI Tabsによるタブページを表示するカスタマイズは「Facebookページプロフェッショナルガイド」に掲載しています。宣伝です（笑）。 Facebookページ プロフェッショナルガイドposted with amazlet at 11.07.16蒲生トシヒロ 竹村詠美 原裕 大元隆
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
