これから、ブログでjQueryを使った簡単な問題集を作ろうと思っています。
でも、問題点が・・・
どうやってソースを公開していくか?
実際の動きも見てもらいたいけどどうするか?
が問題にでました。
ソースは、wordpressのプラグイン「Crayon Syntax Highlighter」なんかが使いやすいけど、実際の動きを見てもらう際、どうするか・・・
と色々悩んでてようやくゴールがみえました。
それは、
jsdo.itを利用すること!
jsdo.itをお勧めする3つの理由
1.日本語対応していて使いやすい
2.登録が、GoogleアカウントやFaceBookアカウントで行えるので楽ちん
3.ソースも公開できるし、なにより実際の動きも見てもらえる
実際に「jsdo.it」で作ってみたソースはこちら!
[簡単]jQueryでまばたきアニメーション
setTimeoutとrandomとanimateをつかった
すごーくシンプルなアニメーションです。
こんな感じのアニメーションを組み合わせて複雑なもの作っていったり問題集を今後作っていきたいと思っています。