Home > Fun IT Projects, Utilities And Other Useful Things > Free HTML Mobile App Generator!

Free HTML Mobile App Generator!


Ristorante Generico is back, with variable width!

Awhile back, I tried making a generic HTML web app using Sencha, for a hypothetical restaurant ‘Ristorante Generico.’ It wasn’t great! Used a lot of fixed width, and when I tested it on phones other than my HTC EVO 4g it looked awful. Well I’ve revisited the topic, dropped Sencha, and created a PHP form so people can build their own HTML mobile app for their group or small business. Tested on the HTC Evo, iPhone 4s, and 1st Generation iPad, and it looks good!

For those interested, the ‘app’ is all HTML and CSS. All CSS is inline and image paths are absolute (”http://www.site.domain/image/image.ext” instead of “../img/image.ext”). Because there are no resource files or relative paths, users can steal the source and deploy it in their own site/hosting! Alternatively, users can simply generate an app with the PHP form and then link their site to the page they created, hosted on my domain.

The ‘app’ will display business/group name, a motto or sub-header, body text as defined by the user (which accepts HTML markup), and has 3 buttons for calling the group, pulling up directions on their phone, or pulling up the company/group’s main site.

RistoranteGenericoScreenShot

Create your own or check out the Ristorante Generico demo site on your Android or iPhone!

As always, if you want to use or modify the code for any reason, it is provided at no cost and with no guarantees.

Advertisements
  1. May 8, 2013 at 05:11

    Hey there, I think your website might be having browser compatibility issues.
    When I look at your blog in Opera, it looks fine but when opening in Internet Explorer, it has some overlapping.

    I just wanted to give you a quick heads up! Other then
    that, very good blog!

  2. August 18, 2014 at 16:18

    Pretty! This was an incredibly wonderful article.
    Thanks for supplying this information.

  1. No trackbacks yet.

Care to share your two cents?

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: