HTML5 Lightning Talks

Who knew that you have so many cool things to demo when it comes to HTML5, CSS3, JavaScript libraries, and more? Last October's round of lightning talks were such a success that we decided to do it again. If you have 10 minutes of amazing in you, this is your chance to share it with the rest of the group. Send us a talk title and a quick paragraph describing your lightning talk, and let the awesomeness flow...

6:00 - 7:00: Lightning Talks

7:00 - 7:30: Food!

7:30 - 9:00: MORE Lightning Talks

Web Workers for Fun and Profit

by John Krueger

We've all used web workers, but have we taken the time to explore all their capabilities? In this talk I will show some tricks I have picked up that stretch the perceived usages of web workers and show how powerful they can be. There's some neat techniques that are available across browsers that many people haven't had time to research or didn't even know existed. I'll do some live coding and as a special bonus I'll show off some of the cool new tricks firefox has.

ClojureScript: Build your own FullContact Browser Extension

by Kurt Harriger

Kurt Harriger will give us a taste of three great technologies. ClojureScript, Google Chrome Extensions, and the FullContact API. The FullContact API provides a wealth of insight into your user's online social networks. Using ClojureScript we will take the FullContact API client side with a Google Chrome Extension to enrich Twitter.com (http://Twitter.com/). You'll get insight into your twitter followers and the tools you need to build your own extensions for other web sites.

d3.js JavaScript Charting

by Tim Golen

d3.js is a powerful data manipulation script that unleashes infinite possibilities when it comes to visualizing data. Tim will be giving an introductory presentation on d3.js and show you some simple examples that he has been working on. You will learn the difference between d3.js and highcharts (as well as most other charting scripts).

Understanding the CSS3 Flex Box Model

by Jason Hummel

The CSS3 flex box model is a new paradigm for layout and is especially useful when working with mobile applications. The Flex box model lets lets you create complex layouts without relying on the normal methods of floats or absolute positioning. By specifying a containing element as display: box, you can easily tell the immediate children of said element to align themselves vertically or horizontally - to pack themselves at the beginning of the div or the end, or even stretch evenly across the entire container. It also provides a new way to get around the age old problem of vertical alignment in CSS.

Synchronizing Realtime Client State

by Mike Brevoort

Building realtime apps is hard! Websockets provides an amazing bidirectional duplex connection between the server and the browser; yet how can you leverage that to sanely build a realtime collaborative application between clients that are kept in sync or eventually consistent? In this talk I'll show you how to use backbone.js, socket.io, Redis and node.js to do just that.

CSS Media Queries and Media Feature Expressions

by Jordan McCullough

Mobile-ready HTML/CSS layouts are all the rage these days--and there are many ways to implement such support. Find out best practices and optimal techniques for utilizing media queries and media feature expressions to design, layout, and maintain beautiful multi-platform HTML pages across browsers and devices. Plus, discover ways of elegantly transitioning between layout states and scales.

JS Evolution: from "Toy-Language" to "Stack-Technology"

by Clint Nash

Let's face it, JS is not our uncles JavaScript, it has evolved. We are in a full-swing .JS generation where libraries evolve faster than we refresh our tweets. So why is this space innovating so rapidly? Isn't JS supposed to have "warts"? Let's take a ride to ten-thousand-feet and ask the big questions. Where is JS at within a technological innovation spectrum, and more importantly, where the heck is it going? To answer these let's define a JS innovation-lineage, what companies are innovating now, and what we see to be looming precipitously on the horizon. We will take a tour of the big movers-and-shakers in the JS-space and propose a new way of thinking and hopefully, acting toward our old pal JavaScript.

Parlez-Vous HTTP?

by Fred Jean

Take a quick stroll down a HTTP dialog as your guide points out area of interests along the way. This will cover the very basics of HTTP and how to use tools such as the Chrome Developer Tools to understand what is happening at the transport layer.

Cutting Edge Audio, Video, and Canvas

by Andrew Gale

We will demo our HTML5 based audio/video mixer and go over some of the issues we are facing in browser and platform support.