「超情報整理」NASAのAjaxを駆使した新サイト「NASA 5.0」使用Ajaxまとめ付

スポンサードリンク

NASA設立50周年を期に先日リニューアルされたNASAのオフィシャルサイト「NASA5.0」、随所でAjaxを使った情報整理がなされていたので使用されているAjaxと共にご紹介します。

⇒ほかの情報をリサーチ（ブログランキング）

NASAの新オフィシャルサイト「NASA.GOV 5.0」

↑NASAといえば、Googleに情報を提供するほど膨大な量の情報を持っているわけですから、情報整理のノウハウが詰まっているはず。

NASA 5.0

↑これがNASA5.0のサイト。たまに「新しいタブ」ではなく「新しいウインドウ」でページが開くので、すべてが良いわけではないですが、参考になる部分はいろいろありそうです。

RSSフィード登録

↑フィード登録にも気を使った感を受けます。

ブクマボタン

↑ついに政府機関もSMO！？流行どころはしっかりと押えているようです。

ちなみにこのサイトで使われているのはPrototype JavaScript、Ajaxを使った主な特徴も公表されていました。

NASA 5.0で主に使用されているAjax

すべてがPrototype.jsを使っているわけではありませんが体系化してみました。

ドロップダウンツリー: faLog | CSS(とJS)でシンプルなドロップダウンメニュー - 2
アコーディオン: 横にスライドするきれいな動きのアコーディオンJavaScript*ホームページを作る人のネタ帳
タブメニュー: 『10のJavaScript、Ajaxタブメニュー』他、タブまとめ*ホームページを作る人のネタ帳
Ajaxカレンダー: フリーのCSS＆JavaScriptカレンダースクリプトいろいろ:phpspot開発日誌
タグクラウド: JavaScriptオンリーで動く高速サーチエンジン＆タグクラウド:phpspot開発日誌
コメント: MovableType：MovableTypeのコメントをAjaxで投稿する - Movable Type備忘録; WordPress：コメントを投稿した後も編集できる WordPress のプラグイン at orioa
ポップアップでない小窓: [J] ポップアップではない手法で小窓/ウィンドウを表現したい - Jamz (Tech)

決してすべての人が「使いやすい！」と思うわけでないと思いますが、良い意味でも悪い意味でも参考になるのではないでしょうか。

サイトの仕掛けについてもっと詳しく知りたい方はフラッシュ動画で説明してくれるNASA5.0プレビューサイトへどうぞ。

「超情報整理」NASAのAjaxを駆使した新サイト「NASA 5.0」使用Ajaxまとめ付。 NASA設立50周年を期に先日リニュー･･･

HOME

検索