使いやすくデザインもよい星型レーティング実装jQueryプラグイン「jRating」:phpspot開発日誌
MyjQueryPlugins : jRating - Ajax rating system with jQuery 使いやすくデザインもよい星型レーティング実装jQueryプラグイン「jRating」。 デザインは次のように、綺麗な星のデザインになっており、個性が強すぎず、弱すぎずという感じで汎用に使えそうです。 isDisabledオプションを true にすると、星だけ表示して投票禁止にすることも出来るので、ログインユーザのみに限定したい場合なんかにも使えそうです。 更に次のような小さな星にすることも出来ます。 次のように、成功、失敗時のイベントハンドラを設定することも可能。 $(".exemple6").jRating({ onSuccess : function(){ jSuccess('Success : your rate has been saved :)',{ Horiz
iPhoneのようにフリック操作でスクロールできるjQueryプラグインつくった - テクメモ
iPhoneやAndroid風にマウスでフリックスクロールできるようにするjQueryプラグインつくりました。 ページ末端を過ぎると戻るような動作を再現しています。ページ区切りを設定するとiPhoneのホーム画面のようなUIも実現できます。 現在はアルファ版として公開中。 デモ デモ（ページ全体） ダウンロード コードサンプル ページ一部をフリックできるようにする場合。 $('.selector').flickable(); ページ全体をフリックできるようにする場合。 $(window).flickable(); ページ区切りを作る場合。sectionオプションでセレクタか要素を指定します。 $('.selector').flickable({ section: '.content' }); オプションの取り方などを含め、jQuery UIと同じような実装にしています。 詳しくは、http
機種依存文字や半角カナを変換する jQuery プラグインを書いてみた - Cyokodog :: Diary
以下のような丸囲い数字や半角カナを、他の文字に変換する jQuery プラグインを書いてみました。 フォーム要素などでこれらの値が入力されるケースが良くあるのですが、環境によっては文字化けやトラブルの要因になるので、登録処理を行う前に代替の文字に強制変換するといった使い方をしています。 使い方 jquery.js 、jquery.exreplace.js を読み込み、変換対象の要素に対し exReplace() メソッドを実行すると、表のとおりの変換処理を行います。パラメータを指定することで、変換対象の文字を限定することができます。 Demo 保存ボタンを押した時点で変換したい場合は、保存ボタンの click イベント内で exReplace() メソッドを実行します。 jQuery(function($){ $('#save_btn').click(function(){ $('inpu
Sponsor Flip Wall With jQuery & CSS
Designing and coding a sponsors page is part of the developer's life (at least the lucky developer's life, if it is about a personal site of theirs). It, however, follows different rules than those for the other pages of the site. You have to find a way to fit a lot of information and organize it clearly, so that the emphasis is put on your sponsors, and not on other elements of your design. We ar
jQueryCycleプラグインでスライドショー作成
はじめまして。4月から入社しました小川です。 実は1年以上前からアルバイトとしてアシアルで働いていたのですが、この春専門学校を卒業して、晴れて正社員になりました。 流石に1年以上いるだけあって環境にはだいぶ慣れてはいますが、初めての社会人ということもあり中々緊張のとけない毎日です。早く一人前の社会人になれるよう頑張ります。 さて、今回が初めてのブログ投稿となりますが、今回はjQueryのプラグインの、jQuery Cycle Pluginというものを使って簡単にスライドショーを作ってみたいと思います。 まずはこちらをご覧ください。 どうでしょう。Javascriptを有効にされていれば、簡単なスライドショーが表示されたと思います。実はこれを実行するために最低限必要なコードですが・・・ <script type="text/javascript"> //<
[jQuery]透過PNGに対応したクロスフェードボタン – smoothRollOver.jsロールオーバーすると滑らかに画像が切り替わるライブラリ | レポート | 日本電子工藝社
ロールオーバーすると滑らかに画像が切り替わるライブラリ ボタン・リンクのロールオーバー効果を表現する際、CSSやJavaScriptによる画像の切り替えだけでは物足りない時があります。ロールオーバー時のデザインを活かすため、ボタンにロールオーバーすると滑らかに画像が切り替わるライブラリを作成しました。みなさまのデザイン表現の幅を広げるお手伝いができれば幸いです。（※個人利用・商用利用を問わず自由にご利用いただけますが、自己責任の上でご使用ください。） 動作サンプル このライブラリは、JPEG・GIF・透過PNGに対応しています。 JPEG/GIFの場合 透過PNGの場合 InternetExplorer6～8のPNG対応について InternetExplorerは、バージョン6までは透過PNG自体に対応しておらず、7・8になってもフェードイン表現の際に透過部分がギザギザになってしまう仕様で
[jQuery]本格LPOを手軽に実践 – jLPO地域/検索ワード/新規・リピーター等でコンテンツを切り替えるjQueryプラグイン | レポート | 日本電子工藝社
LPO（Landing Page Optimization）とは Webサイトの中でユーザーが最初に開くページ（ランディングページ）を、アクセスしてきた条件により変化させることで、ユーザーを到達させたいページ・アクションへ導く手法のことです。 ページに訪れた際の検索キーワードや、広告を掲載していたページ（参照元URL）などにより振り分けるのが一般的ですが、ユーザーの地域・新規訪問かリピーターか・最終アクセスからの経過時間・アクセスした曜日・時間帯などによりターゲットを絞り込むことも、狙いによっては効果的です。 jLPOでできること 上で挙げたターゲティング表示機能のすべてが、jQueryのプラグインとしてLPOツールが簡単かつ無料で利用できます。高コストだった地域による絞込みも、GoogleAPIの利用で実現しました。（対応する地域の精度はGoogleAPIの機能に依存します。） 適用箇所
iPhone用サイトを作成する際に便利なjQueryプラグイン「iPhone UI」:phpspot開発日誌
iPhone UI iPhone用サイトを作成する際に便利なjQueryプラグイン「iPhone UI」。 iPhoneアプリケーションのようなUIパーツが揃っており、PCのブラウザで見ると、iPhone枠が次のように表示され、iPhoneで見ると枠なしでそのまま動作するというものです。 PCで見ても、iPhoneで見ても同じように見れるサイトを作る際に役立ちそうです。 まだバグがそれなりにあるっぽいですが、面白い仕組みですね。 関連エントリ iPhoneのON/OFFスイッチっぽいcheckbox、radioボタン実装jQueryプラグイン「LightSwitch」 iPhoneかiPodかiPadかを調べるPHPとJSのソースコード例 iPhoneにインスタントメッセージをPHPからpushme.to経由で送るサンプル
jQueryでGoogle Mapsを簡単に扱えるようになるプラグイン『Google Maps jQuery Plugin』 - IDEA*IDEA 〜 百式管理人のライフハックブログ
ドットインストール代表のライフハックブログ
TwitterのFriendsやFollowersをページにアイコン付きで表示するWidget実装jQueryプラグイン:phpspot開発日誌
TwitterのFriendsやFollowersをページにアイコン付きで表示するWidget実装jQueryプラグイン 2009年10月27日- TwitterのFriendsやFollowersをページにアイコン付きで表示するWidget実装jQueryプラグインが公開されました。 JavaScript のみで実装されているという点と、jQueryベースでカスタマイズも超簡単というなかなか注目のプラグインです。 デモ１ - フォロワーリストをアイコンで表示。時間を置くと自動でページ送りされます。 デモ２ - デモ１に追加で、更にフォロワー数を上に表示してみている例。 デモ３ - 1ラインでフレンドリストを表示する例 デモ４ - フル機能の実装例。フォロワー数、フレンド数、アイコン集、更に最近の関連ユーザの発言が見れるようです 微妙にアニメーションしてクールなのもjQueryのよいところ
サイトにコナミコマンドを超簡単に実装するためのjQueryプラグイン「Cheat Code」:phpspot開発日誌
Cheat Code: a jQuery Plugin サイトにコナミコマンドを超簡単に実装するためのjQueryプラグイン「Cheat Code」。 上上下下左右左右ＢＡでおなじみのコマンド。こうした特殊コマンドをサイトに埋め込みたい場合、結構大変そう、という感じになりますが、Cheat Codeプラグインを使えば、必要なライブラリを読み込んだら、以下のような cheatCode メソッドにオプションを渡してあげることで簡単に実装できます。 <script type="text/javascript"> $(function(){ $(document).cheatCode({ code : '38,40,37,39', // キーコードのカンマ区切り定義 message : 'Up,Down,Left,Right', activated : function(){ // コールバック
【3つ以上知ってたら】マイナーだけどオススメのjQueryプラグイン12選【情報強者】
みんな大好きjQuery、愛して止まないプラグイン。 全世界で開発・公開されているjQueryのプラグインですが、あまりに総数が膨大すぎて、なかなか陽の目を見ないという寂しげなプラグイン君も多いことでしょう。 だけど、そんなマイナーなプラグインの中にも、実はめちゃめちゃイカしたヤツらがいるんです！ なので今回のエントリーでは、そんな隠れた財宝たち、あまり有名ではないけどホントはすごいんです！っていうオススメのプラグインに焦点を当ててみました。 あ、タイトルはほぼ釣りですw 強烈インパクトのオススメjQueryプラグイン12選 1.CSS Dock Menu jQueryでMAC風DOCKを実現するプラグインは「jqDock」をはじめ数あれど、コレがダントツでスムーズな挙動だと思ってます。 設置には少ーしコツというかクセがありますが、かなり機敏にサクサク動くのでオススメですよ！ DEMO :
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
IDEA * IDEA
[JS]jQueryのプラグイン33+1選 -2009年10月