Development of application – jQuery Mobile

First step in building my app is to create website for small phone screen resolutions useing HTML5 & CSS3. I have also consider to take advantage one of the most popular mobile frameworks. List and more frameworks description on website: http://www.queness.com/post/6706/9-mobile-framework-to-kick-start-your-mobile-development-career

I have decided to go along with jQuery Mobile for jQuerry’s sucess in webdesign and webdevelopment:     http://jquerymobile.com/

Over here is link for short preview of jQueryMobile and its docs:    http://jquerymobile.com/demos/1.0.1/

I have also managed to download pdf somewhere, but haven’t save it as bookmark so I will attach this pdf with my assignment.

After reading almost whole pdf file couple of times I implemented those new attributes to my HTML5. I haven’t used much of my own CSS3 as jQuery Mobile comes with their stylesheet alongside a javascript.

Introducing few HTML5 attributes

data-role=”page” http://jquerymobile.com/demos/1.0.1/docs/pages/page-anatomy.html

data-role=”header”      http://jquerymobile.com/demos/1.0.1/docs/pages/page-anatomy.html

data-role=”content”     http://jquerymobile.com/demos/1.0.1/docs/pages/page-anatomy.html

data-role=”footer”    http://jquerymobile.com/demos/1.0.1/docs/pages/page-anatomy.html

data-role=”navbar”

data-role=”controlgroup”

data-role=”button”   http://jquerymobile.com/demos/1.0.1/docs/buttons/index.html

data-transition=”fade”  http://jquerymobile.com/demos/1.0.1/docs/pages/page-transitions.html

data-icon=”arrow-r” http://jquerymobile.com/demos/1.0.1/docs/buttons/buttons-icons.html

data-iconpos=”right” http://jquerymobile.com/demos/1.0.1/docs/buttons/buttons-icons.html

data-position=”fixed”

data-role=”collapsible”  http://jquerymobile.com/demos/1.0.1/docs/content/content-collapsible.html        this is jquery version of collapsible div

Content of website for jQueryMobile docs is very simple, it doesn’t include many clear tutorials as downloaded pdf.

Here is a link to view a rough website, I recommend to open it in safari and resize window to 640×960.        http://www.boristav.sk/_sub/jakub/game1/

There is a few bugs, but as long I haven’t styled almost anything, in my opinium result is very impressive.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: