CSS3のブレンドモードが素敵！ 新プロパティmix-blend-modeを使いこなそう – ICS LAB

2015/07/07 351 users mix-blend-mode ICS LAB プロパティ

こんにちは、ICS池田です。 mix-blend-modeというCSS3のプロパティ。これはDOMエレメントを重ねた時の見え方を指定するCSSプロパティです。今まではChrome CanaryやFirefox Aurora、WebKit Nightly Builds等の開発用ブラウザでしか使えず、実験的な印象が強かったmix-blend-mode。しかし最近(2015年5月)になってIEを除く主要... 続きを読む

コーディングに最適な日本語対応の等幅フォントSource Han Code JPとは – ICS LAB

2015/06/15 665 users コーディング 和名 ICS LAB CSS フォント

こんにちは、ICS池田です。 コーディング向けの日本語対応の等幅フォント「Source Han Code JP（和名：源ノ角ゴシック Code JP）」が、2015年6月4日に公開されました。「源ノ角ゴシック Code JP」は、プログラミングやhtml/CSSの記述、ターミナルでのテキスト表示やコマンド入力など、和欧表示用フォントとしての利用を想定されたフォントです。 ■ダウンロードURL Re... 続きを読む

HTML5 CanvasとWebGLの使い分け―ICS LAB

2015/02/16 166 users WebGL CreateJS canvas 口頭 スライド

こんにちは、ICS池田です。 2015年2月10日(火)、アドビシステムズ株式会社でCreateJS勉強会 (第5回) が開催され30名を超える方々が来場されました。勉強会のフォローアップとして、発表資料「CreateJSで制作するスペシャルコンテンツ」のスライドをブログ記事という形で公開します。本記事では口頭で発表した内容も出来る限り記載しました。 なお、前編(CanvasとWebGLの比較)と... 続きを読む

HTML5エンジニアなら抑えておきたい！初期型から最新のスマホ端末まで、ブラウザのCanvas/CSS3描画パフォーマンス徹底検証 | ICS LAB

2013/05/27 442 users canvas iOS 新旧 ICS LAB オブジェクト

こんにちは、ICS池田です。スマートフォンのブラウザでリッチコンテンツを作る場合に気になるのはパフォーマンスではないでしょうか。そこでiOSやAndroidの新旧様々な端末を使ってパフォーマンスを検証してみました。 描画テスト 画像のオブジェクトをどのくらいの個数を表示できるか測定しました。少ない数から表示していき、どのくらいまで多くのオブジェクトを表示できるかという形で検証しています。 特に比較... 続きを読む

HTML5で複雑なアニメーションを実現する最適な方法とは？ CreateJSを使って容量もパフォーマンスも最適化しよう | ICS LAB

2013/05/16 426 users CreateJS ICS LAB FLASHアニメーション

こんにちは、ICS池田です。 HTML5で複雑なアニメーションを実現する方法にはいつか方法がありますが、それぞれの手法について容量とパフォーマンスのメリット・デメリットを検証してみたいと思います。 スプライトシートを使う方法 ベクターアニメーションを使う方法 スプライトシートビルダーを使う方法 おまけ：GIFアニメーションを使う方法 おまけ：Flashアニメーションを使う方法 スプライトシートを使... 続きを読む

HTML5開発者必見、最速のJavaScriptライブラリはどれだ!? パフォーマンスの徹底検証 | ICS LAB

2013/04/11 418 users ICS LAB JavaScriptライブラリ 徹底検証

こんにちは、ICS池田です。HTML5でインタラクティブコンテンツを制作するにあたり、さまざまなJavaScriptライブラリがありどれを選ぶのか迷いどころではないでしょうか？ そこで今回はHTML5の各種JavaScriptライブラリについて、パフォーマンスを比較検証してみました。JavaScriptライブラリの選定の参考になれば幸いです。 今回検証したフレームワーク (とそのURL) メジャー... 続きを読む