[JBoss webinar - HTML5]
JBoss open source projects:
Jboss Tools - jboss developer studio
Seam - EE6-CDI/Weld, JSF2, etc.
Snowdrop Jboss Spring integration
Richfaces - JSF AJAX controls
Arquillian - integration testing framework
Forge - RAD framework
TorqueBox - Ruby on Rails on JBoss
BoxGrinder - Virtual image/appliance creator
...
TweetStream
Push
REST
JSON
jQuery mobile
Sencha Touch
SproutCore
POH5 - Plain Old HTML5 + REST
HTML5+CSS3+jQuery/EXT JS
JSF2 + RichFaces4
Arrive [push]
HTML5Rocks.com
www.w3c.org/TR/html5
whatwg.org/html
no flash on iPhone!
w3counter.com - browser statistics
w3schools.com
new tags article, aside, header, footer, nav
hue/saturation/luminance
@font-face
border-radius - rounded corners
transforms, transitions
slides.html5rocks.com/#css-transforms
canvas 2D, 3D
video
audio
drag & drop
speech input
slides.html5rocks.com/#speech-input
1990s - frameset
late 1990s table
2000 div
2011
somethinghitme.com/projects/canvasinvaders
web sockets - push capability
web storage - localStorage, Web SQL Database [no longer an active spec, now moving to indexeddb], IndexedDB
web workers - ~threading
form fields - email, date, range, search, tel, color, number
- built in validation
- interact with native device, switch keypad alpha/numeric based on field type
<meter>, <progress>
application cache - offline application components
notifications
geolocation
device orientation (tilt, horizontal/vertical)
server side events
modernizr
html5test.com
fmbip.com/litmus
modernizr.com no longer displays this on home page
functionsource.com
[jaxion.com]
Android WebKit - weaker than iOS, does not currently support web sockets (needed for push)
ChromeFrame (desktops)
- puts Chrome inside IE, good for older versions of IE
jQuery Mobile (Verizon)
iUI (Bank of America)
Sencha Touch
jQuery Mobile
- touch optimized for mobile device
find this slide:
AJAX Web 2.0 frameworks ,
presenter is impressed with jQuery Mobile
polyfill - javascript shim that replicates standard API for older browsers
jQuery RESTEasy
RESTEasy - Java annotations
jquery handles look and feel on device
from Event Producer to All Participants:
Please place questions about the event below into the ? mark icon. Thank you.
from Burr Sutter to All Participants:
http://booking-html5.rhcloud.com/mobile.html
html5rocks.com
modernizr.com
diveintohtml5.org
hongkiat.com/blog/48-excellent-html5-demos
chromeexperiments.com
html5demos.com
html5test.com
pinchzoom.com/posts/anatomy-of-a-html5-mobile-app
burr.sutter@jboss.com
@burrsutter
github.com
find this slide:
alternatives to web sockets
[metadata refresh, ...]
tools: use jboss developer tools in eclipse
bug - doesn't like minified javascript files