the mobile web @ 2010 jsconf
DESCRIPTION
Dion Almaer and Matt McNulty talk about the future of mobile and how the Open Web can be the unifying platform across devices!TRANSCRIPT
JSConf 2010, Washington DC
Saturday, April 17, 2010
“It's better to be a pirate than join the navy.”
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
craigslist
Saturday, April 17, 2010
Saturday, April 17, 2010
Apple
Nokia
Palm
Sony
RIMHTC
LG Motorola
Saturday, April 17, 2010
1,500,000,000+
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Chrome’s V8 Safari’s SquirrelFish Extreme Firefox’s TraceMonkey Opera's Carakan
2.01.0 1.0
Alpha
100xSaturday, April 17, 2010
User Interface
BackgroundThread
2X
Browser
1
Web Workers
Saturday, April 17, 2010
HTML5
Saturday, April 17, 2010
Web Apps Packaged Apps
Web deployment model✓Use HTML5 app featuresfor caching + integration
✓Package applications✓Deploy to “store”✓
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Fluid
Appcelerator Titanium
PhoneGap
Palm webOS
Saturday, April 17, 2010
Embedded WebKitInstance
+ JS runtime (e.g., V8)
Device-native Application Shell
Saturday, April 17, 2010
Titanium Desktop
supports php, Python, Ruby, and Javascript
Titanium Mobile
Saturday, April 17, 2010
• Device
• Notification
• Media
• GeoLocation
• Accelerometer
• Contact
• Camera
PhoneGap
Saturday, April 17, 2010
function watchAccel() {
var win = function(a) {
document.getElementById('x').innerHTML = a.x;
document.getElementById('y').innerHTML = a.y;
document.getElementById('z').innerHTML = a.z;
};
var fail = function(){};
var opt = { frequency: 100 };
watchId = navigator.accelerometer.watchAcceleration
(win, fail, opt);
}
PhoneGap
Saturday, April 17, 2010
Saturday, April 17, 2010
// watch for swiping
$('#swipeme').bind('swipe', function(event, info) {
console.log(info.direction);
});
// orientation changes
$('body').bind('turn', function(event, info) {
console.log(info.orientation); // landscape/profile
});
// animations
$('#portfolio').bind('pageAnimationEnd',
function(event, info) {
if (info.direction == 'in') loadWorks();
})
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Saturday, April 17, 2010
Getting Touchy
Saturday, April 17, 2010
Tweetie 2Feel the refresh
Palm PreGesture back
Saturday, April 17, 2010
Haptics are coming :)
Saturday, April 17, 2010
Software keyboard Hardware keyboard
Saturday, April 17, 2010
NewsroomViewport on a world
Shake Shake ShakeDefining the new Ctrl-C’s
Saturday, April 17, 2010
What does the user want?
Saturday, April 17, 2010
Saturday, April 17, 2010