Commanding Chaos for Coworking, Open Source and Creative Communities

html5

Web Lab

Fri, 07/27/2012 - 13:19 -- rprice

Through 5 interactive Chrome Experiments, Web Lab explores the extraordinary workings of the internet. Each experiment explores and demonstrates a different web theme. Worldwide visitors both online and offline will be able to play live music together, launch data into cyberspace and trace where images on the web actually live, see how robots can see people, and get teleported to unexpected places all over the world.

battideas
exhibit
uk
open_data
community
interactive
museum
html5
Google

An All-New Zen with the Same Guiding Principles | Palantir.net

Mon, 06/18/2012 - 08:33 -- rprice

front-end performance is more critical then back-end performance. Front-end performance is also a critical priority for Zen. That’s why Zen 5’s markup and CSS footprint is so small. After turning on Sass production-mode compilation, the total CSS is only 14k; this includes the layout, vertical rhythm support, print styles, all the appropriate vender prefixes (like -o and -khtml), CSS3-prettified tab styling and the 3 menu images that are included via Data URIs into the CSS. Zen includes no images and only 2 JavaScripts (which are only loaded conditionally by IE8 and lower,

johnalbin
palantir
performance
sass
html5
htm
base_themes
themes
drupaleasypodcast

An All-New Zen with the Same Guiding Principles | Palantir.net

Fri, 06/08/2012 - 10:17 -- rprice

Front-end performance is also a critical priority for Zen. That’s why Zen 5’s markup and CSS footprint is so small. After turning on Sass production-mode compilation, the total CSS is only 14k; this includes the layout, vertical rhythm support, print styles, all the appropriate vender prefixes (like -o and -khtml), CSS3-prettified tab styling and the 3 menu images that are included via Data URIs into the CSS. Zen includes no images and only 2 JavaScripts (which are only loaded conditionally by IE8 and lower, but also minified and pre-aggregated together).

sass
normalize
css
best_practices
html5
base_themes
palantir
johnalbin
themes
drupaleasypodcast

Drumbeat Demo - HTML5 Audio Text Sync | The Worm Hole

Fri, 03/02/2012 - 05:38 -- rprice

1. In Sync Mode - press play on the player and use the space bar or sync button to synchronise the words with the audio.

2. Switch to Playback Mode to see the words synched to the audio. Click on the words to play the audio from that point. Try selecting areas of text.

subtitles
javascript
canvas
jplayer
audio
html5

The Worm Hole

Fri, 03/02/2012 - 05:28 -- rprice

Using Hypertranscripts we can:

Navigate through the media via the text.

Select and play parts of the media by highlighting the relevant parts of the text.

Share parts of the media creating URLs that contain start and end points.

Make our media more discoverable (via search engines)

Make our media more accessible.

More easily visualize the media.

Combine, embed and easily integrate media (using simple tools)

podcast
audio
Radio
javascript
inspiration
html5
hyperaudio

HTML5 Audio APIs - How Low can we Go? | The Worm Hole

Fri, 03/02/2012 - 05:18 -- rprice

Mozilla’s approach was to expose a very comprehensive low level API, which potentially allows JavaScript developers to create all the functionality of Webkit’s Web Audio API and then some. As a result we get libraries like JSMad cropping up. What does JSMad do? Significantly, it allows you to play MP3s in Firefox*. Is JavaScript fast enough? Apparently so. This was a ‘this changes everything’ moment for me and since then a similar approach has been taken by pdf.js and more recently Broadway.js which decodes H.264 on the fly.

browser
api
audio
html5

Pages

Subscribe to RSS - html5