a project by happyworm The jQuery HTML5 Audio / Video Library jPlayer is the completely free and open source (MIT) media library written in JavaScript. A jQuery plugin, (and now a Zepto plugin,) jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and encouragement is provid

以前公開したjQueryとSoundManager 2の簡易BGMプレイヤーをマイナーチェンジすることにしました。前のバージョンで明らかにこれは・・・というダメな部分を修正しつつ、 ボリューム調整など新たな機能を盛り込んで作り直しています。 前回からの変更点１：SoundManager 2を通常ロードにする これまでSM2のロードをJavaScriptで動的に行っていたものの、これは時に起動失敗を招く無意味な処置であったことが判明。今回はHTMLのheadタグ内に始めから書く方法に変えています。 変更点２：jQuery Context Menuの代わりにJeegooContextを使用 右クリック時にメニューが表示されるように、前バージョンではjQuery Context Menuというプラグインを使っていましたが、 今回は同じ機能を持つJeegooContextというプラグインに変更しま

jQuery Easing Plugin のイージング関数を直接利用する方法 はいどうも。ここのところ JavaScript に熱中してます。ということで今回は jQuery の Easing 関数を直接利用する方法をご紹介します。 Easing (イージング) 関数って？ イージング関数とは加速・減速を数式で表したもので、滑らかなアニメーションを表現する際に使われる関数です。jQuery においては jQuery.animate() メソッドの内部で利用されています。標準では linear と swing しか用意されていませんが、jQuery Easing Plugin にて 30 種類ものイージング関数を追加することができます。それぞれの効果についてはこちらのサイトの解説が詳しいです。 そんな素敵なイージング関数ですが jQuery.animate() 以外の処理に応用できたら夢が広

This domain may be for sale!

In this quick tip I’will show you how you can easily animate text with TweenMax. [button url=”http://bassta.bg/demos/tweenmax-text-animations/index.html” style=”green” size=”small” type=”square” icon=”view” target=”_blank”] DEMO 1 [/button] [button url=”http://bassta.bg/demos/tweenmax-text-animations/index2.html” style=”green” size=”small” type=”square” icon=”view” target=”_blank”] DEMO 2 [/button

Flash界最強ライブラリの一角 jQuery animateよりも圧倒的パフォーマンス。Flashの最強アニメーションライブラリTweenMax。JavaScript版があるのはご存知でしょうか。 TimlineMax/Lite TweenMax/Liteの4つのライブラリ群の総称でGSAP JSというパッケージ構成です。※要ライセンス注意（後述） まずはその圧倒的パフォーマンスを体感してください。プルダウンから主要ライブラリを選んで、STARTを押すと右下のfpsの数値が変わります。 GreenSock Animation Speed Test 豊富なアニメーション機能 GSAP JSの主要な機能として下記の物が挙げられます。パララックスなどのインタラクティブなサイトを作る上でもとてもすごく重宝しそうです。 ベジェアニメーション 繰り返し 逆再生 時間指定 一時停止 フレームラベル ゆ

jQueryによるアニメーションを途中で一時停止させる方法を探していたところ、jquery.pause.jsという素晴らしいプラグインを発見しました。 ものすごく簡単にアニメーションの一時停止と再開を実装することができます。簡単すぎてびっくりしました。 自力で実装しようとして残り時間や残り移動距離を計算するために「速さ＝距離/時間」という懐かしい計算式を調べたりしてました。 DEMO

登録したまま放置していたSourceForgeに初めてjQueryプラグインをcommitしました。今いろいろとツールの整理をしていて、その中でlocalStorageについては思うようなものが存在しなかったため、自作→公開にいたりました。 commit後、リリースノートを書いている途中で、API設計が不充分でsessionStorageがまともに使えない(localStorageはちゃんと利用可能)ことがわかり、(sessionStorageについては)まったくテストしていないのがバレバレですorz 開発中はテストしていたのですが、途中でcookieライクにexpire指定を網羅するように変更した後のテストを怠っていました・・・ そのため、今後、sessionStorageをサポートする際には、プラグインのAPI仕様が変更になる可能性があります。 それでは使用方法などを解説します。 使い

There's no denying it: good web design is hard. However, if you follow some simple design principles — principles that...

jQueryで画面をスクロールさせる時の注意点 jQueryを使って画面をスクロールさせる場合animateメソッドとscrollToプロパティを組み合わせるのが一般的です。 selector.animate({ scrollTop: 0 }); // ページの一番上にスクロール この時どのセレクタに対して実行すべきかはブラウザごとに異なります。詳しくはjQueryでscrollToを使うときの注意点 - NoteBookにまとまっていてありがたいです。簡単に言うとWebKitではbodyに効き、それ以外のブラウザではhtmlに効きます。 $('html').animate({ scrollTop: 0 }); // WebKit以外 $('body').animate({ scrollTop: 0 }); // WebKit これに対して var selector = $('html,

Images & Galleries Several creative ways to display and showcase photos on your website. Databases Manage a database server, create tables, charts, excel files, csv files and more from sql query. Calendars & Events Display highly configurable and beautiful calendars, create a timeline chart and more.