DesignWalker

ブログのサイドバーはどのようにデザインされていますか？ カテゴリや最新の記事、コメントのリストなどのナビゲーションや、アフィリエイトをやっているブロガーの方々などは広告枠として使ったり。 flicrやlastfmなどを使われている方は、ウィジェットを追加したり。 サイドバーのコンテンツを充実させていくのも、なかなか楽しそうですね。 今回は、ブログのサイドバーに使えそうなScriptやナビゲーションの見せ方、アイデアなどをまとめてみました。

Sideblog Plugin

人気ブログSmashing Magazineはじめ、その他多くの人気ブログでよく見かける、サイドバーにつけられているミニブログ的なsideblogを簡単に設置できるwordpress用のプラグイン。 最近、めっきり更新が滞っているDesignWalkerのタネもSideblogに切り替えようかと思ってます。MovableTypeをお使いの方は、こちらの記事でSideblogの設定方法が解説されていました。

WordPressとTwitterをお使いの方はプラグインもいろいろ公開されているので、いろいろ試せそう。

Create a Slick Tabbed Content Area using CSS & jQuery

こちらも近々このブログにも設置しようと思っている、タブ切り替えの枠。

Sexy sliding JavaScript side bar menu using mootools

ブラウザの端っこにタブだけ出ていて、クリックするとする〜っとメニューが出てきます。

Mootools animated sidebar menu

メニューにマウスオーバーすると、右に少しスライドしてくれるアニメーション。

Conditionally Sticky Sidebar

ブラウザをスクロールしても、サイドのブロックがついてきます。好き嫌いが分かれそうですが…

PBB SideBar

キーボードのA,B,Cをたたくと、サイドバーがスライドして表示されます。

jQuery File Tree

jQueryを使ったファイルツリー表示。

Free Menu Designs

無料のCSSメニュー

まだまだアイデアはいろいろとありそうですね。