Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」 2009年04月20日- Firediff - In Case of Stairs Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。 これは欲しかった！という機能がついにリリースされました。 インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。 Firebug1.4のダウンロードはこちらから可能です。 まず、インストールすると、次のように、FirebugにChangesタブが表示されます。 で、実際どうやって使えるか？見てみましょう。 (1) DOMインスペクタをいじった結果をDIFF たとえば、DOMインスペクタの中で、要素を編集してみます。 2009年4月16日を2009年にしてみました。 す

loadinfo.net is coming soon This domain is managed at

WEB制作に役立つWebサービスやツール等、合計37のブックマークまとめ。 とりあえず全て無料をあつめました。 Webサイト作成のお供にFLASH関連 Wink デスクトップのマウスの操作を含めた動きを全てFLASHへ変換するソフト。 途中注意書きを追加したり、要らない部分のカット等も出来ます。完成したムービーに次へボタンをつけたりも出来ますし、ローディングバーもつけれます。 使い方 2.0にバージョンアップ その他使いやすいデスクトップを動画にするキャプチャ マニュアル作成が１０倍楽になるソフトがありました Flashできれいなパイチャートや円グラフを無料で作る いまはやりの丸グラを作るのにフラッシュの知識がなくても簡単に作れるツール。 動画をまとめて配信するフラッシュコンテンツの作成 各種動画サイトの複数映像をまとめて表示するツール。 役立つWEBサービス 白地図、世界地図、日本地図が

The Next Labs の 移転 について。サイト名が、京極研究所に変わります。 また、アドレスが変更になりました。 新しいアドレスは、http://www.hackr.biz/です。

BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ

Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」 2007年01月15日- Javascript Dataflow Architecture_(alpha) | MAYA Foundry Firefoxでマッシュアップを視覚的に行える新開発ツール「JavaScript Dataflow Architecture」。 次の画像のように、出力部分と入力部分とを繋いでいくだけでマッシュアップが出来てしまうという代物。 例えば、Flickr等の写真を取ってくる部品があって、その出力部分をHTMLパーツの入力部分に指定することでFlickrの写真をHTMLで表示できるアプリケーションが作れます。 Plaggerをご存知の方は、視覚的なPlaggerというイメージで分かりやすいかと思います。 (左領域がビジュアル開発画面で、

Mashup もここまでくるとかなり強力、というサイト Dapper 。最近のヒット、かなり気に入って使っています。 Dapper はウェブ上にあるどんな情報（ウェブサイト、ブログ、ニュース系のサイトなど）も取り出してウェブサービスに変換してくれるサービス。というとありふれていますが、Dapper のすごいところは、取り出してくる情報をフィルタリングする部分。HTTP のエージェントなど HTML ページをスクレイプしたことがある開発者なら体験したことがあるかもしれませんが、HTML から情報を取り出してくるには正規表現が欠かせません。でも正規表現を覚えるのは大変。しかも無数のウェブサイトを巡回するために一つ一つのサイトに併せて正規表現を書くのは気の遠くなるような話。そこで、Dapp では、その部分をビジュアル的に作れる仕組みを Ajax で提供しています。 情報を取ってくるために作るフィ

Lingr provides the best chatrooms on the web. It's free, and requires no account. You can browse the hottest rooms and tags to find people to chat with. You can create your own rooms, and have them open to the public or hidden and private.what is Lingr? Lingr is an open community of chatrooms. You can chat about anything you want, in public or private rooms. No account is required, and no special

yui-ext Documentation Center Yahoo UI Libraryを拡張した超リッチなコンポーネント集。 拡張コンポーネントを使って作ったものリストを以下に列挙。 Livedoor Reader のようなすごいRSSリーダー その場で編集可能な使いやすく、クールなグリッドコンポーネント タブコントロール プロパティ編集ボックス 参考にすれば、なかなか凄いものが作れるかもしれません:-) ドキュメントも充実していて、次のようにエクスプローラ形式で見やすいです。 関連サイト prototype.jsリファレンス script.aculo.usリファレンス

Jack Slocum's Blog Resizable Reloaded - A reusable component for resizing elements This is a basic as you get. To resize the box, position your mouse anywhere near the bottom, right or bottom right edge of the box. This example uses the default "floating" handles. リサイズ可能なブロック要素をページに作る為のJavaScript コンポーネント。 次のように、ブロック要素にリサイズハンドルを付けることができ、画像をその場でリサイズできます。 小さい画像を置いておいて、利用者が自由にリサイズするようなＵＩが実現出来ます。 Yahoo

Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」 2006年11月26日- Open-jACOB Draw2D Create drawings and diagrams with the free Javascript library. The User interface allows interactive drawing by using your standard browser. No additional software; no third party plug ins. Just run it and use it. Visioのような図が書けるJavaScriptライブラリ「Open-jACOB Draw2D 」。 次のような図形描画機能を、ライブラリを使うことで自分のツールに組み込めるのが嬉しいところです。 描画した図形

フォームの入力内容にツールチップ表示をするJavaScriptライブラリ「Tool... 次の記事 ≫：JavaScriptで使えるカラーピッカー作成ライブラリまとめ deconcept ? SWFObject: Javascript Flash Player detection and embed script SWFObject is a small Javascript file used for embedding Macromedia Flash content. The script can detect the Flash plug-in in all major web browsers (on Mac and PC) and is designed to make embedding Flash movies as easy as possible. Flashプレイヤー

Click on the "Cal" buttons to see how the calendar works Dates only Date input 1(YYYY/MM/DD): Date input 2(DD.MM.YYYY): Date input 3(D.M.YYYY): Date input 4: / / Date and time Date input 5(YYYY/MM/DD hh:ii): Date input 6: / / : This is a demo of a Free calendar web script from DHTMLGoodies.com.

« Japanize - 翻訳範囲の制御方法を検討中 | メイン | Japanize 拡張機能バージョンアップのおしらせ » 2006年10月02日 Ajax な HTML ページのソースコードを表示する 勢いだけで書く bookmarklet 第２弾です。 多くのウェブブラウザでは、メニューからウェブページのソースコードを表示することができます。しかし、この方法で表示される HTML はダウンロード時のデータなので、Ajax を多用しているウェブサイトのコードを解析する際には役にたちません。 Ajax により改変された、現在表示中の HTML のソースコードを確認するには、以下のようなブックマークレットを使うと便利です注。 javascript:void(window.open('', '', 'scrollbars=yes,dependent=yes').document.write

YouTubeの動画を一定時間ごとに画像として書き出したら便利かなと思って作ってみました。 使い方はYouTube動画のURL(http://www.youtube.com/watch?v=xxxxxとか http://www.youtube.com/v/xxxxxとか)を入力し作成ボタンを押せば勝手に画像を作ってくれます。 現在の設定では約5秒ごとに画像として書き出すようにしているので 大まかなシーンの確認程度には使えるんじゃないでしょうか。 ただあまりにも長い動画だとダウンロードに時間が掛かりすぎ回線の中の人に怒られるので 25MB(だいたい10分程度？)までの動画だけに制限している状態です。 そうでなくても線が細いので急いでる時は素直に動画を見た方がいいと思います。 また一度変換した画像はキャッシュされるので同じURLを入力すると待たずに画像が表示されます。 サンプ