タグ

ブックマーク / www.inazumatv.com (11)

  • Compass + PIEでIEにもCSSで背景にグラデーション

    CSS3で追加された gradient をIEでも使ってみたいの巻。 【グラデーション】 IE 9 IE 9はHTML5 & CSS3に対応したモダンなブラウザです(噂では)。 CSS3 gradientへの対応はちょっと???な感じです。 Compassでグラデーション設定だと… Compass @import "compass/css3"; .gradient { @include background(linear-gradient(top, #fcfcfc, #cccccc)); } .gradient { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fcfcfc), color-stop(100%, #cccccc)); background: -webkit-linear-grad

    Compass + PIEでIEにもCSSで背景にグラデーション
  • [JavaScript] Memo, IE 10, IE 11を判別するnavigatorプロパティ – userAgentを使わずに

    MSDN: Internet Explorer 10 のポインター イベントとジェスチャ イベント MSDN: pointerEnabled property As of Internet Explorer 11, the Microsoft vendor prefixed version of this property (msPointerEnabled) is no longer supported and may be removed in a future release. ms vendor prefixed を no longer supported なので判定可能らしい。 [JavaScript] IE 11ブラウザ判定方法のuserAgentを無理矢理ゴニョゴニョするより良さげな様子。 swiper.jsソースコードで知りました。 ポインター イベント MSDN: ポイン

    [JavaScript] Memo, IE 10, IE 11を判別するnavigatorプロパティ – userAgentを使わずに
  • ECMAScript 5, Array.isArrayを非対応ブラウザでも使いたい

    JavaScriptの配列判定にオレオレ関数を使っていたんだけど、ECMAScript 5にArray.isArrayなんてステキな機能が追加されてたの巻。 ■オレオレ配列判定関数 function isArray (arr) { var result = false; if (typeof arr !== 'undefined' && arr.splice) { result = true; }; return result; }

    ECMAScript 5, Array.isArrayを非対応ブラウザでも使いたい
    wakuworks
    wakuworks 2012/06/15
  • JavaScript, 名前空間の汚染問題を考える

    togetter : JavaScriptの名前空間のスマートな使い方 ClockMakerさんのつぶやきから始まった、とても興味深いTLです。 JavaScriptの名前空間の汚染は神経質にならなくてはいけないポイントです。 言うまでも無いのですが、ゆるい言語なJavaScriptは型付ができないためにglobal領域に放り出された関数、変数をは容易に(思いもよらない)上書きが可能になります。 一人でコードを書いていれば注意さえすれば回避できる問題ですが、複数人がコード開発をしていたり、誰かが作成したコードを組み合わせて使わないといけないときにトラブルが起こりがちです。 jQueryとprototype.js の $() コンフリクトはよく知られてますよね。 ■名前空間を汚染しない global属性に何も存在させなければ、そもそも問題は発生しません。 一番の理想ですけど、JavaScri

    JavaScript, 名前空間の汚染問題を考える
    wakuworks
    wakuworks 2012/02/16
  • HTML5なVideo Playerライブラリ、VideoJSとMediaElement.js

    WebでビデオだったらFlash+.flv最強伝説が長く続いてましたがiOSの登場で状況が変わってしまいました。 iOSではFlashはサポートされません、ていうか超悪者扱いです。 iPhone, iPad対応のコンテンツでは、ジョブズさんはHTML5(<video>)+h.264一択なのでHTML5を使わざるえません。 PC向けはどうする? どう分岐する? そんな面倒くさいことを一手に引き受けてくれる便利なライブラリが色々登場しているみたいです。 Browserと動画フォーマット videoタグでサポートされている動画フォーマットがBrowser毎に違うのが大きな問題です。 h.264 IE9, Safari, iOS, Android WebM IE9*, Firefox 4以降, Opera 10.60以降, Chrome *IE9はVP8 CODECをインストール

    HTML5なVideo Playerライブラリ、VideoJSとMediaElement.js
  • AS3, EventサブクラスのtoStringとformatToString

    ActionScript 3 で Event サブクラスを作りカスタム・イベントを作成するときのメモ。 イベントを複製する clone メソッド作成は必須になります。 サブクラスでoverrideして作らなければいけません。 作らなくともエラーにはなりませんが… toString メッソドは作っても作らなくても良いような記述がヘルプに書いてあって、長い間釈然としていなかったのですがやっと理解できたような気がします。 オンラインヘルプには以下のように書かれています。 http://help.adobe.com/ja_JP/FlashPlatform/reference/actionscript/3/flash/events/Event.html#formatToString() formatToStringの説明。 カスタム ActionScript 3.0 Event クラスに toStr

    AS3, EventサブクラスのtoStringとformatToString
  • 【速報】iOS5のmobile Safari, CSS対応状況

    WWDC 2011 ではジョブズさんも登場して見応えがありました。 iOS 5 の Safari はタブ機能も実装し使いやすく生まれ変わるとのこと、楽しみです。 http://www.apple.com/ios/ios5/features.html#safari Beta SDK もダウンロード可能になり早速インストールして試してくれた方がいるようです。 David B. Calhoun – Developer Blog New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5 CSS, JavaScript の対応状況を調べています。 気になるところをつまみいです。 position:fixed に対応 バグってい

    【速報】iOS5のmobile Safari, CSS対応状況
  • ActionScript 3, 定数のように扱える配列型変数のお勉強

    前投稿での「ActionScript 3, 配列を定数にしても参照側から書換えられる」の解決策を考えてたら長くなりそうだったのでエントリーを分けました。 次のように考えました。 【対処法】 定数にスカラ以外を設定できるけど設定しちゃうと思わぬ不具合を引き起こすかもしれないので使わない方がいいかも。 代わりに定数のように扱える変数をつくってみたらどうだろう。 いくつかアイデアがあったのですが、”画期的!”と自画自賛した方法がうまく動かなかったので以前から使っている方法をご紹介してお茶を濁しておきます。 package { import flash.utils.ByteArray; public class Fruits extends Object { private static var _BASKET:Array = null; public function Fruits() { }

    ActionScript 3, 定数のように扱える配列型変数のお勉強
  • cXtra, Director xtra が無償になってました

    今やほとんど使うことがなくなったDirector。 @nori_togoruさんのついっとで知ったのですが、DirectorのxtraメーカーcXtraが開発継続を中止を発表し全てのxtraを無償解放してくれています。 http://www.cxtra.net/ Dear users, We decided to stop all activities at cXtra. It’s time for us to work on other projects. The website will shutdown at the end of 2011. To help you on your projects, we publish a list of serial keys for all our products which become free for all users. We wi

    cXtra, Director xtra が無償になってました
  • でた!Monster Debugger 3, ActionScript デバッグ・ツール

    Monster Debugger の Ver.3 がリリースされています。 Monster Debugger 3 is here! まだかまだかと待っていました。 Monster Debugger �は ActionScript のデバッグ用のAIRアプリケーションです。 Flash, Flex, AIR などのデバッグに重宝します。 コード確認用の trace を代替えできます。 フレームレートやメモリ使用量をグラフ表示してくれます。 ON / OFF が一行で設定できるので、リリースビルドの前にわざわざtrace文を探し出して削除する必要がありません。 Objectやインスタンスのトレースではプロパティやメソッドも全て出力してくれます。 Firebug ではおなじみの機能です。 Flash, Flash Builder のデバッグ機能と併用しながら使っています。 Ver.3 になって作

    でた!Monster Debugger 3, ActionScript デバッグ・ツール
    wakuworks
    wakuworks 2011/04/11
  • Flash, スゴイ!@inspiritさんの新作、Webcamとパーティクル

    FluidFlowLK http://www.inspirit.ru/exchange/fluidflowlk/ @inspiritさんの新作。 Webcam入力画像を解析しパーティクルを発生させています。 昨年から続いてるアプローチが完成に近づいてるのでしょうか、反応の良さは特筆ものです。 しかも、楽しい! 画面をClickするたびにパターンが変わります。

    Flash, スゴイ!@inspiritさんの新作、Webcamとパーティクル
  • 1