Site Under MaintenanceWe'll be back soon! Our site is currently undergoing maintenance. Please check back later.
カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」:phpspot開発日誌
カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」 2010年10月28日- jQuery vScroll ? Simple animated vertical content scroller supporting varying heights HibboBlog カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」 通常、divなんかにサイズを指定して、overflow:auto とかにすると次のようにスクロールバーがでますよね。 ただ、このスクロールバーはブラウザ依存でちょっとデザインにあわなかったりしてカッコ悪いという場合があります。 デモページ そこでこのプラグインを使えば、スクロールバーを消してしまうことが可能。 消しちゃうとコンテンツ見れないじゃん、という心配は不要で、ボタンをクリック
[JS]jQueryのプラグイン33+1選 -2010年7・8月
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Shadow animation シャドウをアニメーション。 bgFade マウスホバーで背景をフェードでアニメーション。 hove
Inset Border Effect
Inset Border Effect jQuery Plugin by Robin Thrift This plugin puts a border around the targeted elements (typically images), but unlike normal CSS borders it covers up part of the image. When the element is hovered over, the border animates to the sides, revealing the whole image. DOWNLOAD v1.0 Usage Simple: $("img").insetBorder(); All options: $("img").insetBorder({ speed : 1000, // 1000 = 1 seco
[JS]jQueryを使用したプリロード（画像の先読み）用のスクリプト
ロールオーバーで画像を変更する際に使用するプリロード用のjQueryを使用したスクリプトを紹介します。 Preloading Images with jQuery and JavaScript ロールオーバー時に表示する画像をその都度ダウンロードして表示すると時間のギャップが生じます。その時間の遅れを避けるために、画像を事前にバックグラウンドで読み込みます。 JavaScript <textarea name="code" class="html" cols="60" rows="5"> (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length;
テキストボックス入力時に正規表現にしたがってヒントを出せるjQueryプラグイン「InputNotes」:phpspot開発日誌
テキストボックス入力時に正規表現にしたがってヒントを出せるjQueryプラグイン「InputNotes」 2010年08月02日- InputNotes jQuery Plugin テキストボックス入力時に正規表現にしたがってヒントを出せるjQueryプラグイン「InputNotes」。 テキスト入力を行うとリアルタイムにヒントが反映されます。 NGワードの入力チェック、入力形式のエラーチェックに使えそうです。地味にアニメーションする点もナイスです。 こうした機能は手間は増えますが、送信してからエラーを表示するよりもベターなので使いやすさを考えると入れておきたいですね。 こうしたライブラリで、できるだけ簡単に実装できますね。 関連エントリ JavaScript製のフォームバリデータライブラリいろいろ JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ Java
[JS]カラムの高さを揃える多機能なスクリプト -Equal Column Heights
カラムの高さを単に揃えるだけでなく、アニメーションで揃えたり、指定した値に揃えることができるスクリプトを紹介します。
指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」:phpspot開発日誌
Plugins | jQuery Plugins 指定したセレクタ内の文字サイズの拡大/縮小に超便利な「FontScale」。 $(element).fontscale('p', 'up', {unit:'px', increment:1}); のように記述するだけで、element 内のフォントサイズが簡単に大きくできます。 upをdownに変えれば縮小させることが出来ます。3番目の引数で、単位と増加量を指定できるので細かな調整が可能。 文字を大きくする、小さくするといった操作を簡単に実装できてしまいます。 拡大・縮小の他にも、リセット機能があるので、大きくしすぎてしまっても安心です。 リセットする場合は、$(element).fontscale("p","reset"); のよう呼び出してあげるだけです。 関連エントリ コンピュータに指定フォントが入ってるかチェックできるjQueryプ
MD5の値をユニークなアイコンに変換してくれるjQueryプラグイン「Identicon5」:phpspot開発日誌
Identicon5 | Francis Shanahan[.com] MD5の値をユニークなアイコンに変換してくれるjQueryプラグイン「Identicon5」。 071e3f61671e790fc492b583a01ae22b のような32バイトのmd5値を、次のようなユニークなイメージに変換してくれるプラグインです。 canvasによって描画されるのでサーバ側のCPUリソースは食いません。 IDを視覚的に同一と認識する場合、32バイトの文字情報を人間の目で比較するのは非常に分かりづらいですが、こうして画像にすることで認識しやすくなりますね。 色々と応用できそうです。 PHPでの実装はこちらにあるそうです 関連エントリ 画像のリサイズに便利なPHPクラスライブラリ Symfony2にも入っているPHP 5.3ベースの超便利ライブラリ集 携帯用HTML〜絵文字、デコメ用PHPライブラリ
クロスブラウザで動作するクリップボード操作用jQueryプラグイン「Clipboard plugin」:phpspot開発日誌
クロスブラウザで動作するクリップボード操作用jQueryプラグイン「Clipboard plugin」 2010年06月15日- Clipboard plugin for jQuery クロスブラウザで動作するクリップボード操作用jQueryプラグイン「Clipboard plugin」 IE以外用にFlashを使ってクリップボードを使う機能はよく知られていますが、jQueryベースのクロスブラウザ対応のライブラリのご紹介です。 使い方が超簡単で、次のように1行記述するだけでOKです。 $.clipboard( "You clicked on a link and copied this text!" ); swf の位置をオプションで指定することなんかも出来るみたい。 jQueryを標準導入しているサイトには簡単に組み込めて便利そうですね。 関連エントリ FirefoxやChromeでも
ファイルのダウンロード前にサイズや種類等を親切に表示できるjQueryプラグイン「jDownload」:phpspot開発日誌
ファイルのダウンロード前にサイズや種類等を親切に表示できるjQueryプラグイン「jDownload」 2010年06月08日- jDownload - A jQuery plugin to assist file downloads ファイルのダウンロード前にサイズや種類等を親切に表示できるjQueryプラグイン「jDownload」。 ファイルのダウンロードというと、ブラウザによってはいきなりダウンロードが始まったりするブラウザもありますが、ｊDownloadを使えば、ダウンロードの前に、ファイル名/MIMEタイプ/ファイルサイズをダイアログで表示して、確認後にダウンロードを実施してもらうということが出来ます。UIとしては次のような感じで、ちょっぴりクールなダイアログになってます。 タグ的には、「<a href="ファイル" class="download">ダウンロードはこちら</a
何時何分を入力してもらう際に便利に使えるjQueryプラグイン「Timebox」:phpspot開発日誌
AppleっぽいUIが秀逸なイメージスライドショー実装jQueryプラグイン「Avia... 次の記事 ≫：2010年5月31日 管理人のブックマーク PowerHour Development Blog jQuery Timebox Plugin 何時何分を入力してもらう際に便利に使えるjQueryプラグイン「Timebox」。 <input type="text">な要素の中に何時何分というのを直接入れてもらう場合に使えます。 例えば、16 を入力すると、16:00 に変換され、152 と入力すると 1:52 として解釈され、テキストボックスの内容が自動で置換されます。 意味のないアルファベットなどを入れると 00:00 に変換されます。変換例は次の通り 初期化方法は、次のように $(element).timebox() で初期化するだけです。 <input id="myTimebox
ボックス間でアイテム移動できるselectボックス実装jQueryプラグイン「multiselect2side」:phpspot開発日誌
ボックス間でアイテム移動できるselectボックス実装jQueryプラグイン「multiselect2side」 2010年05月24日- Senamion.com - multiselect2side (multiple select double side) plugin: documentation and demo page ボックス間でアイテム移動できるselectボックス実装jQueryプラグイン「multiselect2side」 デスクトップアプリケーションなんかでよくある、使うリスト＆使わないリストを表示する際に便利なUIを実装出来ます。 select ボックス内のアイテムを複数選択して、移動することも出来ます。 ボックスの中身をソートすることも出来ます。 ボタン部分のUIが独特ですが、CSSでリデザインできるようなので安心です。 このUIで、例えば、利用者がWEBサイト
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」:phpspot開発日誌
スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 2010年03月31日- AjaxScroll ? Ajax Scroll jQuery Plugin | blogfreakz.com スクロールするとAjaxで次の内容をガンガン読んでくれるjQueryプラグイン「AjaxScroll」 「MSN Image Search」は画面遷移なしに画像をガンガンよんでくれて、スクロールすれば次の画像を見れるためストレスが少なく、画像を探せます。 これと同様の機能を実現するためのjQueryプラグインのご紹介です。 デモページはこちら。スクロールすると次の画像を読んでいっているのが分かると思います。 Ajaxで次の内容を読むので、一回における転送量を少なくした上で、利用者には画面遷移なしの利便性を提供出来ると言うわけですね。 垂直方向だけでなく
selectボックスをシンプルなプルダウンに拡張するjQuery.selectable.js :: 5509
This domain may be for sale!
アイコンがふわっと拡大するjQuery – creamu
マウスオーバー時に気持ちのいい効果をつけたい。 そんなときにおすすめなのが、『BubbleUP』。アイコンがふわっと拡大するjQueryです。 アイコンにマウスオーバーすると、ふわっとサイズが大きくなりますね。動きが滑らかで気持ちいいです。 デモは以下から。 jQuery Menu Plugin: BubbleUP 実装方法も詳しく解説されているので、ぜひ見てみてください。 Learning jQuery: Your First jQuery Plugin, “BubbleUP” ブログ遅くなりました。。昨日は書けなかった。すんまへんm(_ _)m 急いで作業しているところでOSが起動しなくなり、ここ数年で一番大変な日を過ごしました。。。 セキュリティーについて深く考えさせられたので、心機一転してがんばります。
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」:phpspot開発日誌
あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」 2010年02月16日- jQuery Countdown あの日まであと何日をアニメーション表示できるカウントダウン実装用jQueryプラグイン「jQuery CountDown」というものがあるみたいです。 次のようなカウントダウンタイマーが実装できます。 英語だけかと思いきや、多くの言語に対応していて日本語も対応してます。 使い方も簡単で１行で実装できます。 $(element).countdown({until: 目的の日付のDateオブジェクト, format: 'dHM'}); until には new Date で作れるオブジェクトをわたします。 var targetDate= new Date(); targetDate.setDate(targetD
timeago: a jQuery plugin
What? Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago"). Download, view the examples, and enjoy. You opened this page when you opened the page. (This will update every minute. Wait for it.) This page was last modified sometime before now [browser might not support document.lastModified]. Ryan was born Dec 18
CuteTime
Many online social products, and more continue to, avoid a formal timestamp format… 2009-10-10 23:14:17 and Thu, October 29, 2004 12:14:19 PM … opting for more user friendly, “warm and fuzzy,” human-readable styles… 9 days ago and 5 years ago. As a result, and also in my quest to always help provide my clients free, cheap and easy to use tools, I have been on the lookout for a jQuery plugin that w
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Site Under Maintenance
