Upload
michael-kowalski
View
795
Download
3
Embed Size (px)
DESCRIPTION
Presentation given at Tools of Change Bologna 2013
Citation preview
Micycle����������� ������������������ Builds����������� ������������������ an����������� ������������������ App
By����������� ������������������ Michael����������� ������������������ Kowalski@micycle
What����������� ������������������ kind����������� ������������������ of����������� ������������������ app����������� ������������������ should����������� ������������������ Micycle����������� ������������������ build?
It����������� ������������������ has����������� ������������������ Wordsand����������� ������������������ picturesMaybe����������� ������������������ some����������� ������������������ game����������� ������������������ bits
It����������� ������������������ tells����������� ������������������ a����������� ������������������ story
A����������� ������������������ world����������� ������������������ of����������� ������������������ many����������� ������������������ devices
Designing����������� ������������������ for����������� ������������������ an����������� ������������������ unknown����������� ������������������ number����������� ������������������ of����������� ������������������ page����������� ������������������ sizes����������� ������������������ is...����������� ������������������ quite����������� ������������������ hard
Fixed����������� ������������������ layout����������� ������������������ -����������� ������������������ one����������� ������������������ size����������� ������������������ only
Fixed����������� ������������������ layout����������� ������������������ doesn’t����������� ������������������ scale
Responsive����������� ������������������ design
Big
Little
A����������� ������������������ paradigm����������� ������������������ shift
No����������� ������������������ more����������� ������������������ pages
The����������� ������������������ infinite����������� ������������������ canvas
What����������� ������������������ technology?
HTML5����������� ������������������ is����������� ������������������ responsive
Cross-platform Responsivelayout
Accessible
Semantic Lightweight
InteractiveNon-proprietary
iOSAndroid
Web
Low lock-in Future proof
SmartphonesTablets
Laptops
TV
Simple webtechnology
Desktop
native
HTML5
Hybrid����������� ������������������ apps
code
content
Frameworks����������� ������������������ for����������� ������������������ hybrid����������� ������������������ apps
Allow����������� ������������������ HTML5����������� ������������������ to����������� ������������������ talk����������� ������������������ to����������� ������������������ native����������� ������������������ code.
Text����������� ������������������ can����������� ������������������ be����������� ������������������ separated
Hello Ciao
Every����������� ������������������ app����������� ������������������ from����������� ������������������ scratch?
New����������� ������������������ technical����������� ������������������ skills����������� ������������������ needed.
Repeatable����������� ������������������ workflow
native
HTML5
developer
editorial
code
content
New����������� ������������������ revenue����������� ������������������ models
Bootstrapping����������� ������������������ behaviour
// Find things styled as wigglyvar wigglies = $(“.wiggly”);
// Watch for taps on wiggly thingswigglies.on(“tap”, { // make it wiggle! $(this).addClass(“wiggling”);});
Hybrid����������� ������������������ apps
✓Work����������� ������������������ on����������� ������������������ many����������� ������������������ devices
✓Cheaper����������� ������������������ to����������� ������������������ develop
✓New����������� ������������������ revenue����������� ������������������ models
✓Repeatable����������� ������������������ workflow
The����������� ������������������ end.