XUL Apps > Tiny Applications > 高橋メソッドなプレゼンツール in XUL リターンズ - outsider reflex
2005.10.5 2005.10.8 2005.10.20 2006.3.1 2006.3.3 2006.3.31 2006.4.14 2006.12.7 2006.12.11 2007.6.6 2007.6.7 2007.8.6 2007.11.26 2009.5.28 2011.10.2 これは何？ 高橋メソッドって何？ もんたメソッドって何？ これを使うと何がうれしい？ どうやって使うの？ インストール・設置 操作方法 構文 起動オプション ライセンス 関連サイト Home Back to XUL Tiny Applicationsｓ これは何？ まあ実際に見てみて下さいな。 高橋メソッド in XULの後継バージョンであるもんたメソッド in XULに手を加えていったらだんだんもんたから離れていってしまったので、敢えて原点に回帰して「高橋メソッドなプレゼンツール in XUL リ
Boost Ajax performance using local storage
The migration of popular computing applications to the Web has changed the way we view the web browser. Some of our most frequently used applications now exist within a tab of Firefox or Internet Explorer, constantly polling a remote server on our behalf and presenting the results in a rich interface powered by the latest features of JavaScript and/or the Flash Player plugin. These “live” web appl
PNG ちょっと裏技 (2)
Windows版 IE 5.5以降の CSS 「AlphaImageLoader」で 24BitアルファチャネルPNGを表示する 前回は、SVG ActiveXプラグインを経由する方法でしたが 今回は、基本的にプラグインは不要です。 Internet Expolorer 5.5から DirectX機能が 大幅に強化された事は、Webデザインを勉強されている人は、多分ご存知でしょう。 今から行う方法は、DirectX機能の AlphaImageLoader を使って 24BitアルファチャネルPNGを透過させます。 解説は、まず下の画像を見た後で...。 8Bitグレイ + Alpha-Chanel PNG (IMG) 22.1KB Windows IE だと全く背景に透けていません。 Netscape 6以降や、Moziila、Safari、Mac IE 5では、背景に透けて見えます。 8
SCRAPBLOG » [userChrome.js] 軽量マウスジェスチャで利用可能なスクリプト集
[userChrome.js] 軽量マウスジェスチャで利用可能なスクリプト 「○○をジェスチャにしたいんだけど、userChrome.jsには何て書けばいいの」といった話題はこちらでコメントお願いします。 ナビゲーション // 戻る document.getElementById("Browser:Back").doCommand(); // 進む document.getElementById("Browser:Forward").doCommand(); // 更新 document.getElementById("Browser:Reload").doCommand(); // 更新（キャッシュを無視） document.getElementById("Browser:ReloadSkipCache").doCommand(); // ホーム document.getElementB
userChrome.js 用スクリプト: Days on the Moon
userChrome.js にずいぶんお世話になっていると書いたので、現時点で私が使っている userChrome.js 用スクリプトを公開。必要最低限の機能に絞り込める、細かいところに手が届くのがいいところ。 UCJS Loader Sub-Script Loader の改良版。UTF-8 マルチバイト文字、JavaScript 1.7 の機能が使用可能に。Build ID 20070109 以降の Trunk では Bug 364692 修正の影響で (?) 動作しなくなっているようです。Sub-Script Loader なら問題はありませんが、日本語文字をそのまま使いたいといった場合にはバグ対応版をどうぞ。(少々トリッキーな手段でバグを回避しているので、最新の Trunk を使っている人以外は通常版を使ってください。) 原因となっていた (?) バグはすでに修正されており、バグ対応
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
インストールされているプラグインを判定する - FAX
インストールされているプラグインを判定する JavaScript QuickTimeやFlashプラグインが、インストールされているかを判定するコード、を、Google Code Searchから切り貼りした。 function checkPlugin(mimeType, comNames){ comNames = [].concat(comNames); if(navigator.userAgent.indexOf('MSIE')==-1){ return !!navigator.mimeTypes[mimeType]; } for(var i=comNames.length-1 ; comNames[i] ; i-- ){ try{ new ActiveXObject(comNames[i]); return true; }catch(e){ } } return false; } 実
[javascript] IEとFirefox2.0以上で動作するClient Side Storage
Firefox2.0では、WHATWGのWeb Application1.0仕様の一部である、Client Side Storageを実装しています。FirefoxのClient Side Storageには、セッション中のみデータが有効で同一ドメイン間のみアクセスできるSession Storageと永続データ管理が可能でクロスドメインでデータにアクセスすることもできるGlobal Storageがあります。 これにより、IE5以上とFirefox2.0以上で永続データ管理が可能になりました。どうせなら同じAPIで使用したいのでFacadeデザインパターンを使用し、カプセル化したいと思います。 Client Side Storageデモ その前に、Firefox2.0sessionStorageとglobalStorageについて。 sessionStorage sessionStora
position:absoluteとwidth:100%の組み合わせでの注意事項 - Enjoy*Study
なんか、同じ事を調べたような気がするので、メモ。 position:absoluteでwidth:100%を指定する場合、ブラウザによってmarginとborderが含まれるかどうかが違ってくるので注意が必要です。(100%に限定せず、%指定時の問題) 例えば、下記のようなHTMLの場合、 <html> <head> </head> <body> <div style="position: absolute; height: 100%; width: 100%; background-color: #666666; top:0; left: 0;"> </div> </body> </html>FireFox(1.5で確認)、Opera(9.0で確認)の場合、ウインドウ全体がdivで覆われますが、IE(6で確認)だと右端が白いままになります。 これは、IEだとwidthで%指定をした場合、
IE 7 を判別する JavaScript コード: Days on the Moon
Abe Fettig’s Weblog » Detecting IE7+ in Javascript (日本語紹介記事) にて style.maxHeight プロパティを用いた IE 6 と 7 の判別方法が紹介されている。ただ、この方法だと IE とそれ以外を判別するためにもう一手間かけなくてはいけないので、IE 7 以上だけを判別できるようにしたのが以下。 if (typeof document.documentElement.style.msInterpolationMode != "undefined") { // IE 7 or newer } else { // IE 6 or older, Gecko, Opera, etc. } IE 7 から実装された独自 CSS プロパティ、-ms-interpolation-mode を利用。画像を拡大するときの補完方法を指定するも
Firefox の拡張機能、userChrome.js の私の使い方 - 朝顔日記
2006-05-20 ua firefox tool 拡張機能スレ(何) の part 12 で、userChrome.js の使い方がわからん、というような質問が出ていたのでちょっとググってみましたが今のところあまり情報が無いようなので、userChrome.js の簡単な説明と私の使い方などを少し書いてみます。 ご存知のように、Firefox には、userContent.css と userChrome.css というふたつのユーザスタイルシートがあって、userContent.css のほうは、web ページのコンテンツに対するユーザスタイルを定義するものであるのに対して、userChrome.css は Firefox 自体の外観に対するユーザスタイルを定義するものです。 これらはあくまでスタイルシートですが、最近の流行（？）が、ユーザースクリプトと呼ばれるものです。Firefo
ブラウザ別JavaScript実行速度テスト（ベンチマーク）
ブラウザ／環境別に、どのくらい速度が違うのかを比較してみました。単位はミリ秒 (msec) になっています。いくらか誤差がありますので、あくまでも参考程度にしてください。WinXPはIE6とIE7を入れた別々のハードディスクを装着して計測しています。 以下の表の文字のリンクをクリックすると、スクリプトが実行されます。 JavaScript / Ajaxプログラムを作成する際の参考にしてみてください。 Firefox 2 vs 3.0RC1のベンチマークも用意しました。 MacOS X (Tiger) vs Windows (XP SP2) のベンチマークも用意しました。 最終更新日 : 2008/5/19 openspc@po.shiojiri.ne.jp ■機種スペック Windows XP, Celeron 2.8GHz, RAM : 512MB MacOS X Tiger, Powe
Opera News
Mindfulness, Opera Air Opera Air partners with the Oxford Mindfulness Foundation August 1st, 2025 Hey all, Today we’re thrilled to announce a partnership between Opera Air and the Oxford Mindfulness Foundation, an internationally recognized... AI Opera’s vision: agentic browsers will tackle web inefficiency and unlock massive productivity gains July 31st, 2025 Agentic AI Browsers are here to compl
それすぐ実行！JavaScript！ - IT戦記
思った JavaScript はすぐに実行してみましょう！ ブラウザの URL 入力欄に javascript:(function() { /*実行したいコードを書く*/ })()FireBug を使ってる人は、コンソール開いて実行したいコードを書く。 たとえばこんなことができます。 これらの例は僕が日頃使っているものです。 グローバルで使える関数を列挙する(Firefox Only) FireBug用 for(var n in window) if(typeof window[n]=='function')console.log(n); URL用 javascript:(function(){var b='';for(var n in window)if(typeof window[n]=='function')b+=n+"\n";alert(b)})() Object.prototyp
JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]
IEerBug は Internet Explorer 6.0 と FireFox 1.5 で動く JavaScript 用のデバッグ コンソールです。 FireBug と同じ console.log()、console.debug() などの関数が使えるようになるため、FireFox と IE の両方でデバッグする場合に便利です。コンソールに出力したオブジェクトを、DOM インスペクタを利用して解析することも可能です。 使い方 ieerbug.zip をダウンロードし、中身をアプリケーションのディレクトリに配置します。IEerBug 用のディレクトリを作成して、その中に配置しても問題ありません。 HTML の中で次のようにして ieerbug.js を読み込みます。
![JavaScript 用デバッグコンソール "IEerBug" [tech.nitoyon.com]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0152b5a283748a3bce479101d22b9b4c157d2c27/height=288;version=1;width=512/https%3A%2F%2Ftech.nitoyon.com%2Fapple-touch-icon-114x114.png){kind=icon}
Enjoy×Study - ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法。
昨日のエントリに引き続き、今度はスクロールバーで隠れている領域を含むサイズを取得するためのプロパティをまとめてみました。 Enjoy×Study - ブラウザの表示領域のサイズを取得する方法。 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth document.documentElement.scrollHeight document.docu
Chart (WebFX)
Licensed under the MIT License This component may be obtained, modified and distributed free of charge for personal as well as commercial use. Please see the license for the complete terms and exact wording. 2006-01-08: First public version released. 2006-01-10: Fixed bug in automatic range calculation. Also added explicit cast to float for stacked series. 2006-04-16: Updated CanvasChartPainter to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.openwebware.com/products/openwysiwyg/
Taken SPC: いい加減な canvas 要素の紹介
Cross Domain XMLHttpRequests using an IFrame Proxy