XBug - The Javascript Debugger Greg Salisbury氏がXBugと呼ばれるJavaScriptデバッガを公開している。現在のバージョンはWindows XPとVistaで動作するが、WindowsサーバやLinuxサーバで動作しているWebページに対しても適用できるとされている。ただしデバッグにはXPやVistaが必要で、将来のバージョンでほかのプラットフォームにも展開していくことになるとみられる。 XBug動作画面例 - XBugサイトより抜粋 XBugの操作は簡単だ。デバッグしたいJavaScriptコードが含まれたWebページを選択してリアルタイムにデバッグを実施する。別ウィンドウでブレークポイントの設定やウォッチポイントの設定が可能で、実行中にトレースログを閲覧したり、変数をチェックすることもできる。 XBugが魅力的なのは特定のWebブラウザ

Coverflow in Javascript !!Strictly proof of concept!! Tested in Firefox 3, Opera 9.5 and Safari 3 Only works for images of equal width and height (250px x 250px in this example) Utilizes scroll wheel and left/right keys You can have custom labels and onclick events for center image I have tested it with other javascript libraries like jQuery, MooTools, Dojo and Prototype Download coverflow.js - 21

Razor - Profile and Optimize Web 2.0 Ajax Performance WebアプリケーションやWebページのデバッグ・分析にはFirebugが重宝する。しかしながらFirebugはFirefoxのエクステンションとして開発されているためIEやSafari、Operaといったほかのブラウザで作業する場合はそのブラウザ向けに提供されているツールかまたはFirebug Liteを使う必要がある。Firebug LiteはFirebugの機能をほかのブラウザにも提供する興味深いクロスブラウザツールだが、Firefoxに提供しているのと同じ機能はまだ提供できていないし、うまく動作しない機能もある。 そこでクロスブラウザAjaxアプリケーション分析ツールRazor Profilerに注目したい。Razor Profilerはデプロイ済みのJavaScriptベース

Ajax/JavaScriptライブラリをまとめておきます。（順不同） | 基本 | 統合 | 表示系 | GUI部品 | イメージ | PGM連携 | ブラウザ | Flash | その他 | | 部品集 | リンク | 編集履歴 | ・基本ライブラリ ・・・Ajax開発のベースになるもの ↑TOP prototype.js 超メジャーなAjaxライブラリ prototype.js の開発者向けメモ prototype.jsリファレンス prototype.jsリファレンス(JavaScriptist) prototype.js逆引きサンプル集 Prototype 1.5.0 Cheat Sheet Prototype 1.5 PDF － API/サンプル/解説 Prototype.js Documentation － まとめサイト Prototype 1.6.0へのアップグレード実例紹

http://blog.livedoor.jp/dankogai/archives/50957890.html まず、Object.prototypeにメソッドを生やしてしまうとfor inでキーを列挙するときにいちいちhasOwnPropertyを使わないといけなくなるので普通は使いません。影響が大きすぎるので、よっぽど変態的なライブラリじゃないと使わない。他のライブラリと組み合わせるとほぼ確実に問題が起きる。それから、deep_cloneが欲しい場合はJSONを作ってevalすればよい。パフォーマンスを気にする場合とか、浅いコピーが必要な場合はそれなりに工夫する必要があるけど。 で、JSONにするのにFirefoxだとtoSourceというのが使える。unevalというラッパーがあって、これだとnullでも平気。 http://subtech.g.hatena.ne.jp/cho45/

軽快なWebページを実現するにはYSlowなどの分析ツールを使って問題点を洗い出し、対策をとる方法が便利だ。軽快化にはいくつもの方法があるわけだが、なかでももっとも簡単で基本的な方法がページで使っているCSSやJavaScriptのコードを圧縮することである。すでに圧縮ツールとしてはJSMinやDojo compressor、YUI Compressorなどがある。 しかし逆はどうだろう。圧縮されたJavaScriptを逆に見やすいソースコードに展開しなおすツールがあってもいい。自身が作成したソースコードの整形や、Webページで利用されているJavaScriptソースコードの解析に利用できる。ここではそんなツールとしてEinars "elfz" Lielmanis氏の開発した「JS Beautifier」を紹介したい。 整形前のJavaScriptソースコード JS Beautifierで

DebugBarの動作例 - DebugBarサイトから抜粋 Webアプリケーション開発に必須のツールといえばFirefoxとそのエクステンションFirebugだ。その機能は驚くべきものがあり、もはやFirebugなくてはWebアプリケーション開発はできないと考えるデベロッパやデザイナは少なくない。 エクステンションが豊富に用意されているFirefoxだが、ほかのWebブラウザでも似たような機能を提供するものがある。ここでは先日新しいバージョンが公開されたDebugBarを紹介したい。DebugBarはIEを対象として開発されたツールで、Firebugの機能をIEでも実現することを目指している。 今回公開されたバージョン(5.0 beta 1)では新しくDOMタブが追加されている。DOMツリー上のノードが選択されると、Source/Style/Comp.Style/Layout/Attrs

download source To use the generator, drag the handle points at the bottom of the movie (in orange) or enter their position manualy in the fields provided (warning: dragging may be slow). Then just copy the function for pasting and use it as you normally do (tween engine, etc.). Although each handle point modifies the curve, their are numbered to show which portion of the curve they influence the

2007年7月31日(米国時間)、Webアプリケーション向けに開発されたJavaScriptユーザインタフェース/デザインパターンライブラリであるThe Yahoo! User Interface Libraryの最新版である「The Yahoo! User Interface Library 2.3.0」が公開されたわけだが、はやくも同ライブラリを使った興味深いアプリケーションが登場している。YUIを使って開発されたWebアプリケーション版のソリティア「World of Solitaire」だ。同アプリケーションはアクセスしてプレーしてみるのが一番わかりやすい。ページを開いたと同時にカードが切られるアニメーションが実行される。動作はとてもなめらかだ。そしてそのままソリティアがプレーできる。 UIを使って開発されたソリティアアプリケーション - カードもスムーズに配布描画される メニューに

もう、いろんなニュースサイトで言われていますが、 Yahooからページパフォーマンス計測ツールの「YSlow for Firebug」が リリースされました。Firebugをインストールしている上で、YSlowをインストールすると、Webサイトの高速化を行うためのポイントと、 現状についてのポイント表示を行ってくれます。 これ、実際に試してみるとよく分かるのですが、いかに工夫をしていないサイトは、改善の余地があり余っているか。。 ほんと身を引き締められます。ちなみにYSlowでは次の項目をポイントに挙げています。 Make Fewer HTTP Requests Use a Content Delivery Network Add an Expires Header Gzip Components Put CSS at the Top Move Scripts to the Bottom