Making (good) Webapps

James Long, Mozilla Webdev

January 17, 2013

http://jlongster.github.com/writing-webapps

Performance is critical

(Perceived) performance is critical

What is a webapp?

Is HTML5 ready? (hint: yes!)

Touch vs click

jsfiddle

Touch vs click


var clickEvent = ('ontouchstart' in document.documentElement ?
                  'touchstart' :
                  'click');

$(node).on(clickEvent, function() { ... });

Avoid refreshing the entire page

Avoid refreshing the entire page

jsfiddle

Smooth animations

Relative font-sizes

Reduce memory allocations

Always compress/concatenate resources

Want Offline? Use AppCache

manifest.webapp

mortar

Firefox OS Simulator

Loading...