Adobe&HTML 札幌 - HTML5 Caravan

Adobe & HTML
HTML5 Caravan 札幌、1.14.2014 ｜アンディホール

© 2012 Adobe Systems Incorporated. All Rights Reserved. Adobe Conﬁdential.

だれだこいつ

@fenomas
§ 

日本在住歴もFlash歴も十ん年

§ 

物理学専攻 → ウェブ制作 → Flash開発 → アドビで色々

§ 

現在の肩書がテクニカルエバンジェリスト

§ 

興味はデザインとコードをまたぐところ

§ 

カタコトでゴメンね

§ 

ゲーム好き、などなど


HTML
§  CSS
§  SVG
§  DHTML
§ 

過去のウェブ：


現在の
ウェブ

© 2012 Adobe Systems Incorporated. All Rights Reserved.
github.com/SirPepe/SpecGraph Adobe Conﬁdential.

Adobeとしての活躍
contribute to a better web

bring innovations to the web

better tools for the web

better web experience


詳細情報：

html.adobe.com/jp


Tools


ツールの紹介：


Improving the web


Contributing to the web

表示

レイアウト

プラットフォーム

ブレンドモード
カスタムフィルター
Clip Paths

CSS Regions
CSS Shapes

Apache Cordova
(PhoneGap)

コミュニティー＆テスト
Test the Web Forward
Web Platform ドキュメンテーション


Webの進化の事例：

CSS フィルター

現状の対応： Chrome, Safari, iOS, Opera
（プレフィックス）


CSS フィルター



CSS フィルター
filter:
sepia(0.8);


Edge Animate、Reﬂow でビジュアルに作る



現状の対応： Chrome, Opera（有効に設定する必要がある）
Webkit （ナイトリービルド）

r

カスタムフィルターのデモ

git.io/zxtapw
（ chrome://ﬂags でCSS シェーダを有効にしよう）

r

CSS FilterLab

github.com/adobe/cssﬁlterlab
（ chrome://ﬂags でCSS シェーダを有効にしよう）


CSS シェイプ

現状の対応： Chrome, Opera（有効に設定する必要がある）


CSS Regions

現状の対応： iOS7 （標準対応！）
IE、Safari （プレフィックス）
Chrome, Opera（有効に設定する必要がある）

Reﬂow でビジュアルに作る

Helping creators make
the web better


コミュニティ！

testthewebforward.org

webplatform.org

フリー・オープンソース
HTML5モバイルアプリ開発フレームワーク

PhoneGap Build

クラウド上でパッケージを生成
build.phonegap.com

ツールの入手はCreative Cloudから

creative.adobe.com/

github.com/adobe-webplatform/
Demo-for-Alice-s-Adventures-in-Wonderland

Follow us!
html.adobe.com/jp
github.com/adobe-webplatform
codepen.io/adobe
質問など：

@fenomas
andhall@adobe.com

Adobe&HTML 札幌 - HTML5 Caravan

More Related Content

What's hot

Similar to Adobe&HTML 札幌 - HTML5 Caravan

More from Andy Hall

Adobe&HTML 札幌 - HTML5 Caravan