The Web Can Do That?

The Web Can Do That?
Adventures in HTML5

Eric Bidelman
Google Chrome Team

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

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


Leave a Reply

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

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

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s