our first ezpublish mobile website
DESCRIPTION
the story of how we've built our first eZPublish based mobile website.TRANSCRIPT
We've built a website
THE CLIENT
HELLO! ALL WELL, BUT NOW WE WANT A MOBILE VERSION OF THE WEBSITE!
BUT WE ONLY WANT only SOME BITS OF THE ACTUAL WEBSITE TO BE VISIBLE ON THE MOBILE WEBSITE...
THAT SECTION THERE...
THAT one...
THAT BIT AS WELL...
AND THAT ONE TOO.
OH, AND THAT ONE...
..THAT ONE...
...AND THAT ONE. EVERYTHING ON THE MOBILE VERSION.THANKS.
How do we do it?
OUR FIRST OUR FIRST
MOBILE WEBSITEMOBILE WEBSITE
● System choice vs User Choice
● Architecture differencies
● Layout approach
SYSTEM CHOICE vs USER CHOICE
● device/browser sniffing● css3 media queries
User inputs a specific address for the mobile website.
Architecture differencies
new siteaccessnew design
array with main nodes
breadcrumb tweaking
Layout approach
Built on jQuery
HTML5 Markup-driven configuration
Automatic initialization (HTML5 data-role attribute)
Theming framework
http://jquerymobile.com/
It adds nice effects
GREAT! WE ARE VERY PLEASED WITH THAT.AND YOU BUILT IT IN NO-TIME!
WELL DONE!
THE END
The Client.........................................http://www.sxc.hu/profile/rubenshito
Skyscraper.........................................http://www.sxc.hu/profile/raflowers
Mobile Phone...................................HTC hero
Panicked man...................................source unknown
Sherlock Holmes...............................himself
Smartphones chart...........................http://lifehacker.com
jQuery hero......................................http://totalfright.com
No animals were harmed in the marking of this presentation.
