jQuery　プラグイン

プラグインとは機能を拡張するためのプログラム。その中でもjQueryプラグインはjQueryを使用してアニメーションなどの機能を付けることができるようになるもの。

＜textillate＞

今日使用したのは「textillate.js」というもの。これを使用することでテキストにアニメーションをつけることができる。

ダウンロード後、必要なファイルを使用するフォルダ内に入れる。そしてHTMLの<link>タグにプラグインのCSSファイルを、<script>タグにjsファイルを書く。この時にも<script>でjQueryの読み込みは書いておかないといけない。

あとはJavaScriptに決まったコード↓を書く。

//js

$(function() {
    $("h1").textillate();   //ここの("h1")はアニメーションをつけたいテキストのタグに
    })

これだけで文字が左から現れる動作をつけることができる！！

https://textillate.js.orgを開き「Playground」の下の枠にサンプルのアニメーションがあるためそこでいろいろ確認できる。

動画編集でPremiereProやaviutlを使用していたのでそのアニメーションと同じ感じで考えればよい。

＜Colorbox＞

ポップアップを簡単に作成することができるプラグイン。もち無料。さらに商用利用可。

これにより、スライドショー・YouTubeの挿入などが可能になる