Tips

Bootstrapで利用できるjQueryプラグイン Animate

Bootstrapで利用できるjQueryプラグイン Animate

Bootstrapで利用できるjQueryプラグイン Animate

Bootstrapで簡単に利用可能なjQueryのプラグインをご紹介します。
今回はAnimate編です。

数字をカウントアップするなどの簡単なものなど、ちょっとしたことで見た目に動きをつけられます。
大抵の場合 「必要?」などと上司に言われてへこむのですが、動きがあると疲れが飛びます。(うそなんですが。。)

jQuery AnimateNumber

http://aishek.github.io/jquery-animateNumber/
jQuery AnimateNumber

指定した数字をカウントアップしたりするプラグインです。
何気なく数字をカウントアップして見せたい!というあなたの要望にお応えします。
そ、そんな要望無いと思うのですが、ダッシュボードなどに利用すると威力絶大です!
きっと上司が喜びます!

指定した数字をカウントアップしたりするプラグイン

Colorbox – a jQuery lightbox

http://www.jacklmoore.com/colorbox/
Colorbox – a jQuery lightbox

lightboxは人気のプラグインです。写真などをポップアップで表示したいなどの要求は、大体別サイトでlightboxの動きを見ている場合がほとんどです。
bootstrapではサムネイルなどと合わせて使うと写真を効果的に見れます。

Lightbox風画面ポップアップ・スライドショー

CAPTION HOVER EFFECTS

http://tympanus.net/Tutorials/CaptionHoverEffects/
CAPTION HOVER EFFECTS

http://tympanus.net/Tutorials/ShapeHoverEffectSVG/
CAPTION HOVER EFFECTS SVG

http://tympanus.net/Tutorials/OriginalHoverEffects/
CAPTION HOVER EFFECTS CSS3

キャプションのエフェクト色々あります。
見ているだけでも楽しいですが、使い場所は考えた方が良いです。
使いすぎると上司に怒られます。うるさって言われました。そう、言われるのです。

WEBアプリケーション関連 人気連載リンク

基礎からPHPWEBアプリ開発を学ぶなら・・
PHP基礎 連載

より実践的なWEBアプリ開発講座!Bootstrap活用を学ぶなら・・
魁!小野の塾 連載

Recent News

Recent Tips

Tag Search