Noise of Web Programming

主にHTML/CSS/JavaScriptやWebサービスの情報を配信しています。可能な限り実装方法まで書いていくつもりです。

ブログを移転しました。

Tecuration.com

このサイト同様、HTML/CSS/JavaScriptなどのフロントサイドWeb開発に関する最新情報やライフハックを配信しています。

タブ切り替え時のアニメーションが心地よい「Tabulous.js」

非常にシンプルだが、アニメーションがいい感じだったのでご紹介。タブ切り替え時に動く複数のアニメーションパターンを実装するプラグイン。

Tabulous.js


このようなTab1が選択されている状態から、Tab2をクリックする。


するとスライド、スケールアップ、フリップなどのアニメーションを伴いタブが切り替わる。


ただこれだけなのだが、こういう効果があると面白いのではないだろうか。
しかし、こういったアニメーションを伴うものの紹介をpng画像だけで行うのは無理があるか。。。そろそろGIFアニメーションの導入も考えよう。