HTML5 Lightning Talks

6:00 - 7:00: Lighting Talks

7:00 - 7:30: Dinner

7:30 - 9:00: More Lightning Talks

It's that time of year again! It's time for the October 2012 edition of HTML5 Denver Lightning talks. This is where you -- the audience -- storm the stage and share 10 minutes of cask-strength HTML5 awesomeness with everyone.

Is there a stunning CSS3 trick you've been dying to show off? Is there a new JavaScript library that you can't believe we haven't heard about yet? This is your chance to fix that.

No previous presentation experience is necessary -- just send us a title and a paragraph describing your 10 minutes of jaw-dropping excellence. We've got room for all takers, and you won't find a friendlier crowd in town for you to dust off those rock-star public speaking skills you know you have hiding inside you...

Client-Side Package Manager Comparison

by Wil Moore, III

It is about time for front-end developers to have a decent package manager. Front-end development is serious business and there is no good reason for us to continue with sub-par tools or no tools at all. I will share some of the insights that I've gleaned from testing each package manager and show you how you can use my research to choose the right tool for your team.

10 minutes with Brunch.io

by Eric Wendelin

Brunch is a library agnostic HTML5 application assembler. It basically throws a collection of your preferred JS and CSS libraries, templating language and MVC together. I'm going to write a webapp in your face in 10 minutes and it's going to rock your socks off.

Volo.js: Command-line Web Developer Awesomeness

by Scott Davis

Grails and Rails developers have known for years how great it is to drive your server-side web development process from the command line. Now Volo.js offers the same experience for client-side developers. Type "volo create myapp" to lay out the initial directory structure, "volo add jquery" to download and add the JavaScript libraries you need, and even "volo ghdeploy" to publish your website to GitHub.

Come see how quickly you can get up and running with Volo.js, and how quickly you'll find you can't live without it.

AdaptivePatterns

by Clint Nash

Our web creations run on a myriad of devices and that is just reality. With Responsive Web Design (RWD) we think about consumption in terms of device experience, and how to adapt to each. These designs are hardly solved, and an in-hand device explosion is only just beginning; so our challenge is clear. Even at HTML5 Meetup Denver we witnessed a web application convert to an operating system application...hold on, let me just add that to the list. More devices, more environments. In this decade, device-multiplicity is commonplace and we need mount-up and design to it.

So, lets ask the question: How do we effectively write adaptive code over time? Do we rewrite it top-down, custom-fit CSS to HTML every time? Or are there sustainable ways? Let's learn from the experts like the GangOfFour and reference a variety of advanced contemporaries to talk - Responsive Web Design. This is only a test - AdaptivePatterns.

Rise of the JavaScript Robot

by Travis Nelson

A look at the JavaScript Arduino programming framework, johnny-five. Johnny-five is an open-source node.js module that leverages the firmata protocol and node-serialport so you can write JavaScript to control switches, lights, motors, or even robots. Yes, I said robots!

Three.js - the easy way to use WebGL

by Chandler Prall

Three.js is the easiest way to display 3D content on the web. Until recently you had to be a Flash developer if you wanted to do anything with 3D graphics. The new WebGL API brings GPU acceleration to the web, but can be very difficult to understand unless you are already a 3D developer. Three.js abstracts away the complexities of WebGL and makes developing rich content incredibly simple. In just 10 minutes you'll see how to create scenes, add objects and lights, and animate everything.

Immersive 360 Panorama Viewer via WebGL

by Candemir Orsan

In the past Occipital's web based panorama viewers made use of Flash and CSS3D technologies. Our team recently released a new viewer that relies heavily on the advanced capabilities of WebGL and HTML5 to create a magical experience.

Join us as we walk you through our interactive panorama viewer and the lessons we learned about WebGL along the way.

XML/XSL/JavaScript for scientific data

by Michael Malak

XML has been used for years in the scientific software world to store experiment results and conditions. If you embed XSL within the XML, then you add a nice presentation without having to create a separate file or application. That would be cool enough by itself.

But HTML5 with its new "canvas" tag finally brings pixels to the world of browsers and the web in a vendor-neutral standards-based way, and by embedding JavaScript & canvas into the XSL (which in turn is embedded in the XML), it is possible to bundle scientific graph & image visualization in with the data itself -- XML, XSL, JavaScript and Canvas all in a single file that is small enough to be e-mailed.
I've got some real-time animated zooming graphs in there, too.

Interactive Science and Math Simulations

by Samuel Reid

PhET Interactive Simulations publishes free, open source, educational, interactive science and math simulations. We feature over 100 simulations, with translations in 50 languages--which are launched over 2 million times per month during the school season. Our simulations are currently developed in Java and Flash, but now that classrooms are starting to use iPads and Android tablets, we have started investing in HTML5 as a cross-platform solution. We've developed a few prototypes within the last month experimenting with different HTML5 technologies. We have many ideas about how to proceed in making highly interactive and visual simulations performant and scalable, but still several unanswered questions. We'll focus on one of our more complete prototypes of a chemistry simulation called "Concentration" which is being developed using a relatively new scene graph called CAAT. http://phet.colorado.edu/

Pragmatic Styling: Applying SOLID to CSS

by Brian Street

We are familiar with how applying SOLID principles to software helps us write better code. Others have had great success applying these principles to HTML and CSS.

Fade In, Fade Out

by David Geary

Other than man-made objects, there are not many rectangles in the real world - most of nature's graphics are fractal, not polygonal - which is part of the reason for Apple's love affair with rounded corners.

Likewise, user interfaces that change abruptly are not natural for users. When you present a dialog box or a message to a user, it should fade in rather than appearing abruptly.

In this short demonstration, I will show you how to fade in (or out) parts of your user interface with CSS3. Along the way, we'll see an aspect of CSS3 transitions that may initially appear to make no sense, but upon further examination, you will see not only why it makes sense, but how to best take advantage of it.

JSON at Work: Overview and Tools

by Tom Marrs

JSON is more than just a simple replacement for XML when you make an AJAX call. It is becoming the backbone of any serious data interchange over the Internet. There are emerging standards and best practices that can be used to harness the energy and enthusiasm around JSON to build truly elegant, useful, and efficient applications.

You’re already using JSON for your AJAX calls, so you may be thinking:

• What else is there to talk about?

• What additional tools are available, and why do they matter?

• Everything is great, so how would these tools help? In this talk, I’ll cover:

• JSON Beginnings - language overview, and the JSON Ecosystem.

• Testing RESTful Web Services.

• JSON Validators

• JSON Beautifiers.

• JSON Modeling – JSONPad and Orderly.