どんなWebサイトも「塊魂」に変えるブックマークレットがスゴい
遊びすぎに注意！ 地震発生以降、2日にわたり地震関連の話題をお届けしてきましたが、本日より「日々是遊戯」は通常運行に戻ります。被災地ではまだまだ大変な時期が続いていますが、各自が「今できることをする」のが復興への何よりの近道ということで、ご理解いただければ幸いです。被災された方々の安息と、一刻も早い被災地の復興をお祈りしております。 さて、本日紹介するのは、クリックするだけでどんなWebページも「塊魂」にしてしまうブックマークレット。このブックマークレットを使うと、例えば今見ているITmedia Gamezのトップページで、こんな風に塊を転がして遊べるようになります。 どんなページもたちまち「塊魂」に。文字や画像を巻き込んで、どんどん塊を大きくしていきましょう 対応ブラウザはFirefox4またはGoogle Chrome。ブックマークレットの使い方は、この「Katamari!」（java
超カッコいい確認ダイアログをjQueryで実装するチュートリアル:phpspot開発日誌
How to Create a jQuery Confirm Dialog Replacement | Tutorialzine 超カッコいい確認ダイアログをjQueryで実装するチュートリアル 普通、ダイアログというと javascript の confirm とか、その他 jquery プラグインを使って実装されるものが多いですが、これまで見たなかでもかなりのカッコよさのダイアログ実装チュートリアルです。 サンプルのダウンロードも可能。 一見全て画像のようにも見えますが、CSS3を使って綺麗にデザインされています。 ここら辺もこだわりたいという方は参考にしてみるとよさそう。 関連エントリ 効果音付きでアニメーションするクールなダイアログ実装jQueryプラグイン「Float Dialog」 その場でポップアップするクールな確認ダイアログ実装用jQueryプラグイン「jConfirmAc
ウェブサイトの使い方を目の前でアニメーションして説明するスクリプトをどんなサイトにでも埋め込める「Embedded Help System」
目の前でマウスカーソルを動かして説明すると理解してもらえるという場合に使えるのがこのjQueryのプラグインとして動作する「Embedded Help System」です。どのようなサイトにでも埋め込んで使うことが可能となっており、最大の特徴は実際のフォームやチェックボックスなどを操作する様子を目の前で見せてくれるという点。 一体何を言っているのかわからないと思いますが、これは実際に目の前でデモを見てもらうのが一番わかりやすいです。 デモは以下から。 Embedded Help System http://embedded-help.net/ デモを見るにはこの「Usage」ページにまずはアクセスします。 次に「Search database」をクリックするとこのようにしてクリックして使う順番の数字がふわっと浮かび上がります。これだけでも割とわかりやすいのですが、ここからが真価を発揮すると
一日で学ぶ jQuery(ラボブログ)
スパイスラボ神部です。 OpenSocial アプリの開発を効率化するために、jOpenSocial か opensocial-jquery のどちらかを使いたいのですが、そのためにはまず jQuery について学ばないと行けないようなので、jQuery についてざっと調べてみました。 -AJAXが好きだ！ - Favorites! Write less, Do more -jQuery: The Write Less, Do More, JavaScript Library まずは公式。 リファレンス -jQuery 1.3.2 日本語リファレンス 参考になりそうなリソース いろんな記事を見ると、とりあえずは jQuery を使うと、構造化された状態でリッチアプリケーションが組めるという部分が強調されている記事が多いような気がします。「jQuery + AJAX で RIA な UI
シンプルにAjaxファイルアップロードできるjQueryプラグイン - テクメモ
Ajaxライクに非同期でファイルをアップロードできるjQueryプラグインつくりました。 同様のプラグインやライブラリはいくつかありますが、Flashを使用しないシンプルな実装で jQueryのスタイルを踏襲しているものがなかった（要は好みじゃなかった）ので再実装しました。 デモ ダウンロード サンプル ファイルの選択と同時にそのファイルをアップロードする場合は下記のようになります。 $('input[type=file]').change(function() { $(this).upload('/action/to/upload', function(res) { // アップロード完了時の処理 }, 'json'); }); upload(url, [data], [callback], [type]) url: アップロード先のURL data: 追加で送信するパラメータ call
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
