Filter Effects 1.0では、HTML上に配置した画像とかにグレースケールなどのフィルターをかけることができます。Understanding CSS Filter Effects - HTML5 Rocksにて詳しく紹介されていますが、HTMLの要素に適用できるようにSVGから取り入れられた仕様で、多くのFilter Functionは高速に動きます(手元で試している限りではblurも速い)。対応状況は、Can I use CSS Filter Effectsにて。今のところChromeとSafariでのみwebkitのプレフィックス付きで確認できます。
Filter Effects / Adobe CSS FilterLab
PhoneGap: Androidでカメラを使用するとアプリが止まる
PhoneGapからAndroidでカメラを起動して撮影すると、たまにアプリが止まってしまうという問題について。
これは[#CB-1513] Cordova app gets killed by garbage collector when out of memory due to camera - ASF JIRAに書いてある内容によると、カメラが起動している間は、PhoneGapのアプリ本体はバックグラウンドにいるので、その間にガベージコレクタがメモリを解放しようとして、アプリ本体のアクティビティをkillするのだそう(おそらくカメラ機能はメモリをたくさん使う)。
Hayaku : CSSを早く書くためのSublime text 2 plugin
Bruce Lawsonのreading listで小さく紹介されていた「Hayaku」というSublime Text 2のpluginを簡単に紹介。使ってみた感じは、今のところ劇的に役立っている感じはないですけど…邪魔にもならない。人によっては便利かも。
SafariからUIWebViewのHTMLをinspectする
iPhone 5 and iOS 6 for HTML5 developers, a big step forward: web inspector, new APIs and more | Breaking the Mobile Webに、iPhone 5とiOS 6について詳しく載っていますが、その中で「Remote Debugging」というところの項目の話。
マラソンとジョギングのメモ
2012年11月3日に行われた湘南国際マラソンに参加しました。去年(2011年)の湘南国際マラソンが初マラソンで、今回が2回目。目標にしていたサブフォーを達成できた。
CSS Transforms: くるくる回るサイコロのサンプル
CSS Transforms関連記事のまとめ的意味を込めて、くるくる回るサイコロを作成してみました。下のサイコロ(の開き)をクリック(またはhover)すると、クリックした間だけアニメーションします。CSSのみ(と思ったらiPhoneだと期待したようにactive状態にならないので、touchstartしたときにdice-actionというclassを追加するようにJavascriptを入れた)。
PhoneGap2.1とXcode4.5でエラー
PhoneGapの2.1を使用して作成したプロジェクトを、Xcodeの4.5でRunしたら下記のようなエラーが発生。
clang: error: no such file or directory:
<!-- more -->
'/Users/username/Library/Developer/Xcode/DerivedData/projectname/Build/Products/Debug-iphoneos/libCordova.a'
Googleで検索したところによると、[#CB-1360] iOS 6 - bump deployment target support to 4.3, add/remove architectures - ASF JIRAで報告されているissueによるものらしくて、ASF Git Repos - incubator-cordova-ios.git/commitdiffの差分を、ダウンロードしてきたPhoneGapのライブラリ(lib/ios/CordovaLib/CordovaLib.xcodeproj/project.pbxproj)に適用すると解消される。
この修正は2.2では含まれるようなので、2.2では問題は発生しない(と思われる)。
Sass: Fallbackでpollingしているとwarning
Sassを–watchで動かしているときに下記のようなwarningが発生する。
> Sass is watching for changes. Press Ctrl-C to stop.
WARNING: Listen has fallen back to polling, learn more at https://github.com/guard/listen#fallback.
CSS Transforms: backface-visibility
CSS Transformsにはbackface-visibilityという設定もあって、これはその名の通り、背面側を表示するかどうかの設定。