Hi guys, I know the Adobe Muse team is working hard to make this revolutionary tool better by the day. They have done a lot of foundation work to get this tool up to this state. I say congrates guys keep the good work on.
But before we get to the promised land. I know a lot of 'creative non-coders' still want to take up the challenge of doing some cool stuff spread around the internet nowadays such as jquery fullscreen image slideshow, fullscreen image jquery sliders, etc. But Muse is not there yet. I believe the next release will enable designers to take advantage of the height feature missing right now(I just believe so, no insider hint, please don't quote me.
).
Okay let me not bore you.
Now I have noticed you can bring any slideshow into Muse if you have the bravery to do it. It's so simple. See this: www.dynamicarchitecturaldesign.com.
The slideshow was a backstretch jquery plugin with some custom javascript to load the page before displaying the page.
The trick is, follow the instruction provided by the author of any of this script, especially the ones relating to the jquery-1.4min.js... jquery-1.7.min.js... upto the latest version that could possibly be available. Note: Adobe Muse also have almost the latest version of the jquery plugin. So after authoring your stuff in Adobe Muse, export as HTML then move and replace any of the code provided by the author of the code you intent to use with the one that Muse generates always:
<script src="http://musecdn.businesscatalyst.com/scripts/1.1/jquery-1.7.min.js" type="text/javascript"></script>
This is often placed toward thge bottom section before the closing </body> and </html> tags. Move it up to the head section using notepad or DW. Though this is not the intended workflow by the Muse team, but it gives you the edge to do stuff you want to do.
Hey toplovely,
Nice article. One thing though, editing the HTML after exporting will not reflect the changes back in Muse and you will have to make changes everytime you publish/export.
I would recommend to use the following two options to tweak the looks with jquery, as much as possible, to keep the option of exporting/publishing with you.
1. Page Properties -> Metadata.
2. Object -> Insert HTML
Regards,
Abhishek Maurya
The problem is Adobe Muse places it's own jquery version at the bottom section(for reasons best known to the development team. I remembered during the beta days that it slows Muse pages down and the development team repositioned it so that Muse pages can load faster) . So leaving this all important jquery script at the bottom of the page won't work, if you have custom jquery stuff you want to add.
Again the absence of inserting scripts in the body tag, e.g <body onload="hideLoadingLayer();"> or the bottom section before the close of the body tag makes Muse in its present state less-workflow friendly. Until you guys introduce this impotant feature in the next build possibly August ending, experienced web designers that love the freedom of designing with Muse will still be going through this headache or better still, the Muse dev team should make the widgets that ship with Muse support 100% width and height. Then Muse will be the hero of the web. I bet you.
Good work Adobe Muse dev team. We all appreciate you guys.
Hi toplovely,
Please refer to the following threads,
- http://forums.adobe.com/message/4560680
- http://stackoverflow.com/questions/436411/where-is-the-best-place-to-p ut-script-tags-in-html-markup
- http://webdesign.about.com/od/speed/a/script-placement-for-speed.htm
Regards,
Abhishek Maurya
Okay Maurya, am suggesting the Muse dev team can take a cue from the edge team. In the publishing setting of Edge their is an option for Framework via CDN!
Introducing this feature into Muse will go along way to enhance the workflow of psuedo-developers using Muse to cut down on web design time. if I have some jquery codes for slideshows and so on that I have lifted from some places or purchased on the internet, I can conveniently place the codes as usual where they need to be and on export indicate to Muse whether I want it to include its own code:
"http://musecdn.businesscatalyst.com/scripts/1.1/jquery-1.7.min.jswhich has been further modified in the new beta 2 release as:
| <script type="text/javascript"> | |
| if (document.location.protocol != 'https:') document.write('\x3Cscript src="http://musecdn.businesscatalyst.com/scripts/1.1/jquery-1.7.min.js" type="text/javascript">\x3C/script>'); | |
| </script> |
in the export and during publish (a publish setting kinda of could be added to the preference area) or use my own framwork that I have included in the head section. So Muse will not include the above jquery musecdn... in the publish version. That way you are giving us more control and winning more developers over to Muse and of course more money for Adobe ![]()
. See screnshot in Adobe Edge:
Hi,
I would appreciate if you can add it to the ideas section over here, http://forums.adobe.com/community/muse/ideas
Regards,
Abhishek Maurya
North America
Europe, Middle East and Africa
Asia Pacific