IDEA * IDEAドットインストール代表のライフハックブログ
ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」:phpspot開発日誌
ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」 2010年01月19日- rikrikrik.com - jQuery autosave plug-in ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」。 データを編集中にフォームに書き込んでいて、ブログ記事などが消えたりするとても悲しい気持ちになりますが、このプラグインを使えばデータをブラウザのクッキーに保存してくれて、次にアクセスした時にリストアできるという素晴らしいプラグインです。 クッキー保存のため、サーバに保存する必要はないですし、手軽に使うことができそうです（ブラウザごとにクッキーに依存した文字数制限などは存在すると思います） こういうことを１からやろうとすると結構大変ですが、毎度のことながら、jQueryプラグ
[JS]液体が流れるように画像を少しずつ表示するスクリプト -Liquid Image FX
Flashを使用せずに、液体が流れるように画像を少しずつ表示するスクリプトをWeb Reflectionから紹介します。 JavaScript Liquid Image FX demo 上記のデモでは、Firefoxのロゴが左から順に上下左右から液体が流れるように画像を少しずつ表示します。 また、動きを組み合わせたデモもあります。
JQuery UI Sortable を使ってドラックアンドドッロプでRuby on Railsの一覧表示の順を設定する - yuumi3のお仕事日記
お仕事で、データの並び順を簡単に設定出来る方法を考えていたら、JQuery UI のSortable が使えるのでは？ と思い試してみました。 下の画像は、 Ruby on Railsの Scaffold で作ったアプリの一覧画面に Sortable を組込、一覧の行をドラックし適当な場所にドロップするところです。 コード jQuery UI jQUeryと JQueryUI (最低限 UI Core, Draggable, Sortable) をダウンロドし public/javascripts に追加します。 これらの Javascriptを使えるようにレイアウトに追加 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> ・・・・ 省略 ・・・・ <%= javascript_include_tag 'jque
面白い！自分のサイトにコナミコマンドを·Cheat Code MOONGIFT
※ 画像は公式サイトより ファミコン世代ではお馴染みのコナミコマンド。いわゆる「↑↑↓↓←→←→BA」を打つと何らかのチート（大抵は最強装備）がおきる。グラディウスが有名だが、他にも魂斗羅、サイレントヒル、Dance Dance Revolution、メタルギアソリッドなどでもできるようだ（via Wikipedia）。 見た目は普通のページ コナミのゲームだからこそのコナミコマンドではあるが、それを自分のWebサイトでも実現しようというのがCheat Codeだ。 今回紹介するフリーウェアはCheat Code、jQueryでコナミコマンドを実装するライブラリだ。ソースコードは公開されているがライセンスは明記されていなかったのでご注意いただきたい。 Cheat Codeを読み込むと、Webサイト上でコナミコマンドを入力した際に指定した処理を呼び出せるようになる。Gmail調にデザインを変
JavaScript でくるくる CAPTCHA を実装してみる - IT戦記
あっきーパパが Google の新しい CATCHA の論文を紹介してたので グルグル回すグーグルの新CAPTCHA特許 | 秋元@サイボウズラボ・プログラマー・ブログ 脊髄反射で作ってみた （UI の部分だけですが；；；） http://amachang.sakura.ne.jp/misc/kurukuru/（IE では動きません） jQuery UI と canvas を使ってます。初めて使いましたが、いいですね、 jQuery UI。 （追記）せっかくなのでソースコードの解説 // 初期値の設定 // prev_value は最後に設定された値の保持用 last_value のほうが良かったかも var start_value = Math.PI, prev_value = start_value; // 回転用イメージオブジェクト var img = new Image; // i
jQueryを良くする25のTIPS
jQueryを良くする25のTIPS ネタ元：Improve your jQuery - 25 excellent tips ちょっと多いですが、かなり良いTIPSがまとまっています。 Google AJAX Libraries APIを利用しよう Google AJAX Libraries APIを活用すればすばやくライブラリを読み込むことが出来ます。 <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.setOnLoadCallback(function() { // Your code goes here. }); </script> 直接読み込むことも出来ます。
jQuery TreeView, Flexigrid を Rails で使ってみた - yuumi3のお仕事日記
訳あって、jQuery プラグインの TreeView, Flexigrid を Ruby on Rails + jRails で使ってみました。以下の画像のように左のツーリー(TreeView)で選択したディレクトリー内のファイル一覧が 右側の テーブル(Flexgrid) に表示されます。 使っているソフトなど jQuery jQuery Flexigrid for jQuery クールなグリッド(テーブル)の表示 jQuery plugin: Treeview ツーリー表示 jRails - jQuery on Rails Railsのlink_to_remote等のAjax機能を jQueryで使えるようにするプラグイン nickfessel.com - Put Flexigrid on Rails Flexigrid用 Ruby on Railsのコード例 今回作ったコード 実際
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
JavaScriptライブラリ「jQuery」関連サイト34 : skuare.net
twitter facebook hatena google pocket 米大統領選でクリントン氏と壮絶な攻防を繰り広げるオバマ氏のサイトでも使用されるなど、巷で大人気のjQuery。 今回はjQueryの関連サイトを紹介します。 追記： 2008/2/8 2サイト 2008/5/29 2サイト 2008/6/25 1サイト 2008/7/9 5サイト（jQuery UI系・Cheet Sheetを集めました） sponsors Reference ・jQuery リファレンス：v1.0.x、1.2.x ・jQuery 1.2 ドキュメント日本語訳 ・jQuery 開発者向けメモ：v1.1.x ・jQuery日本語リファレンス：v1.2.6 HowTo / Review ・jquery.jsを読み解く（追記：2008/2/8） ・jQueryの魔法 ・ニュータイプなJSライブラリjQue
[JS]jQueryのプラグイン33+1選 -2008年1月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 jqzoom 画像の一部をズーム。 Shadowbox 複数のJavaScriptライブラリに対応したLightbox。 Faceb
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
Lightboxスクリプトいろいろ - DesignWalker
GitHub - dillon-sellars/BeautyTips: BeautyTips is a jQuery tooltips plugin which uses the canvas drawing element in the HTML5 spec to dynamically draw tooltips (sometimes called "talk bubbles" or "help balloons") associated with a html element on the page
How to Mimic the iGoogle Interface
jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳
