Discussion Forums  >  Plugins, Customizing, Source Code

Replies: 6    Views: 198

BuzzingSteve
Aspiring developer
Profile
Posts: 526
Reg: Jun 24, 2011
Vancouver, Cana...
11,660
05/29/13 03:08 AM (12 years ago)

HTML Pro Plugin and Responsive Design

I already sent this to Chris, but thought I'd throw this out here on the forums too. I'm thinking of buying/using the HTML Pro plugin, but I'd like to find out if it can do the following. The existing HTML Doc plugin does not. - will the HTML Pro plugin create "responsive" text/images, i.e. I have a few screens which are basically information screens with text/tables (possibly images in the future). They don't format well for small screens (text too small). I want to be able to just export the Word documents into HTML and have them show up with properly sized fonts so that they are readable without having to zoom in on the iPhone. - ditto for the larger iPad screen, i.e. fonts should resize for readability for the larger screen It seems more and more content (especially websites) is being designed to be responsive to mobile devices. I'm not sure if this is already built into the HTML Pro plugin or if you need to do anything special to enable this. Cheers Steve
 
ATRAIN53
Code is Art
Profile
Posts: 1755
Reg: Nov 17, 2011
Chicago
26,450
like
05/29/13 06:53 AM (12 years ago)
I'm sure it's not. Most responsive designs rely on some CSS and I don't see where this plug-in is spitting out CSS to format the HTML. I'm all about Responsive Design, it's cross platform and more future proof than most native stuff. I'm just starting to use this a bit now to design responsive HTML pages: http://html.adobe.com/edge/reflow/ Joomla and WP have responsive templates too that will generate some beautiful pages. Build a site and point to the content - you'll have a nice CMS to go with your app content. RD is huge now, I would not be surprised to see it start outpacing app developement. 1 design that resizes for multiple phones/screens and is OS independent? You really can't beat that. Go Hawks!
 
Tony @ Buzztouch
buzztouch Evangelist
Profile
Posts: 528
Reg: Mar 05, 2011
Saint Louis, Mi...
24,620
like
05/29/13 12:48 PM (12 years ago)
BuzzingSteve, Responsive HTML is great! You need CSS files attached in the same directory to process the the HTML though. I recommend using a URL plugin and feed that url from your hosting to a screen in your app. That way when the page is processed it appears that it is coming from the app, but it is really on your hosting server. Good luck! Tony Buzztouch.com Saint Louis, MO
 
BuzzingSteve
Aspiring developer
Profile
Posts: 526
Reg: Jun 24, 2011
Vancouver, Cana...
11,660
like
05/29/13 03:55 PM (12 years ago)
@ATRAIN53. Thanks for the useful feedback, really appreciate that. I already have an Adobe account and the link is interesting, but it looks like you gotta use all the Adobe tools...a bit of an overkill for what I'm thinking. But great tools. @Tony. My only issue with the URL Plugin is that content is not locally cached for when the user is not on WiFi or 3G/4G. And sometimes there is a bit of a lag for accessing content from a URL. I guess what I'm hoping for is some tool that can spit out HTML that is able to recognize different devices (iPhone vs iPad) OR use relative widths rather than fixed screen widths, and set the font sizes, etc based on that inside the HTML. Not sure if this is possible. And then user the HTML plugin to copy down the HTML from a link (so you can update it later).
 
BuzzingSteve
Aspiring developer
Profile
Posts: 526
Reg: Jun 24, 2011
Vancouver, Cana...
11,660
like
05/29/13 04:21 PM (12 years ago)
This is interesting: http://www.netmagazine.com/tutorials/build-responsive-emails https://crocodoc.com/why-crocodoc/ The responsive email article techniques could, I guess, be used to create responsive HTML for the HTML Doc plugin?
 
Grateful
buzztouch Evangelist
Profile
Posts: 69
Reg: Dec 03, 2012
Long Beach
5,340
like
06/02/13 04:02 PM (12 years ago)
Hi BuzzingSteve, The HTML Pro plugin is not an engineered mechanism for developing responsive designs, the plugin is designed to link up screens through screen urls within the app itself. Responsive HTML/CSS/JS documents and HTML Pro can work together to create multi-platform solutions for you, but you have to do the "Responsive Design" work yourself. You can find documentation here: http://twitter.github.io/bootstrap/ This solution can help you create an extremely customized UI/UX while getting all the native power and ease of Buzztouch, which is what you might be looking for. Feel free to ask me anything if you are still confused. Cheers.
 
BuzzingSteve
Aspiring developer
Profile
Posts: 526
Reg: Jun 24, 2011
Vancouver, Cana...
11,660
like
06/03/13 12:54 PM (12 years ago)
@Grateful. Thanks! Will definitely check out Bootstrap. Cheers
 

Login + Screen Name Required to Post

pointerLogin 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.