複雑な機能をいくつも実装したWebアプリケーションのデバッグはツールなしでは一苦労だ。Ajax処理やこまかいイベント制御・DOM操作をおこなっている箇所でバグを出してしまった日には、解析だけで大変な時間を割かなければならない。 そんなときは、FireCrystalを使えば解決するかもしれない。ユーザの操作を記録し「どのタイミングで」「なにがおこなわれているか」を一発で表示してくれる便利なアドオンだ。 本稿では、そのFireCrystalについて紹介しよう。 FireCrystalとは Stephen Oney氏は8月21日(米国時間)、Firefox上で動作するアドオン「FireCrystal」をリリースした。FireCrystalはThe MIT Licenseのもとで公開されている、Webデザイナ・デベロッパ向けのデバッガ。Webページ上でユーザの操作を記録し、内部でどのようなイベント
Indicator type : Background color : # Transparent background Foreground color : # Create easily your own ajax loader icon : Select the type of indicator you want Enter the background code color you want (tick "Transparent background" if you don't want one Enter the foreground code color you want Press "Generate it"
HTML5 + flash hybrid Complexity, reduced Supporting HTML5 audio can be tedious in modern browsers, let alone legacy ones. With real-world visitors using browsers ranging from mobile Safari to IE 6 across a wide range of devices, there can be many support cases to consider. SoundManager 2 gives you a single, powerful API that supports both new and old, using HTML5 audio where supported and optional
Auto Completion has become one of the coolest user interaction element in websites lately and most of the famous sites from google, youtube to msn have auto completion based search boxes.so this time i’ve Collected 20+ Ready to Use Auto Completion Scripts vary from CSS,Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs. Hope you like the
情報を能動的に集める人のためのキューレーションツール、Live Dwango Reader(旧 livedoor Reader)とLDR Pocketは、ブログやメディアに貢献できるサービスを目指して参ります。 ※LDRトップなどへのアクセスで「Internal Server Error」と表示される方は、一度、http://www.livedoor.com でログアウトしてから、再度ログインをお試しください。 本日、「livedoor Reader」の英語版である「Fastladder」のオープンソース版を公開しました。 オープンソース版の「Fastladder」は、お使いのPCやサーバにインストールして使うタイプのRSSリーダーで、イントラネット内のRSSも読めるのが特徴です。 実行ファイルは「Fastladder.org」で公開していますので、ダウンロードしてお使いください。 また、
スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」 2007年03月16日- Scrollable HTML table This JavaScript code can be used to convert tables in ordinary HTML into scrollable ones. スクロール可能なテーブルを作成するJavaScriptライブラリ「ScrollableTable」。 次のようなスクロールしてもカラム名が消えず、小さいスペースで配置できるテーブルを作成できます。 (※↓は画像です) 知っておくと、レイアウトを崩さないでテーブルのようなUI が必要な部分で使えそうですね。 設置方法は次の様に簡単 1.ライブラリを読み込み <script type="text/javascript" src="webtoolkit
1週間かけて食中毒もなんとか直ったのでブログ再開します。(もうこりごりです....) 例のごとくはてブをすっきりさせたいのでtable関連のリンクをこちらにまとめてく予定です。まだまだありそうですが、おいおい追加してきます。 コアライブラリ非依存系 Table Sorter ソート | MOONGIFT | demo table sorting ソート | to-R | demo OrderByColumn ソート | PHPSPOT | demo sorttable ソート | MOONGIFT | demo SortedTable ソート | demo TableKit ソート、編集 | PHPSPOT | demo Tiny Table ソート、縞々、ページング | coliss | demo Scrollable HTML table ヘッダ固定 | PHPSPOT | demo
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C
GoogleがAjaxを頑張りすぎているせいで、一般的なWebシステム開発においてもAjaxを多用したシステムが求められるようになっている。特に表計算やカレンダー、メールなどそれまでローカルで使っていたものを置き換えようとした際に起こる問題だ。 カレンダーを導入しようと思った時に「Googleカレンダーみたいにドラッグできないの?」なんて言われたことはないだろうか。そんな時にはdhtmlxSchedulerの採用を検討しよう。 今回紹介するオープンソース・ソフトウェアはdhtmlxScheduler、JavaScriptによるカレンダーライブラリだ。 dhtmlxSchedulerはまさにGoogleカレンダーライクな操作が可能になっている。ドラッグして予定の時間を選択すれば、タイトル入力欄に変わる。そこで予定のタイトルを入れれば完了だ。編集ももちろんできる。表示は日/週/月と切り替えるこ
クールすぎて本当に動的に作ったの?というグラフが描画できてしまう「visifire」 2009年03月18日- Visifire クールすぎて本当に動的に作ったの?というグラフが描画できてしまう「visifire」。 以下にある画像のような、ちょっと他ではなかなか無いグラフを提供してくれます。フリーで使えます。 画像編集ソフトを使えば綺麗なグラフはかけるかもしれないのですが、相当大変です。 が、このライブラリを使ってxmlでデータを書いておけばグラフ描画できます。 データ作成ツールもあるので、xmlも面倒っていう場合にも使えます→ Chart Designer もっとギャラリーを見る ネックはSilverLightなのですが、一旦描画したものをキャプチャして画像に変換してから使ってもよいぐらいクオリティが高いですね。 今後、SilverLightが一般的になっていくことも考えられ、覚えてお
10 AJAX-based & PHP WebMail Clients For a Great User Experience | Noupe PHPとAjaxを使った軽快ブラウザメールライフを実現できるオープンソース集。 好きなアカウントのメールをブラウザで華麗に、軽快に読んで返信したいというニーズに応えられるかもしれないツール集です。 RoundCube Imapクライアント。綺麗なUIでアプリケーションライクに動作。そこそこ有名ですね。 Xuheki ほぼメールアプリなUIのメーラー。こちらもIMAPクライアント。ツリーとかも再現されてますね Atmail UIまでWindowsアプリそっくりにしたメーラー。IMAPだけでなくPOP3にも対応 afterlogic PHP4.1以上で動作する、POP3対応のMTA Hastymail IMAP対応。プラグインの仕組みで機能強化も可能。
SourceForge.net: AjaxFTP A flexible widget to incorporate into your web 2.0 app to allow FTP access through a browser. AjaxFTP lets you browse, upload, and download files from remove servers using only Javascript and PHP. Built with customization in mind. これは凄いです。設置すると、次のようなFTPログインフォームが現れます。 アカウントを入力して、「Connect」ボタンを押すと次のようにファイルツリーが表示され、エクスプローラライクに階層を辿ることが可能です。 この機能を実装するためには、次のような簡単なコードを書くだけでOK。これだ
いいですねこれ。 AjaxとPHPの4と5で動きます。実行するのに、データベースを使用しないという点も見逃せませんねぇ。 主な機能もご紹介。 ダウンロードは以下から Ajaxplorer.info : the ultimate ajax file manager. ドキュメント Ajaxplorer.info サンプルデモ http://www.ajaxplorer.info/demo/ ユーザー名 demo パスワード demo 主な機能 ファイル/フォルダの操作。ダウンロード。 名前の変更/コピー/移動/削除/。 そして画像のサムネイル表示。 また、検索機能も付いているので、ファイルを探すのが楽そうです。 FLASHプレイヤー内臓なので、FLASHも直接見れる。 ZIPファイルもファイルマネージャー上で閲覧が出来る。 MP3もその場で聞ける。 目的のファイルをブックマークする事ができ
View Demos 1 2 3 4 5 Released under the MIT License, source on Github (changelog) Download Install via NPM npm install jquery-colorbox Compatible with: jQuery 1.3.2+ in Firefox, Safari, Chrome, Opera, Internet Explorer 7+ Supports photos, grouping, slideshow, ajax, inline, and iframed content. Lightweight: 10KB of JavaScript (less than 5KBs gzipped). Appearance is controlled through CSS so it can
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く