読者です 読者をやめる 読者になる 読者になる

WEBサイト制作の勉強|フェリカテクニカルアカデミー

WEBサイト制作の勉強の為の解説ブログ。東京池袋のフェリカテクニカルアカデミーでは求職者支援訓練の一環として、WEBサイト制作を学ぶことができます。

画像やテキストを本のようにめくれるjQuery「bookblock.js」

今回のjQueryは画像やテキストを本のようにめくれるjQuery「BOOKBLOCK」です。
動きもなめらかでページをめくる際の影の付き方なんかも非常に綺麗です。
「BOOKBLOCK」には3種類の見せ方があるので、用途によって上手く使い分けましょう。
「BOOKBLOCK」は画像だけでなくテキストにも使えるので、ぜひテキストも画像と一緒に使ってみましょう。


今回はさらにHTML5による「ルビ」、CSS3による縦書きを追加してみる。ただし、Firefoxでは「ルビ」及び縦書きが全く使用出来ないので注意が必要


デモページ
BookBlockの練習



データのダウンロードBookBlock: A Content Flip Plugin