GRT Responsive Menu

JavaScript

レスポンシブ対応でモバイルフレンドリーなナビゲーションメニュー「GRT Responsive Menu」

GRT Responsive Menuはレスポンシブに対応したモバイルフレンドリーなナビゲーションメニューを実装できるjQueryプラグインです。シンプル・軽量なのでスマホやタブレットなどモバイルからの閲覧にも最適ですね。

モバイル版ではハンバーガーアイコンになる

デモ

デモではPCからのアクセスの場合、画面上部にナビゲーションメニューが横に並べられています。画面幅を縮小していくとそれに合わせてメニューのフォントサイズなどが変化します。そして特定のポイントでモバイル版に切り替わる仕組みです。モバイル版ではナビゲーションメニューがハンバーガーアイコンになり、これをクリックするとフルスクリーンでナビゲーションメニューが表示されます。フルスクリーン時には右上にバツ印が付いているので、ここから元の画面に戻ることが可能です。

画面いっぱいにナビゲーションメニューが表示されるので画面の小さいスマホなどではとても見やすく操作しやすいですね。

GRT Responsive Menu

Simple Modalレスポンシブ対応の軽量・シンプルなモーダル「Simple Modal」前のページ

料理や日常をオシャレに撮影できるiPhoneカメラアプリ「Foodie」次のページFoodie

最近の記事

  1. スマトラ
  2. さくらドーナツ
  3. 紙のコーヒーフィルター
  4. PS5とFF7リメイクと鉄拳8
PAGE TOP