The Web Can Do That?

The Web Can Do That?
Adventures in HTML5

Eric Bidelman
Google Chrome Team
@ebidel
htmlfivecan.com

1. CSS for web apps
– sites have supported this for awhile
– regions, flexible box layout, grid layout, hierarchies and more
– Flexbox is good for web design and easier to use
– alignment demo
– ordering & orientation demo
– same height columns allows for proportional display http://html5-demos.appspot.com/static/css/flexbox/index.html

2. Dynamic CSS
– calc() function

3. Data binding
– Used with JS framework
– uses HTML data attributes
– <datalist> uses predefined options for <input> used for auto complete

4. Access a filesystem
– Filesystem API
– security is per origin
– cache remote files
– callbacks are hard
– filer.js wraps unix commands

5. Serverless downloads
– client side downloads
– need a way for users to download data created in the app
– uses ‘download’ attribute in the <a> tag

6. Efficiently transfer data
– webintents
– postMessage()
– was a way to communicate with other windows
– it’s not efficient so Transferable Objects were created

7. Access native hardware
– Device APIs
– Geolocation, Device orientation, WebGL, HTML5 Filesystem, connectivity, battery, gamepad, WebRTC
– Speech enabled apps has been harder to get to but getting better
– camera and microphone plugin-free access to camera/microphone
– demos
– getUserMedia()

8. Make <audio> sexy again
– visualization can be one
– Web Audio API

9. Stream Multimedia
– Binary WebSockets can send data – file, blob or ArrayBuffer

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s