Home > Questions and Answers > General Questions

Using Adobe Muse? HELP: Is the code adapting to all phones? (8)

05-30-2014 11:18 AM #1 Chunk (Member)
Using Adobe Muse? HELP: Is the code adapting to all phones?

Hi there,

Taking each step one by one. Today it is all about landing pages. As written in the guides, using Adobe Muse is a good idea. I have to say: very easy to use!
Especially with this tutorial: https://www.youtube.com/watch?v=C175aAS1XRo

However, I have a few questions:

1) I am afraid this program creates tons of code, uses a ton of pictures--> will my landing pages be still up to speed?

2) Next, is it possible to export the html code, so you can hand code it as well? And then save it on your server?

3) Are the letters and pictures, auto resizing themselves depending on the screens of the phones? That is, using % instead of pixel width etc.?
As described here: http://stmforum.com/forum/showthread...Actually-Works

Is dreamweaver any better in this?

Thanks a million.

Yours,

PIM

p.s. I should have put the words: landing page in the tittle

05-30-2014 02:33 PM #2 Chunk (Member)

G-sus I get a headache from this.

Is this a sollution?
https://www.youtube.com/watch?v=JbkzBX6ZW_I

When we use this...what is the smallers screen we have to deal with?

05-30-2014 05:17 PM #3 caurmen (Administrator)

1) Muse creates pretty clean code - it's not perfect, but it's OK. However, you should definitely watch the size of the images it creates - run them through a tool like compressor.io to make sure they're as small as possible.

2) Yep, it certainly is. File -> Export As HTML will do the job!

3) No, they won't. You'll need to add media queries to do this, by hand - see http://stmforum.com/forum/showthread...With-Any-Phone for how to do that!

3a) Dreamweaver doesn't produce cleaner code than Muse. It does have slightly more support for media queries, but honestly you're as well doing them by hand.

Hope that helps!

06-02-2014 08:24 AM #4 Chunk (Member)

@ Caurmen

Below the Muse HTML produced. How to add the media queries into this?

----------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html class="html">
<head>

<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
<meta name="generator" content="7.2.232.244"/>
<title>Home</title>
<meta name="viewport" content="width=380"/>

<link rel="stylesheet" type="text/css" href="css/site_global.css?417434784"/>
<link rel="stylesheet" type="text/css" href="css/index.css?4280767838" id="pagesheet"/>

<script type="text/javascript">
document.documentElement.className += ' js';
</script>
</head>
<body>

<div class="clearfix" id="page">
<div class="clearfix colelem" id="u85-4">
<p>Awesome stuff!</p>
</div>
<div class="clip_frame colelem" id="u86">
<img class="block" id="u86_img" src="images/1920446_10152404763648296_994226485_n.jpg" alt="" width="313" height="98"/>
</div>
<div class="clearfix colelem" id="u91-4">
<p>More text</p>
</div>
<div class="verticalspacer"></div>
</div>

<script type="text/javascript">
if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/4.0/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
<script type="text/javascript">
window.jQuery || document.write('\x3Cscript src="scripts/jquery-1.8.3.min.js" type="text/javascript">\x3C/script>');
</script>
<script src="scripts/museutils.js?3865766194" type="text/javascript"></script>
<script src="scripts/jquery.watch.js?4068933136" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() { try {
Muse.Utils.transformMarkupToFixBrowserProblemsPreI nit();/* body */
Muse.Utils.prepHyperlinks(true);/* body */
Muse.Utils.fullPage('#page');/* 100% height page */
Muse.Utils.showWidgetsWhenReady();/* body */
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
} catch(e) { Muse.Assert.fail('Error calling selector function:' + e); }});
</script>
</body>
</html>

06-02-2014 09:15 AM #5 zeno (Administrator)

Check out this guide: http://stmforum.com/forum/showthread...With-Any-Phone

06-02-2014 11:29 AM #6 Chunk (Member)

Thanks Zeno, but I found my homeboy: wysiwygwebbuilder

You should try it out too.

Jippie.

07-04-2014 06:08 PM #7 johnlai (Member)

Originally Posted by zeno

Check out this guide: http://stmforum.com/forum/showthread...With-Any-Phone

Originally Posted by pim_amsterdam

Thanks Zeno, but I found my homeboy: wysiwygwebbuilder

You should try it out too.

Jippie.

Can't we just use weebly or wix to do this?

07-05-2014 02:39 AM #8 zeno (Administrator)

I wouldn't recommend those kinds of services.

1. They aren't very performance focused (page load speed), and in the IM world speed is crucial.
2. You relinquish a lot of control over the pages hosting, DNS, etc. and lack of control is a liability.
3. You can't readily do things that require specific server-side pieces of software/extensions/etc., e.g. redirection based on geographic location, device models and lookups, PHP-based scripts of various kinds, etc.
4. Good luck using these services for mobile landers. There are some geared toward mobile like Codiqa but they are often pretty bootstrap-ish with limited freedom to design as you want it.

Home > Questions and Answers > General Questions