ブログのサイドバーはどのようにデザインされていますか？

カテゴリや最新の記事、コメントのリストなどのナビゲーションや、アフィリエイトをやっているブロガーの方々などは広告枠として使ったり。

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メニュー

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

久しぶりに、クリエイティブ広告シリーズです。。

世界中のとってもクリエイティブなコンドームの広告をいろいろ集めてみました。

見ていてちょっぴりドキッとするようなセクシーなものから、思わず笑ってしまうような広告まで・・・

みなさん。あけましておめでとうございます。

年初めに、今年の豊富や目標などを設定される方は多いのではないでしょうか？

Zen Habitsさんのブログで『7 Essential Tips to Make 2008 Your Best Year Ever』というエントリを読んで、なんだか妙に納得してしまったので、自分に言い聞かせるつもりで、超訳してご紹介。

1. 目標は一つに
気合を入れすぎて、あれもこれもと目標をたくさん設定してしまうと、どれもが中途半端になってしまいます・・・今年の目標は思い切って、一つに絞ってみてはいかがでしょうか？

ああ。どれにしようかなぁ・・・

2. あたらしい習慣を身につけよう
設定した目標を達成するための習慣を身につけましょう。例えば、『英語をマスターする』という目標を設定した方は、毎日の通勤・通学に英語のリスニングをするとか。

日々の努力が必要ですね・・・

3. 今すぐ行動を起こそう
『明日から～』なんて言ってると、いつまでたっても始まりません。目標を達成するには、とにかく、始めてしまいましょう。

放ったらかしのものが、たくさんあります・・・

4. 単純に・簡単に
あまり物事を難しく考えすぎると、それだけで潰されてしまいます。もっと単純に・簡単に考えましょう。自分の人生の中で最も大切な事柄を4～5個リストアップしてみるのもいいかも。

難しく考えすぎてよく潰されてます・・・

5. 幸せになることに集中しよう
微妙に怪しげな言い回しですが。。。自分の人生を見つめなおすきっかけにでも。

幸せにねぇ・・・

6. 時間を上手に使おう
自分の好きなことに打ち込めるように、時間を上手に使いましょう。

なかなか、そんな時間がないんです。時間を作りましょう・・・

7. 集中することを学びましょう
ひとつのことに集中する時間を作りましょう。携帯電話など集中を妨げる可能性のあるものは、その間、電源をきってしまったりして工夫しましょう。

すぐに電池が切れてしまいます・・・

当たり前の事ばかりなのですが、なかなか続かないんですよね。

先日”Auditory Illusions : Holophonic Sound“と言う記事を発見いたしまして、Holophonic（ホロフォニックス）と呼ばれる立体音響効果をはじめて知りました。。

アルゼンチン人神経生理学者 Hugo Zuccarelli ヒューゴ・ズッカレリという方が1983年に発表された立体音響だそうです。。

上下左右、遠近感まで感じられるこの音響効果。なんだかすごいです。。（昔、行ったどこかのテーマパークでこれに似たようなアトラクションがあったような・・・なかったような・・・）

ヘッドフォンを使って、お聴きください。。

1. 女性のささやき

女性がささやきながら近づいてきます。。。

2. マッチ箱

マッチ箱を自分の周りでシャカシャカやられてる感じ。。

3. 床屋さん

まさしくバーチャル床屋さん、かなりリアルです。。

マッチ箱の音声と映像を組みあわている動画があったので、それもあわせて。。。

なんだか、いろいろなことに使えそうですよね。。。

技術的な事はよくわからんのですが・・・以下のサイトで詳しくまとめられていましたので、興味のある方は、↓からどうぞ。。

Holophonics ホロフォニクス特集

Otophonicsっちゅうものもあるそうな・・・
Otophonics

デザインblogランキング

英語の勉強方法って、いろいろとあると思うのですが・・・。

個人的に思う、英語を身につける一番手っ取り早い方法は、とにかく話すこと。。これに尽きます。。

英語を母国語とする人々と直接向き合って話をすることは、なかなかのプレッシャーなんですが・・・。

ただ、日本にいるとなかなか、英語を話す機会もそれほど無いと思われます。。

ということで、みなさん英語の教材やら、podcastやら、映画やらといろいろ試されている方も多いのでは？

あまり簡単すぎても、楽しくないし・・・今さら、”This is a pen.”って言われても。。。

難しすぎても続かない。。。いきなり２～３時間ある映画を字幕無しの英語だけで見たところで、なんのこっちゃ分かりません。。

タイポグラフィー・アニメーションって、英語のリスニングを楽しむきっかけにはちょうどいい感じだと思われます。。

っちゅうわけで、本日は２～３分程度のタイポグラフィーアニメーションをご紹介。

1. Outkast “Hey Ya”のカバーバージョン

Obadiah Parkerという、アーティストがカバーしたOutkastの”Hey Ya”にあわせて、歌詞がアニメーションになってます。えらいカントリー風な感じになっております。。

2. Pulp Fiction in Typography

こちらも、有名ですね。。映画「パルプフィクション」のワンシーンをタイポグラフィーアニメーションで。。

3. Fight Club

「Fight Clubへようこそ」の部分をタイポグラフィーアニメーションで。。

4. Oceans Eleven Project

Oceans Elevenも。。もうすぐOceans Thirteen公開ですね。。

5. The Hush Sound – The Lions Roar

6. Time Based Type I project

7. What Jesus Did

耳から入ってくる英語と、目に入ってくるアルファベットが上手くリンクするので、英語を英語として認識しやすくなるんですよね。。。

デザイン的にも面白いので、見てるだけでも楽しめると思います。。

英語初心者の方でも、自然に単語が聞き取れるようになると思いますよ～。ぜひお試しください～。

ウェブの世界ではチープ革命とか言われていて、高性能なソフトや、サービスの低価格化、無料化がどんどん進んでいますが・・・

自動車業界にも、そのチープ革命の波が押し寄せているのでしょうか。。。

ルノー・日産は、現在$3000（約36万円）以下、予定では30万円以下のコンパクトカーの発売を来年をめどに計画中だそうです。。。

安い。。ですね。。。

そんなお車がこちら↓

こちらのモデルは4ドア、33馬力、最高時速約130km/h、衝撃テストもパスするほどの車だそうで。。。

主婦の方が買い物に行ったりするには十分なのではないでしょうか。

詳しくは『Under $3000: The Race To Build Really Cheap Cars』こちらからどうぞ。

お昼休みに、何気なくYoutubeを見てたら見つけてしまいました。。。

真ん中のひとは！

このダンスを踊っている人たち（ゾンビーズ）について詳しく知りたい方はこちらから↓

何度見ても、真ん中の人に目がいってしまう。。。このダンスのキレはすごい。。ちょっと江頭2:50と動きがかぶる。。。

今日は、デザインとはまったく関係なくて申し訳ございません。。。どうしても気になったもので。。。

わたくしが、現在生活している、ロサンゼルスは車社会でございます。。

日本なら、電車やバス、自転車で移動していたので、多少なりとも歩くこともあったのですが。。。

ちょっとそこまで。。でも、車で移動。

日に日にアメリカンサイズに巨大化している自分がいます。。。

今朝、通勤途中に（もちろん車で。。）信号待ちをしていると、隣に止まったバスの広告に目が止まりました。

こちらのバスはバス一台まるごと広告に使われていることが多いのでとにかく目立つんですよね。。

もうすぐ公開予定の映画の広告や、テレビ番組の広告、キャンペーン広告などなど、いろんな面白いものがたくさんございます。

一日、色々なところを走り回って、たくさんの人の目に触れるバスを広告に使うというのはなかなか面白いアイデアですよね。

っちゅうわけで、本日はバスごと使ったちょっと面白い広告を集めてみました。

おばちゃんが、サメに食われてます。

お兄ちゃんが、お菓子？を食べます。

吸いすぎに注意しましょう。

バスが揺れるたびに、お姉さんの表情が微妙に変わります。

歯ブラシがビヨンビヨンなります。

萌えてみる。

事故ってみる。

中で、パーティでもやってる風？

真ん中をきゅっと絞ってみる。

中の人が暴れてる感じ？

もっと、事故ってみる。

目にする。

キャラクターも同乗させてみる。

アコーディオンにしてみる。

スケボーにしてみる。

飛行機にしてみる。

カメラにしてみる。

乗り遅れてみる。

ちゅーする。

探してみるといろいろと面白いデザインのバスがあるものですね。。。

ロサンゼルスに旅行されたことがある方も、そうでない方も、ご存知の方も多いかと思いますが。

ビバリーヒルズにある、ロデオドライブという通りは、世界中のセレブたちが買い物に集まる一角でございます。

並んでいるお店も、周りを歩いている人々もかなりゴージャスでございます。。。（もちろん旅行者もいっぱいいますが・・・）

あたりを走ってる車もベンツ、BMWは当たり前。。。小さな小道もお構いなく、なが～いリムジンが走ってることもしばしば。。。

そんなロデオドライブの一本東側にある、ビバリードライブにTaschenというデザイン系の本を集めた本屋さんがございます。

ドイツ人のTaschenさんが、始めたデザイン系の本ばかりを集めた本屋さんが、人気を集めて、今では、ドイツ、フランス、イギリス、アメリカ、日本と・・・世界中に展開されている本屋さんでございます。。。

っちゅうわけで、先週末に有名デザイナーのフィリップスタルクが店舗デザインした、ロサンゼルス店に行ってきたので（何度も行ってるのですが。。。）、ご紹介。

本棚はライトアップされていて、まるで、美術館のように、本が飾られております。。

それほど、広くない店内にはずら～っと、アート系の本が並んでおります。。天井や、本棚の上には絵が飾られています。

本が、並べられてる本棚はかなり、お高そう。。。

店内で立ち読みしてるだけでも、アートな気分に浸れます。。

本屋さんにしては、店内は暗め。。。高い天井の店内は外から差し込んでくる光が印象的。

ロデオドライブ周辺は、どのお店もインテリアにかなりお金をかけているので、実際に買わなくても（高すぎて買えないものが多い・・・）、ふらふらとウィンドウショッピングしてるだけでも楽しめて、セレブ～な気分が味わえます。。

インテリアや店舗デザインに興味のある方なら一日中楽しめる一角ですね。。。

先日、百式の管理人さんが運営されているPOP*POPの記事 『POP*POPのページビュー状況＆お知らせなど』の人材募集に反応してしまい。。。

わたくし、こちらでの仕事もあるので、アルバイトやインターンでの参加は難しいのですが、何かご一緒できないものかと思い。。。恐れ多くも、メールをお送りしてしまいました。。。

な！な！なんと。。。その、百式の管理人様より、じきじきにメールを返信していただきまして・・・

先ほど、百式の管理人様とご挨拶skypeチャットさせていただきました！結構、緊張しました。。お忙しいところ、ありがとうございました。。

具体的に何ができるのか、まだまだわかりませんが・・・何か面白いことができそうな予感。

デザインblogランキング