Pictures from HTML5.tx 2013 in Austin TX Feb 2

I was fortunate enough to attend the sold-out HTML5.tx conference in Austin today.  Here's a few photos I shot and a few of my jumbled, unedited notes.

Embedded JavaScript, HTML5 and the Internet of ThingsJesse Cravens

Ace editor

Noduino

web-sockets 

Node.js communicates with Arduinos with web-sockets

node-serialport Node.js 

BeagleBone by TI, fully functional Linux board $100

Cloud9

Node running on BeagleBone

firmata protocal

multiple arduinos talking to BeagleBone central hub

Raspberry Pi used instead of laptop

Node.js used on small devices as webhosting 

konectic canvas library

ember.js is extremely impressive for single page app

Backbone: 3 Ways

Pamela Fox

push state to pretend to change url

single page web app

used Knockout

requireJS used for dependencies

before interview, look at web page and help them debug problems

no HTML - every element for javascript

directories are used for catagorizing becuase we don't have a tag based file system

django admin

you never want to delete stuff, add Delete column instead

add change log table

as you grow you need to change backend to scale, but not the front end

don't return php code, cause you can't change easily

only update partial 

good frameworks:  ember, spine, angularJS, enyou

start with Backbone tutorals, not the docs

Arduinos, BeagleBones, and Raspberry Pi, Oh My!

The New Rules of The Responsive Web

Matthew Carver

Laptops and desktops for creating, phone and tablets for consuming

Responsive web is more than squishy

Foundation or Bootstrap for prototyping
Style Tiles styletil.es
css preprocessors,  scss, sass, or less
SMACSS Scalable and Modular Architecture of CSS book
Embrace unpredictability.

Lighting Talks:

The Softer Side of HTML5

Tony Farnsworth, Anne Epstein, William Moner

Foundation or Bootstrap for prototyping

Style Tiles styletil.es

css preprocessors,  scss, sass, or less

SMACSS Scalable and Modular Architecture of CSS book 

Embrace unpredictability.

parseInt(010) is octal 8

parseInt('010') is 10 in chrome and 8 in Firefox

javascript == is type coersive

=== is really equals

false == 0 // true

false === 0 //false

put comments inside function for debugging instead of on top

Open Spaces group led by Eric Anderson on testing javascript

Austin Hallock  Clay.io
16ms to do something for 60 frame per second
use window.requestAnimationFrame instead of setInterval or setTimeout
github.com/austinhallock/html5.tx

Unfolding the Box Model
Chris Ruppel

10 things you didn't know a browser could do

Estelle Well

estelle.github.com/10

document.querySelectorAll("#foo .bar")

every element has "classList" with functions .add(), .remove(), 

h1.count

live node list, static node list

getElementByClassName is live, constantly updated

Rapid Templating: "Designing in the Browser" with Sass, Compass, and Serve
Nathan Smith

j.mp/get-serve
Marcotte Responsive Web Design, fluid grids and media queries
compass
get-serve.com
unsemantic.com is an example of using Sass, Compass and Serve
apache .htaccess     Options +multiview finds close file names


One last note:  Every presenter I saw was using a mac.