| @技術/プログラミング
プロフィールのページにWakoopaのフィードから拾ってきた「最近使ったアプリケーション」を表示してるんですけど、これをjQueryを使ってMac OS XのDock風の動きをするものにしてみま...

プロフィールのページにWakoopaのフィードから拾ってきた「最近使ったアプリケーション」を表示してるんですけど、これをjQueryを使ってMac OS XのDock風の動きをするものにしてみました。

Dock風の表示

Wakoopaの提供するアイコンの解像度が低いのでマウスオーバーするとシャギーなアイコンが表示されてしまいます。またCSSは細かくいじってないのであんまし見栄えは良くないですが、一応OS XのDock風の動きをしてくれます。参考にしたのは、というかまるまるソースコードを拝借したのは以下のサイト。

これとは別なんですけど、もう一個ぶったまげたのがこれ。

HTML 5とjQueryだけで、動的に生成されるテーブルとグラフを作ってます。テーブル内の数値が編集可能で、値を編集するとちゃんとグラフも再生成されちゃう。スゲー。

こんなにインタラクティブなものがJavaScript + CSSで実現できるわけですから、「HTML 5がフツーに使われるようになったらFlash死ぬんじゃね?」なんて思ってしまいます。少なくともナビゲーションメニューをロールオーバーさせるためだけにFlashを使ったりするのは下火になりそう。Flashはもっと本格的な、「魅せるサイト」を作るために使われるようになる気がする。Flasherな方々は今後より一層の研鑽が求められるでしょうね。

この記事に似ている記事

  • 1032 dsc 2695
    jQueryを使って、「もっと読む」をインタラクティブにした。これまでもjQueryを使って細工してたんですけど、slideToggle() で先読みしたものを隠しておいて、クリックで展開するという感じにしてた。まぁこれでも良いんだけど、Aj...
  • Screenshot
    jQuery Validation で特定のイベントに対してだけバリデーションを無効にする方法が分からなくて困ってた。例えばフォームの中の送信ボタンではなくキャンセルボタンが押されたときにはバリデーションを行わずにフォームを送信したいというこ...
  • Screenshot
    僕はいま友だちがやってるレストランのホームページを管理させてもらってるんですけど、「最近の更新状況みたいのをトップページに表示したい」という相談を受けました。専用にWordPressをインストールするほどじゃないけど、ちょっとした更新状況を表...
  • Ruby on RailsかCakePHPか November 01, 2009
    Screenshot
    静的サイトをCMSを導入して動的にする、という仕事を担当することになり、Ruby on RailsかCakePHPを使ってみようかな、と思っています。現在の状況僕は仕事を探し始めたときからウェブデザイナーっぽいのになりたいなー、と思っていまし...
  • ヤバスクリプト March 16, 2009
    Screenshot
    最近JavaScriptで遊んでます。まだ初歩的なことしかできないんだけど、IE6でアクセスがあった場合、初回と10回目にアラートを出すことにしました。IE6ユーザーのみなさん、うざいでしょう 8-) はやくあんな前近代的ブラウザは捨ててFi...
  • Dsc 2659
     「パソコン用のウェブサイトをそのまま見られるのがiPhoneの売りなのに、それをわざわざiPhone用に最適化するなんて意味不明じゃね?」なんて思う人もいるかも知れない。確かにそうなんだけど、iPhoneのすごいところは、普通にCSSとJa...

Comments


(Option)

(Option)