ドロワー (オフキャンバスメニュー) | Accessible & Usable
公開日 : 2018年2月1日 カテゴリー : アクセシビリティ / ユーザビリティ / 情報設計 (IA) ウェブサイトやアプリケーションのナビゲーションメニューの一形態として、「ドロワー (drawer)」と呼ばれるものがあります。「引き出し」という意味の名称ですが、その名のとおり、ユーザーのトリガー (ハンバーガーアイコンを押すなど) によってメニューを引き出す (多くの場合、横から引き出され、メニューは縦長のリストとして提示される) というインタラクションです。「オフキャンバスメニュー (off-canvas menu)」と呼ばれることもあります。 ドロワーは、Google 系の各種アプリ (†)、Slack、Feedly、Amazon など、多くのアプリで採用されています。メニュー項目が多くても縦方向のスクロールで吸収できる (横スクロールを引き起こさずに済む) 点が、サイトやア
Facebook風ドロワーメニューが手軽に導入できる drawer
「drawer」は、横からせり出してくる「ドロワーメニュー」をサイトに手軽に実装できるjQueryプラグインです。 ドロワーメニューはスマートフォンやタブレットなどのさまざまな画面サイズに柔軟に対応できる利点があり、GoogleやFacebookのモバイルサイトで利用されています。drawerプラグインは横幅の可変に対応していますので、レスポンシブ Web デザインにも利用できます。 drawerプラグインはGoogle ChromeなどのモダンブラウザーとInternet Explorer 10以降、スマートフォンではiOS 7のSafariとChromeに対応しています。 MITライセンスですので、著作権表示は削除せずに利用しましょう。 drawerは、パッケージマネージャーの「bower」でもインストールできます。bowerを導入している場合は、以下のコマンドですぐに利用できます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
