PhoneGap Day 2013

the web as a platform

PhoneGap Day 2013 – Portland, OR.

@cjgammon

new or coming features

Disclaimer: caniuse.com

Layout

flexbox

flex: 2

width: 100px

flex: 1

flex: 2

viewport units

width: 100vw

height: 100vh

regions

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac varius mauris. Duis eget mollis nunc, quis interdum enim. Sed venenatis nec arcu nec pulvinar. Mauris aliquam, augue et viverra pellentesque, justo lectus tristique nunc, et.

REM

graphics

Filters

hue-rotate()

saturate()

brightness()

grayscale()

sepia()

contrast()

blur()

drop-shadow()

invert()

opacity()

Blend Modes

2D Canvas

100 Sprites

Fast Canvas Plugin

https://github.com/phonegap/phonegap-plugin-fast-canvas

webGL

working together

National Geographic

THANKS!

@cjgammon

LINKS!

Support Tables Flexible Box Grid Layout Filter Demo Blend Mode Demo Canvas Stats FastCanvas Plugin Learning WebGL Three.js National Geographic Demo