タグ

2012年2月2日のブックマーク (11件)

  • イベントハンドラの互換性問題にハマるの巻 - R42日記

    僕は、キーイベントを拾って何かアクションを起こすようなJavascriptに違和感を感じてます。 ただのWebアプリケーションなのに、やりすぎというか。 リッチなクライアントを作りたければ、さっさとFlashなどを使うべきです。Javascriptで頑張るのは疲れるだけ。 それに、この手の機能はブラウザ間の互換性の問題も激しい。 だからできるだけ仕事では使いません。 でも…どうしても使わなければならないケースが出てきたのでしぶしぶ使ってみたら、案の定。 ブラウザ間の互換性の問題でハマりました。 何が問題だったかというと こんなコードを書いたのです。入力フィールドで押したキーを拾うだけという超簡単なコード。 しかしコレ、FirefoxとChromeではOKなのにIEでは動かないという。 <html> <body> <input id="txt" type="text" /> <script

    イベントハンドラの互換性問題にハマるの巻 - R42日記
    tvsk
    tvsk 2012/02/02
    キーイベントの定義 クロスブラウザ
  • A library of DHTML and Ajax scripts - DHTMLgoodies.com

    - March, 28th, 2017: DHTML Chess for WordPress. DHTML Chess is now available as a WordPress plugin in a free and PRO version. Learn more. - January, 16th, 2017: LudoJS Progress Bar. Samples of progress bars in the LudoJS Javascript framework on my site ludojs.com. - January, 13th, 2017: DHTML Chess 3.0. The new DHTML Chess 3 has been ported to jQuery. New demos are also available. The home of DHTM

    tvsk
    tvsk 2012/02/02
    ドラッグ&ドロップサンプル フリー
  • EventTarget: addEventListener() メソッド - Web API | MDN

    addEventListener() は EventTarget インターフェイスのメソッドで、ターゲットに特定のイベントが配信されるたびに呼び出される関数を設定します。 対象としてよくあるものは Element、Document、Window ですが、イベントに対応したあらゆるオブジェクトが対象になることができます(IDBRequest など)。 メモ: addEventListener() メソッドは、イベントリスナーを登録するための推奨される方法です。以下のような長所があります。 1 つのイベントに対して複数のハンドラーを追加することができます。これは、ライブラリーや JavaScript モジュール、あるいは他のライブラリーや拡張機能とうまく動作させる必要があるその他の種類のコードで特に有効です。 onXYZ プロパティを使用するのとは対照的に、リスナーが起動されるときのフェーズ(

    EventTarget: addEventListener() メソッド - Web API | MDN
    tvsk
    tvsk 2012/02/02
    IE では、標準の addEventListener ではなく、 attachEvent を使わなければなりません。IE をサポートするためには、上記の例を以下のように修正しなけれなりません。
  • My DebugBar | IETester / HomePage

    DebugBar Home > Wiki > IETester :: Browser Compatibility Check for Internet Explorer Versions from 5.5 to 11 :: ANNOUNCE: If you are an Adwords user, The IETester team is proud to announce its new tool: SunnyReports, a simple and efficient Adwords reporting tools IETester is a free (both for personal and professional usage) WebBrowser that allows you to have the rendering and javascript engines of

  • Internet Explorer 7 running side by side with IE6. (standalone)

    Download Software PNG images for any device and screen size. High quality Software PNG and images! Customize your desktop, mobile phone and tablet with our wide variety of cool and interesting Software PNG in just a few clicks.

  • 第3回 transformプロパティ | gihyo.jp

    今回はCSS3でもあまり一般的に知られてないtransformプロパティについて説明します。transformプロパティは2008年の11月まではWebkit系とAppleのブラウザとSafariの独自実装でしたが、11月以降は正式にW3CにEditors Draftとして受けいられ、現在は策定中です[1]⁠。 今後のブラウザでは、より一層のCSS3やSVG, HTML5の対応、レンダリングエンジンのスピードに焦点があてられます。いち早く、CSS3に慣れ実践的に使えるように、今から新しいセレクタも含めプロパティを勉強し実践で使えるようしておくべきでしょう。 今回説明するプロパティは『transformプロパティ』と『transform-originプロパティ』です。両方のプロパティに共通するtransformトランスフォーム)という名前のとおり、『⁠変形』を実装するためのプロパティです。

    第3回 transformプロパティ | gihyo.jp
    tvsk
    tvsk 2012/02/02
    transformプロパティを使った変形描画
  • CSS3のtransformやbox-shadowを主要ブラウザ全てに対応させるjsライブラリ・cssSandpaper - かちびと.net

    これ系はいくつかありますので 1つの選択肢として、という感じ ですね。css3のtransformや box-shadowをクロスブラウザ 対応させるjsライブラリですが、 特徴はプロパティを1行で統一 させる事が出来る点です。 css3のtransform(変形)、box-shadow(影)、gradient(グラデーション)ですが、gradientは不完全でした。しかしながらこのスクリプトを応用してアニメーションさせることも出来るようです。 各ブラウザで実装したものを比較していました。IEに限らず、主要ブラウザ全てをサポートしています。また、何より独自のプロパティを使うのですが、これが1行で済むので場合によってはなかなか楽では無いかと。 左がChrome、右がIE6です。テキストのドラッグも普通に出来ますね。 例・transform cssSandpaperを使用した際のtransfo

    tvsk
    tvsk 2012/02/02
    "通常はそれぞれのブラウザにあわせて書きます。例えばFirefoxなら-moz-transform、ChromeやSafariなどのWebkit系なら-webkit-transformという書き方をしますが、このライブラリを使えば、-sand-transform、-sand-box-shadow等の1行で"
  • ExplorerCanvas

    Modern browsers like Firefox, Safari, Chrome and Opera support the HTML5 canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer. To use, web developers only need to include a single script tag in their existing web pages. Overview Sample pages using the canvas tag are included with the source code. For more information about the canvas tag,

    tvsk
    tvsk 2012/02/02
  • Jettyでプロキシサーバ作る - Enjoy*Study

    Jettyのorg.mortbay.servlet.ProxyServletを使うと、リクエスト/レスポンスをそのまま中継するだけのプロキシサーバが簡単に動かせます。(Jetty 6.1.5で確認) 適当なWEBアプリケーションとして、 ProxyServletで全てのリクエストを受けるようにしておけばOKです。 ProxyServletでは、接続先に対してURLConnectionを使って接続し、リクエストの内容をコピー、そして受け取ったレスポンスをコピーして返却するような処理をしています。 ソースのコメントみると、「EXPERIMENTAL Proxy servlet.」となっているので、どこまでちゃんとプロキシとしての処理が実装されているのか不明ですが、私が使ってみた限りでは、特にエラーとなるようなことはありませんでした。 単に中継するだけのプロキシサーバでは使い道があまりなさそうで

    Jettyでプロキシサーバ作る - Enjoy*Study
    tvsk
    tvsk 2012/02/02
  • 名前ベースのVirtualHostでは、複数のサーバ証明書を使えない

    ► 2018 (1) ► 1月 (1) ► 2017 (4) ► 6月 (3) ► 5月 (1) ► 2016 (15) ► 12月 (4) ► 11月 (1) ► 10月 (2) ► 7月 (3) ► 6月 (1) ► 5月 (3) ► 1月 (1) ► 2015 (13) ► 12月 (1) ► 10月 (1) ► 9月 (1) ► 6月 (1) ► 5月 (1) ► 3月 (2) ► 2月 (3) ► 1月 (3) ► 2014 (11) ► 12月 (1) ► 9月 (2) ► 8月 (2) ► 6月 (1) ► 4月 (4) ► 2月 (1) ► 2013 (15) ► 12月 (3) ► 11月 (3) ► 8月 (2) ► 7月 (4) ► 5月 (1) ► 4月 (2) ► 2012 (7) ► 10月 (1) ► 7月 (1) ► 4月 (3) ► 1月 (2) ► 20

    tvsk
    tvsk 2012/02/02
  • msog.jp

    tvsk
    tvsk 2012/02/02