使うかどうかは微妙だけど一応メモ。jTPSはjQuery用のプラグインです。ちょっとしたコードを加えるだけでHTML中のテーブルに高度な機能をつけてくれます。 列タイトルによるソート機能、一度に表示できるデータ数の変更の他、次のページへ行くときにずずっとアニメーションしながらスクロールしてくれます。ちょっと新しい感覚ですね。 ↑ 次のページにいくときのアニメー...
『 Ubiquituのオフィシャルチュートリアル 』
Google Chart APIを利用したサービス。グラフが実際の図柄で選択できるなど、視覚的なGUIでパラメータの指定が可能なため、よりアプリケーションらしくGoogle Chart APIが利用できる。ブラウザのフォームから数値入力、チャートタイプ選択などを行って、最後にGoogle Chart APIに各種パラメータを引き渡すことでグラフが描画される。 料金無料 インターフェイス英語 グラフでの日本語利...
『 ウェブサイトで使用しているAjaxの動作を解析してくれるWebアプリ。デモで試してみたが、UTF-8以外の日本語は文字化けするようだ。 』
ネットマーケターのDaveさんのサイト、ADDED BYTESのチートシートセクションがすごく使えますねぇ・・・。JavaScriptやSubversion、mod_rewriteなどなど、まさにチートシート向け！というセレクションが素敵です。 いつかまとめて使うぞ、という意味で個人的メモ程度に紹介しておきます。 ↑ かなり使えるのでは。 これらのシートはPNGやPDFでダウンロードできるようです。印刷して手元...
Ubiquityの魅力は、何といってもその拡張性にあります。Ubiquity自身がFirefoxの機能を拡張するのと同じように、ユーザーが自由にコマンドを作ることでUbiquityはさらに便利に、使いやすくなります。Ubiquityはそのことをよく分かっており、付属のUbiquity Command Editorというツールを使って簡単にコマンドを追加できるようになっています。上述のYour Commands（chrome://ubiquity/content/cmdlist.html...
『 アニメみたいな視差を表現する面白JavaScriptライブラリ「jParallax」 イメージ上でマウスを動かすと、近くの物ほど速く、遠くの物ほど遅く動作するような表現が可能。 』
Natalie Downeから、PDF、MP3、DOCファイルなどにリンクした際に、自動でファイルの容量を表示するスクリプト「addSizes.js」を紹介します。 addSizes.js Snazzy automat [...]
ブラウザでCtrlキーを押しながらSpaceキーを押すとランチャーがオーバーレイされて表示される。 そこでコマンドをタイプするだけで、地図を調べたり、写真を探したり翻訳したりすることができるのだ。 よくあるシーンとしてメールで友人にメールを送る際、自宅までの地図のURLを貼り付けたいときがある。 通常なら、地図サイトを開いて自宅の地図を調べ、そのURLをメールに...
Ubiquityが提供する機能を解説する前に、百聞は一見にしかずということで、まずは紹介ビデオを見てみましょう。 このビデオ、とても格好いいですね！ Ubiquityの魅力を十二分に伝えてくれます。 「何じゃこりゃ！」と感じた方も多いかと思います。Ubiquityはブラウザ上でのありとあらゆる操作をスマートにこなせるようにしてくれる、超強力なコマンドラインツールです。...
自分用にUbiquityコマンドを登録する場合は、Ctrl+SpaceでUbiquityを起動してから、command-editorコマンドを実行し、コマンドを実装するためのJavaScriptを登録すればOkです。 これを一般に公開するためには、以下のようなLINKタグをHEAD内に含むHTMLページを用意する必要があります。 1 <link rel="commands" href="http://url-to-jsfile.js" name="タイトル"/> このjs...
Yahoo!地図APIはYahoo!地図Webサービスを使用してウェブページやブログに地図を利用したWebアプリケーションの作成するためのAPIです。単に地図を表示するだけではなくアイコンやポリゴンなどの表示の他、イベント処理を行うことも出来ます。
SexyLightBoxは画像を拡大表示するLightbox風のスクリプトです。 同様のスクリプトは多々ありますが、名前が「Sexy」な分、拡大画像の表示のモーションがかなりセクシーです。 SexyLightBox デ [...]
最近の中学生のはじめてのプログラミング言語がJavaScriptだったりするこの時代、最も使いやすいJavaScriptの実行環境であるFirebugは現代のコマンドラインです。UNIXコマンドラインでgrepやuniqを使って、日常の細々した処理を行うのと同じようにFirebugとjavascriptを使いこなせると、日常作業のちょっとしたことをさくっとこなすことができます。ちょっとした作業だから手作業でやって...
PostcardViewer壁に画像を貼ったようなUIの画像ギャラリー「PostcardViewer」。Flashで作ら...
画像だけを表示するRSSリーダーを作る時にCSS3のアニメーションを使ったので、軽くまとめてみます。間違い等あれば指摘していただけるとありがたいです。全体的に[要出典]です。 CSS3アニメーション アニメーション自体がものすごく軽いのはsafariのCSS3で使える-webkit-transformと-webkit-transitionを使っているためです。 -webkit-transformは変化後のスタイルを規定し、-webkit-transitionは動...
『 文字のエフェクト。爆発、なだれ、フェードアウトなどなど。すごいなー。 』
MySQLをブラウザから管理したいときはphpMyAdminが定番かと思いますが、いまいち使いにくい・・・という人もいますよね。そこで最近見つけたSQL Buddyを試してみました。 日本語も通るし、さくっと使えるので手軽ですよ。デザインが綺麗なのが個人的には大きいですが。以下、いくつかぐっときたポイントをご紹介。 インストールはフォルダごとコピーするだけ 基本的にインスト...
Script & Styleのエントリーから、画像ファイルをアップロードするだけで設置できる画像ギャラリーのスクリプトを紹介します。 Automatically Generate a Photo Gallery [...]
前に続いて、今回はGoogleストリートビューを道案内に使ってみようと思います。あらかじめ指定した経路をボタン操作で行ったり来たりします、自動案内（3秒ごとに移動）も可能です。 あまりJavascriptに理解していないところもあるので、ちょっとレガシーなブラウザだと動作速度が気になるくらいの出来です。画像を読み込まないうちにずんずん先に行っちゃうと、ブラウザが...
