HTML Question

Discussion Forums > WebViews and HTML for Mobile

Replies: 14 Views: 144

jvalley Aspiring developer Posts: 456 Reg: Feb 16, 2013 Green Bay,Wi 9,360	confirm \| cancel 03/21/13 12:09 PM (12 years ago) HTML Question I do have a few questions.. I am trying to embed a HTML page into the app. I have read through many posts and came up with a test run to copy and paste into the HTML plug in.. I am looking for correct size for Android and IOS. My struggle is I can make mobile URL pages but for some of my ideas. I agree with apple (just have a website) I would also like to make the Graphics non-URL put with a option if i need to be URL. Can someone review the following.. I am using KompoZer as a editor.. I threw a table in the mix below. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <title></title> </head> <body> <img style="width: 92px; height: 101px;" alt="SPF" src="spf13.png"><br> <br> Test Test <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td>Test </td> <td>tset</td> </tr> </tbody> </table> <br> </body> </html> Title Comments I do have a few questions.. I am trying to embed a HTML page into the app. I have read through many posts and came up with a test run to copy and paste into the HTML plug in.. I am looking for correct size for Android and IOS. My struggle is I can make mobile URL pages but for some of my ideas. I agree with apple (just have a website) I would also like to make the Graphics non-URL put with a option if i need to be URL. Can someone review the following.. I am using KompoZer as a editor.. I threw a table in the mix below. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <title></title> </head> <body> <img style="width: 92px; height: 101px;" alt="SPF" src="spf13.png"><br> <br> Test Test <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td>Test </td> <td>tset</td> </tr> </tbody> </table> <br> </body> </html>

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	03/21/13 01:14 PM (12 years ago) It should show up ok... it won't do much. What kind of content were you trying to display? The biggest 'single' difference I've seen in my pages is the line that says: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes"> Everything else has been garden variety HTML. Also keep in mind while things will be someone 'stable' on the Apple platform, the sizes of the display on Android is going to be all over the place. Cheers! -- Smug Comments It should show up ok... it won't do much. What kind of content were you trying to display? The biggest 'single' difference I've seen in my pages is the line that says: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes"> Everything else has been garden variety HTML. Also keep in mind while things will be someone 'stable' on the Apple platform, the sizes of the display on Android is going to be all over the place. Cheers! -- Smug

jvalley Aspiring developer Posts: 456 Reg: Feb 16, 2013 Green Bay,Wi 9,360	03/21/13 01:23 PM (12 years ago) Thanks Smug I am really looking at just doing some text but i want a logo in there too or maybe a graphic to spruce it up.. I posted just a simple html as a example. Is Centering a issue? Sizing is key... any thoughts on android vs ios to make it somewhat close or do you have a android thought and a ios thought for. I was hoping to make the same for both platforms but I know that is tough. I have a family member that wants a real estate app so i wanted to do table to make a listing interface also Comments Thanks Smug I am really looking at just doing some text but i want a logo in there too or maybe a graphic to spruce it up.. I posted just a simple html as a example. Is Centering a issue? Sizing is key... any thoughts on android vs ios to make it somewhat close or do you have a android thought and a ios thought for. I was hoping to make the same for both platforms but I know that is tough. I have a family member that wants a real estate app so i wanted to do table to make a listing interface also

jvalley Aspiring developer Posts: 456 Reg: Feb 16, 2013 Green Bay,Wi 9,360	03/21/13 01:43 PM (12 years ago) Smug I just did a test on a live app.. and it worked out just like i want... well it work for a left logo on top and just plain text.. I did a url image.. Test was on a android x2 and was perfectly centered using the above header. Comments Smug I just did a test on a live app.. and it worked out just like i want... well it work for a left logo on top and just plain text.. I did a url image.. Test was on a android x2 and was perfectly centered using the above header.

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	03/21/13 01:52 PM (12 years ago) I'm not sure 'what' kind of real estate app your family member wants, but I released a RE app for a realtor friend of mine. It's free and in the app/play store, if you want to snoop around. What I usually try to do is make sure it looks good on an iPhone 4; that screen size is about as close to 'universal' as you can get, for most iPhones and relatively similar Androids. Cheers! -- Smug Comments I'm not sure 'what' kind of real estate app your family member wants, but I released a RE app for a realtor friend of mine. It's free and in the app/play store, if you want to snoop around. What I usually try to do is make sure it looks good on an iPhone 4; that screen size is about as close to 'universal' as you can get, for most iPhones and relatively similar Androids. Cheers! -- Smug

jvalley Aspiring developer Posts: 456 Reg: Feb 16, 2013 Green Bay,Wi 9,360	03/21/13 01:57 PM (12 years ago) Thanks smug She is a realtor and I was going to do one for free.. U have a link .. I will take a look .. Any hints? :) Comments Thanks smug She is a realtor and I was going to do one for free.. U have a link .. I will take a look .. Any hints? :)

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	03/21/13 02:01 PM (12 years ago) Just make it pretty. everything else is taken care of by Buzztouch. I used no 'fancy' plugins on this; it's all pretty generic stuff. I made sure to use only plugins that were both Android/iPhone for max compatibility. We've had about 200 downloads so far (released just over a month and a half now) and seem to have an average of 2 iPhone downloads per day, to 1 Android download per day. The link is off my 'published apps' page for either Android or iPhone; check it out :) Cheers! -- Smug Comments Just make it pretty. everything else is taken care of by Buzztouch. I used no 'fancy' plugins on this; it's all pretty generic stuff. I made sure to use only plugins that were both Android/iPhone for max compatibility. We've had about 200 downloads so far (released just over a month and a half now) and seem to have an average of 2 iPhone downloads per day, to 1 Android download per day. The link is off my 'published apps' page for either Android or iPhone; check it out :) Cheers! -- Smug

jvalley Aspiring developer Posts: 456 Reg: Feb 16, 2013 Green Bay,Wi 9,360	03/21/13 02:23 PM (12 years ago) Thats great thanks.... Comments Thats great thanks....

jvalley Aspiring developer Posts: 456 Reg: Feb 16, 2013 Green Bay,Wi 9,360	03/21/13 03:59 PM (12 years ago) I did check out the app .. Looks good . Is the calculator URL based? I would love to important maps but having a hard time with it .. Can't get the commands in the cmd to work on computer to get the md5 Comments I did check out the app .. Looks good . Is the calculator URL based? I would love to important maps but having a hard time with it .. Can't get the commands in the cmd to work on computer to get the md5

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	03/21/13 04:10 PM (12 years ago) The calculator is a javascript calculator in a webpage. It's pretty simple. The 'Puzzle' is an HTML 5 page; I used used the HTML 5 plugin and pasted the code in. With respect to the Map, it's kind of a biggie; Location Services is a big thing, at least here it is. I'd take the time to figure that out; it's going to be worth it. Although I'm not sure how the API works right now; they've planned to depreciate it. I'm fooling around with the Google SDK for iPhone, and there is a new API for iOS, but I haven't started on the Android side. Still, take a look at some of the documentation GoNorthWest and Fred did on it; it's a feature worth having. http://www.myskylla.com/articles/Google_Maps.html https://www.buzztouch.com/files/howtos/Obtaining_a_Google_Maps_API_Key_v1.0.pdf Cheers! -- Smug Comments The calculator is a javascript calculator in a webpage. It's pretty simple. The 'Puzzle' is an HTML 5 page; I used used the HTML 5 plugin and pasted the code in. With respect to the Map, it's kind of a biggie; Location Services is a big thing, at least here it is. I'd take the time to figure that out; it's going to be worth it. Although I'm not sure how the API works right now; they've planned to depreciate it. I'm fooling around with the Google SDK for iPhone, and there is a new API for iOS, but I haven't started on the Android side. Still, take a look at some of the documentation GoNorthWest and Fred did on it; it's a feature worth having. http://www.myskylla.com/articles/Google_Maps.html https://www.buzztouch.com/files/howtos/Obtaining_a_Google_Maps_API_Key_v1.0.pdf Cheers! -- Smug

jvalley Aspiring developer Posts: 456 Reg: Feb 16, 2013 Green Bay,Wi 9,360	03/21/13 04:17 PM (12 years ago) Thanks .. I struggle with commands within the command prompt.. Thanks for the help Comments Thanks .. I struggle with commands within the command prompt.. Thanks for the help

jvalley Aspiring developer Posts: 456 Reg: Feb 16, 2013 Green Bay,Wi 9,360	03/28/13 04:19 PM (12 years ago) Smug Any thought of sharing a place to find the script for the calc and the puzzle I just the puzzle Comments Smug Any thought of sharing a place to find the script for the calc and the puzzle I just the puzzle

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	03/28/13 05:29 PM (12 years ago) oh. sorry; most of that is on my Google 'public' drive; the link is in my 'published apps' page. But you can direct download from here: https://dl.dropbox.com/u/115208762/puzzle.html (Add your own picture) https://dl.dropbox.com/u/115208762/mortcalc.html (No change needed, except colors) Cheers! -- Smug Comments oh. sorry; most of that is on my Google 'public' drive; the link is in my 'published apps' page. But you can direct download from here: https://dl.dropbox.com/u/115208762/puzzle.html (Add your own picture) https://dl.dropbox.com/u/115208762/mortcalc.html (No change needed, except colors) Cheers! -- Smug

jvalley Aspiring developer Posts: 456 Reg: Feb 16, 2013 Green Bay,Wi 9,360	03/28/13 05:40 PM (12 years ago) Thanks as always .. I will let you know when done .. I'm doing a barbershop app and wanted games to play while they wait or while kids wait. I want to do both platforms at once.. I found this if interested http://www.playmycode.com/ Think I can paste html5 code right in app or use a URL link Comments Thanks as always .. I will let you know when done .. I'm doing a barbershop app and wanted games to play while they wait or while kids wait. I want to do both platforms at once.. I found this if interested http://www.playmycode.com/ Think I can paste html5 code right in app or use a URL link

SmugWimp Smugger than thou... Posts: 6316 Reg: Nov 07, 2012 Tamuning, GU 81,410	03/28/13 06:07 PM (12 years ago) Yes, the 'Puzzle' I actually just cut and pasted the whole page into an HTML5 plugin and it works flawlessly. I like that 'play my code' link; looks rather cool! I like the interactive games! Cheers! -- Smug Comments Yes, the 'Puzzle' I actually just cut and pasted the whole page into an HTML5 plugin and it works flawlessly. I like that 'play my code' link; looks rather cool! I like the interactive games! Cheers! -- Smug

Login + Screen Name Required to Post Login to participate so you can start earning points. Once you're logged in (and have a screen name entered in your profile), you can subscribe to topics, follow users, and start learning how to make apps like the pros.

Discussion Forums > WebViews and HTML for Mobile

HTML Question

Title

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments