Tag : Navigation

READ MORE

スクロールすることによってサイドカラムに配置しているナビゲーションメニューを画面上部に固定してスクロールに合わせて追従させる動作はよく見かけますがだいたいが画面上部に固定のみ、もしくは画面下部に固定のみ、といったものが多くブラウザウィンドウの高さよりもナビゲーションメニューの高さが大きかった場合にはナビゲーションメニュ…

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」が存在…

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