パララックスをはじめ、フェードやスライド、トゥイーンなど、多種多様なアニメーションに対応している、「スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ」で紹介した「scrollorama」を強力にパワーアップしたjQueryのプラグインを紹介します。
パララックスをはじめ、フェードやスライド、トゥイーンなど、多種多様なアニメーションに対応している、「スクロール時に面白いエフェクトを与えるjQueryのプラグインのまとめ」で紹介した「scrollorama」を強力にパワーアップしたjQueryのプラグインを紹介します。
HTML5 jQuery Music Player HTML5ベースのクールなプレイリスト付き音楽プレイヤーを実装できるjQueryプラグインのご紹介。 プレイヤーとはいえ、そんなにプレイヤーっぽく枠で囲まれてゴージャスな感じではなくて、WEBに非常に馴染みやすいレイアウトのものになっています。 レイアウトになじむというのはWEBサービスなんかを作る際には使いやすそうです。 ジャケット写真やレーティング、再生ボタンなど、見た目はかなりシンプルだけどクールです。 エフェクトも地味に、いやらしくない程度にかかっているあたりもGoodです。 関連エントリ HTML5な動画プレイヤー色々2011 HTML5で実装するプレイリスト付きオーディオプレイヤー「AAP」 HTML5ベースの動画プレイヤー11 CSSでクールにデザインされたHTML5動画・音楽プレイヤー実装JS「MediaElement.j
ページ内のエレメントの配置や、メニュー、タブなど、ユーザーインタラクションを伴ったレイアウトが簡単に実現できるjQueryのプラグインを紹介します。 Magic jQuery デモ [ad#ad-2] 配置のデモでは、ピンクのパネル(「drag me」)をドラッグすると、それに合わせて各パネルの配置がダイナミックに変更されます。 ピンクのパネルを移動したキャプチャ 上記の各色のパネルにはそれぞれ条件が設定されています。 例えば、オレンジのパネルは下記のようなスクリプトになっています。 JavaScript $("#orange").align({top:'', bottom:"", left:"", rightIsLeftOf:'pink'}); $("#orange").limit({rightIsLeftOf:'blue'}); オレンジのパネルはピンクの左に沿って配置(align:r
15 JavaScript Data Grids to Enhance your HTML Tables | Hot Scripts Blog リッチすぎるデータグリッド等を実装できるJavaScriptライブラリ15。 WEBページに実装するグリッドを選ぶ際にかなり参考にできそうです。 スタンドアロンで動くものや、JavaScriptやMootoolsプラグインのものがまとまっています dhtmlxGrid SigmaGrid jTPS – Datatable jQuery Plugin DataTables – Data Table jQuery plugin Flexigrid for jQuery MyTableGrid OmniGrid 全部見る 関連エントリ シンプルなグリッドをレイアウトにオーバーレイ表示できるjQueryプラグイン「Griddy」 グリッドアコーディオンで新
45 jQuery Based Wordpress Plugins and Tutorials jQueryベースの使えそうなWordPressプラグインが色々まとまっていました。 WordPressでクールで動くブログを作りたい際の参考にできそうです。 ブログ閲覧にあたって便利な機能が沢山あって簡単に追加できるみたいなので、参考にできそう。 無限ページスクロール カルーセル実装 ランダムに記事を表示 LightBoxプラグイン 注目の記事をかっこよくみせるウィジェット オーディオファイル再生 ページ送りをスライダーで実現 関連エントリ ゼロからWordPressプラグインを作成するためのチュートリアル Googleとの連携を便利にする10のWordPressプラグイン WordPressプラグイン作成用コードテンプレート WordPressの便利プラグイン他、チートシートやテーマ作成リフ
Plugins | jQuery Plugins クロスブラウザでのテキストエリア操作が便利になる「A-TOOLS」。 A-TOOLSを使えば、textareaやinput type=text のクロスブラウザ操作が簡単にできます 選択中のテキストとテキスト開始位置、終了位置の取得 文字数の取得 テキストの置換 テキストの限界サイズを指定。文字サイズを超えた場合のコールバック関数が指定可能 キャレットの位置を調整 開始・終了位置指定で文字の選択が可能 デモページ textareaを使うような場合のユーザビリティ向上に応用することができそうですね。 1からクロスブラウザで作るとなると大変そうですが、これで簡単に実装できます。
Introducing Slippy - HTML Presentations - Jordi Boggiano HTMLで書けるパワポ風プレゼンテーション実装jQueryプラグイン「Slippy」。 次のような、左右キーでページ送りが出来るプレゼンテーションをHTMLベースで書いて簡単に構築できるプラグインです。 ブラウザさえあれば、ビューワなしでどこでも再生できるプレゼンテーションを構築したい際に使えます。 プレゼンテーション内に出てくるコードのシンタックスハイライト機能がついているので、よりプログラマに使いやすいものになっているのも特徴。 更に、ハイライトされたJavaScriptコードをその場で実行したりなんていうことも出来ちゃいます。 ブラウザのサイズに併せてプレゼンテーションが縮小されるあたりもパワポ風になってますね。 jQuery Presentation というプラグインも
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く