Download ppt - Flash: A call for sanity

Transcript
Page 1: Flash: A call for sanity

Flash and HTML5A call for sanity

A talk by @andrewdotdobson

Creative Class Meetup | 11th November 2012 | andrew dobson

Page 2: Flash: A call for sanity

Thoughts on FlashAn exercise in FUD

Page 3: Flash: A call for sanity

FUD in action“Adobe’s Flash products are 100% proprietary. They are only available from Adobe, and Adobe has sole authority as to their future enhancement, pricing, etc. While Adobe’s Flash products are widely available, this does not mean they are open, since they are controlled entirely by Adobe and available only from Adobe. By almost any definition, Flash is a closed system.”

Steve Jobs, 2010.

Page 4: Flash: A call for sanity

Is Apple committed to standards?

Then why don’t they implement HTML5 video?

Page 5: Flash: A call for sanity

Product or platform?What actually is Flash?

Page 6: Flash: A call for sanity

Evolution of the web

Page 7: Flash: A call for sanity

Web platformsApplication Code + Runtime

Actionscript 3 and Flash/AirLAMP.NETHTML5 and the browser

Page 8: Flash: A call for sanity

Where Flash falls downPoor coding standards (GUI)AdvertisingCompatibility

Page 9: Flash: A call for sanity

Coding standardsKnowing how to use CS5 != understanding a technology

Page 10: Flash: A call for sanity

Flash banner advertisingSpecifications still in AS2AVM conflicts and performance drag.Pressure for reform required

Page 11: Flash: A call for sanity

CompatibilityShould flash be on mobile?

Page 12: Flash: A call for sanity
Page 13: Flash: A call for sanity

http://www.remembrance2012.co.uk/

Not everything needs to be mobile

Page 14: Flash: A call for sanity

It’s politicalHe who controls the standard, controls the universe.

Page 15: Flash: A call for sanity
Page 16: Flash: A call for sanity

http://www.caniuse.com/

Page 17: Flash: A call for sanity

Setting expectationsClients and users do not care about technology

Page 18: Flash: A call for sanity
Page 19: Flash: A call for sanity

Whichever way you cut itBrowser support is inconsistent

Page 20: Flash: A call for sanity

WebGL support:

H.264 support:

Page 21: Flash: A call for sanity

CSS3 Transitions support:

Media Query support:

Page 22: Flash: A call for sanity

HacksCSS PieModernizrBranched sites<!– [if IE] -->

Page 23: Flash: A call for sanity

Developer overheadStandards dev is more intensiveTesting/QAHacks and exceptionsSheer amount of typing

Page 24: Flash: A call for sanity

http://codepen.io/andyunleashed/pen/jnpHc

A simple logo animation

http://html.adobe.comhttp://g-plus-follow-me-animated-button.tumblr.com/animations-examples/ae-text-effect

Page 25: Flash: A call for sanity

Things that HTML5 cannot do (effectively)DRMWebcamStreamingFull screenAdvanced audio/DSPAdvanced animationReal-time 3DConsistent layouts, rich text and transitions

Page 26: Flash: A call for sanity

Compromises

AccessibilityValidationConsistency (branding!)Performance

Page 27: Flash: A call for sanity

Flash use cases1. Augmenting the browser2. Extending beyond

Page 28: Flash: A call for sanity

Cross platform adaptive applications

Single codebase, multiple deployments, smart assets – efficient, scaleable and rapidly developed.

Quick porting of current web properties into native

Rapid visual prototyping

Page 29: Flash: A call for sanity

Stage3D and StarlingGPU access for gaming, mobile application development and rapid visual prototyping

Page 30: Flash: A call for sanity

http://gaming.adobe.com/

Page 31: Flash: A call for sanity

Contemporary FlashdevelopmentSorry Adobe…

Page 32: Flash: A call for sanity

ToolingAdobe’s developer tooling is largely poor

Pros use: Flash Develop (PC), FDT

Flex SDK includes Air – be wary of beta releases

Debug tools: Monsterdebugger, Monacle (coming soon)

Game dev studio

Alchemy, native extentions

Unity, Cadet3D, Prefab for 3d modelling and animation

Page 33: Flash: A call for sanity

Frameworks and open sourceGreensock – LoaderMax, TweenMax, ThrowpropsStarling and Foxhole for GPU 2DAway3D, Flare, Minko for Stage3DCasaLib – utilitiesRobotlegs, PureMVC, Gaia – Design pattern frameworksAS3NUI, In2AR, OpenCV – image processing and NUINape, Box2d – PhysicsOSMF, Tonfal, Stardust – media playback, audio, particlesMinimalcomps – UI components

Literally hundreds of great libs

Page 34: Flash: A call for sanity

Summing upWhat have we learnt?

Page 35: Flash: A call for sanity

NO IDEOLOGIES

Page 36: Flash: A call for sanity

Thanks.@andrewdotdobson