Tag : Navigation

READ MORE

少し前に「jQueryでレスポンシブメニューをアコーディオンタイプでシンプルに実装する方法」と題して、スマートフォン向けレイアウト時ではメニューをアコーディオン動作で展開するレスポンシブナビゲーションUIを紹介しました。レスポンシブナビゲーションUIのパターンとしてはアコーディオン動作ではなくハンバーガーメニューボタン…

READ MORE

レスポンシブサイトでメニュー等のナビゲーションを扱う際、PC向けレイアウト時にはボタンをページ上に並べ、スマートフォン向けレイアウト時にはボタン一式を折りたたんでハンバーガーボタンでメニューを開閉させるUIにすることでスマートフォン向けの画面でもナビゲーションをコンパクトに扱えるUI技法があります。そんなレスポンシブ対…

READ MORE

レスポンシブ対応を求められるWebサイト制作ではナビゲーションメニューの構成について何かと気を使わなくてはいけない点が出てきます。ウィンドウサイズによってナビゲーションメニューの形状を変化させるやり方は様々ですが便利に使えそうだと思ってメモしておいたJSやCSSでのチュートリアルがそこそこ溜まっていたので11種類ほどま…

READ MORE

以前もボックス要素を分割させる「ボックス要素を分割アニメーションによって切り替え表示するjQuery「Moving Boxes Content with jQuery」」を紹介しましたが同じようにナビゲーションメニューボタンをクリックすることで小さく並べたボックス要素をバラバラに分割アニメーションさせてコンテンツ遷移す…

READ MORE

Webサイト上で重要な役割を持つナビゲーションメニュー。ページデザインをする上で、ボタン素材のテンプレート集などは良くありますが、ナビゲーション全体のデザインテンプレートを36種類まとめたエントリー「36 Best Menu Designs Template」が参考になりそうなデザインがたくさんあったのでご紹介。36 …

READ MORE

昨年(2010年)に、サイト制作で役立ちそうなjQueryプラグインをまとめて紹介している記事を、自分用にメモっていたものが、まとまりきらなくなってきたので、ここに一部まとめて紹介してみます。jQueryを使ってサイトに華やかな演出を加えたり、UIを勉強するために役立ちそうなサイト(ブログ)のまとめ。60 Useful…

READ MORE

Webサイトに表示するニュースやお知らせなどで、リストの数が多くなった場合に、任意の数で自動で分割してページ遷移のリンクを追加するようなSCRIPTを作ろうかと考えていたところ、すでにその機能を網羅しているjQueryプラグイン「Sweet Pages: A jQuery Pagination Solution」が存在…

READ MORE

サイト内でのナビゲーションメニュー構成は特に重要視しなければいけないところ。見せ方から配置位置までユーザビリティを考慮したナビゲーション構成になることが望まれます。そんなナビゲーションメニューをjQueryを使って演出するチュートリアルを26パターンまとめた「26 Useful jQuery Navigation Me…

BlackFlag
FOLLOW
Hatena Bookmark
Popular Entries
Recent Entries
PR
Facebook
Tweets
Books
  • jQuery Technical Note
  • 外掛OUT! jQuery 高手精技
Animal Protection
  • 福島被曝牛支援のお願い
  • NO FUR