Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Carrier: Sprint

Here's a free GPL WebWorks app with JQuery Mobile

[ Edited ]

Hi guys,

 

While recovering from a bad throat infection I decided to create a little second app and offer it to anyone who wants to look at the code, mess with it or whatever else they fancy. 

 

It's a nice looking unit converter app using JQuery Mobile for a sleek GUI.

Hopefully it will help some people discovering JQuery Mobile which is honestly pretty awesome. Especially since WebWorks lacks any kind of built-in GUI components this will help even non-designer people to create sleek looking apps.

 

If you add a bit of CSS3 special sauce like i did in this app with the page background and the LCD-style screen with a custom font you can make things look even better. You can create really killer-looking apps with WebWorks!

 

Here's a screenshot:

 

screenshot.png

 

The full source is here on GitHub:

 

https://github.com/TheMarco/Unit-Converter

 

There may still be a bug or two. In a few days I'll post the app to AppWorld as (another) free PlayBook app.

 

Enjoy!

 

P.S. if you like it, feel free to send me a Kudo :smileywink:

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Contributor
hakanson
Posts: 36
Registered: ‎04-06-2010
My Carrier: AT&T

Re: Here's a free GPL WebWorks app with JQuery Mobile

I noticed in the font directory you had four copies of each font (.eot. .svg, .ttf, .woff).  Did you play aournd with the different font formats.  I have only tried to use CSS @font-face wit a TrueType font on the playbook and was currious if the other formats worked as well under WebWorks.

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Carrier: Sprint

Re: Here's a free GPL WebWorks app with JQuery Mobile

I haven't yet to be honest with you. I just put the 'catch all' setup in for now. It can probably do with just one really. I'll figure it out soon and update the repository :smileyhappy:

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
ddluk
Posts: 209
Registered: ‎10-02-2010
My Carrier: Play and Plus

Re: Here's a free GPL WebWorks app with JQuery Mobile

Great job TheMarco2 :smileyhappy: One thing you should update is adding nice look for select lists. You can see about what I'm talking about here - http://jquerymobile.com/demos/1.0a3/#docs/forms/forms-selects.html



2sky.pl - Software development is our passion.
Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Carrier: Sprint

Re: Here's a free GPL WebWorks app with JQuery Mobile

I explicitly did NOT use those because in a fair amount of cases the amount of items is very large. The 'large' version of the JQuery Mobile menu is very sluggish on the PlayBook simulator which is why I opted for native. You can change this very easily though if you prefer it anyway. The source is yours :smileyhappy:

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
ddluk
Posts: 209
Registered: ‎10-02-2010
My Carrier: Play and Plus

Re: Here's a free GPL WebWorks app with JQuery Mobile

Ok. I already use jQuery Mobile in one of my apps :smileyhappy: You've got the right, after adding more options to select list it's working sluggish.

 

Are you going to publish this app to App World?



2sky.pl - Software development is our passion.
Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Carrier: Sprint

Re: Here's a free GPL WebWorks app with JQuery Mobile

Yep it's surely going to app world, like I said in the opening post. It will be a free app :smileyhappy:

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
ddluk
Posts: 209
Registered: ‎10-02-2010
My Carrier: Play and Plus

Re: Here's a free GPL WebWorks app with JQuery Mobile

Ohh, I didn't read that last sentence in your post :smileyhappy: I will definitely download that app. 



2sky.pl - Software development is our passion.
Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Carrier: Sprint

Re: Here's a free GPL WebWorks app with JQuery Mobile

Ok we only need the ttf font for things to work on the PlayBook. Got rid of everything else just now.

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.
Developer
TheMarco
Posts: 669
Registered: ‎02-19-2011
My Carrier: Sprint

Re: Here's a free GPL WebWorks app with JQuery Mobile

Made a less ugly app icon and submitted the app to AppWorld last night. :smileyhappy:

 

iconcopy.png

Staff UI Prototyper (read: full-time hacker)


My BB10 apps: Screamager | Scientific RPN Calculator | The Last Weather App

Please use plain text.