naotaka blog

7 月 10

BookFind.jpにjQuery UIを導入

今回採用したのは、TabsとEffect “Pulsate”のふたつ。

Amazonのカスタマーレビューを表示する際に、日本、米国、英国をタブで切り替えられるようにしました。タブパネル内のデータ取得はオンデマンドで行うので、レビューに興味のない方は不要なデータを読み込む必要が無く、ページのロードが早くなります。

タブのデザインは、ThemeRollerで配布されている、「Smoothness」をそのまま使用させていただきました。

マイコミジャーナルにも書かれているように、Internet Explorerの表示が若干期待と違いますが、追々修正していきたいです。

日米英のAmazon洋書価格の最安値を強調する視覚効果に使用しました。これまではjQuery単体で、hide()してfadeIn()で、似たようなことをやっていました。おかげで、簡単に点滅効果を出せるようになりました。

ちなみに、「pulsate」とは「振動させる」という意味だそうです。