Web上で予め用意されたテンプレート画像、文字を入力、エフェクトを設定していくだけで、html5、css、Javascriptでコードを書き出してくれる優れサイト。(※swfファイルも可能) なんとタイムラインで細かくも設定できます。プログラミングが苦手だけど動きを付けたい、ちょっとしたバナー制作にも重宝しそうです。 日本語テキスト入力には対応していません。 Create HTML5 Animation|Free Banner Maker
![HTML5でアニメーションを書き出してくれる「html5maker」 - Webクリエイターズニュース](https://cdn-ak-scissors.b.st-hatena.com/image/square/3faae991bf09aeeec1c050c481f704ba70441239/height=288;version=1;width=512/http%3A%2F%2Fweb-cre.info%2Fwp-content%2Fuploads%2F2014%2F10%2FCreate-HTML5-Animation-Free-Banner-Maker-Create-Free-Banner.jpg)
ShineTime ? A Kick-Ass New jQuery & CSS3 Gallery With Animated Shine Effects 画像や枠などをキラッと超カッコよく光らせるエフェクトをjQueryで実装する例が公開されています。 透明と白のグラデーション画像を斜めにして画像や枠の上をアニメーションで横切らせるというシンプルな方法でFlashサイトのようなクールな演出を実現しています。 実際のデモを見てみましょう。 超クールですね。 チュートリアル形式になっているので横切らせる画像を替えたりしても面白いかも。 このエフェクトは使える気がします。 チュートリアルでは現在のところjQueryは使っていますがプラグインの形ではないのでコードを記述する必要がありますが、プラグインになったらより便利そうですね。 関連エントリ 画像の映り込みエフェクトを実現するJavaScrip
jQuery UI と Ext JS のアニメーションエフェクトをまとめたサンプルを作成してみた。 jQuery UI のアニメーションエフェクトまとめサンプル HTML:http://www.moriwaki.net/jquery/effects.html JavaScript:http://www.moriwaki.net/jquery/effects.js Ext JS のアニメーションエフェクトまとめサンプル HTML:http://www.moriwaki.net/ext/fx.html JavaScript:http://www.moriwaki.net/ext/fx.js それぞれ用意されているエフェクトを使えば、簡単に JavaScript だけのアニメーションが可能。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く