Responsive Web design

The Muse site of the day "Trust Financial, United States" is a responsive design how is this accomplished in Adobe Muse? or have they made a tablet and phone site that when you shrink down the desktop browser its automatically filling the space for tablet and phone?

You can watch this tut. from Lynda.com
http://www.lynda.com/Muse-tutorials/Muse-Essential-Training/89048-2.html
Very useful Tut by James Fritz for Making Responsive Web Design for Desktop, Tablet & Phone.
hope that helps

Similar Messages

  • Has anybody modified the Aperture Web Themes for a Fluid Grid or Responsive Web design

    I have had some experience modifigying Apple's WebThemes inside Aperture in
    Aperture.app/Contents/Resources/WebThemes
    I would like to create or modify an existing Web Theme in order to have my site follow the Fluid Grid principles of Responsive Web design.
    Has anybody done this who would like to provide some advice?
    Thanks, in advance.

    Hi jonfreed77,
    People facing similar issue, posted following resolution in another thread recently.
    Please give it a try and confirm if they work for you.
    8. pcepp,
      20 Jun, 2013 8:24 AM in reply to pcepp  
    Report
    I found a solution that worked for me.
    I removed all the fonts that Adobe CC installed out of my Library:Fonts folder and just left in the Apple Basic fonts like Arial, Courier etc... Launched Dreamweaver CC and the CSS designer panel works. I have no idea exactly which font it is, or creating the conflict. All I know is that it works great now.
    |
    9. dogdog63,
    20 Jun, 2013 10:11 AM in reply to dogdog63
    Report
    very strange - I installed Illustrator CC and then I had no more problems with Dreamweaver! No more crashes when close or create files and no more problems with the CSS designer. Error messages during create fluid grid layouts are also gone ...
    Michel:
    I think I figured it out on the Mac. Be sure that Verdana is activated in Font Book. What tipped me off to this was a warning I was receiving when trying to open After Effects. It was saying that the program needed Verdana for the user interface to work. I thought that maybe Dreamweaver needed Verdana too. Sure enough! Hope this helps you guys.

  • MOSS 2007-Responsive web design

    Hi All
           I am having an internet site developed in MOSS 2007. I want to revamp it for mobile application. Is there anything in Moss 2007 like media query or responsive web design?
    Please share an article or video url to convert a website to mobile device.
    Regards
    Jhanani
    Janani.R

    Hi 
     My site is publishing portal.. Its an internet site. When i tried to put /m after the site url, it is showing page not found, I tried to actiavete "
    -o activatefeature -name MobilityRedirect -URL http://URL"
    also not working.
    I am not able to find a good sample from the scratch for variations.I am new to this mobile application.
    What i am thinking is to customize every page of this site. and for mobile application the url will be servername/mobiledevice/
    Can you pls suggest the best way to do this.
    for me variation for multi lingual site samples only got,,
    Pls help 
    Janani.R

  • Weblogic Portal with Responsive Web Design

    Hi All,
    Did any body used CSS3 Media Queries (Responsive web designing) in Weblogic portal like for layouts,jsp's etc.,.
    Thanks,
    Venkat Sarvabatla

    Here is the link:
    http://www.destiny-seminars.com/dev/index.html
    The dev directory contains:
    index.html
    contact.html
    speaking.html
    training.html
    about.html
    The first page to look at where I had the most recent, most completed page, is - about.html. That will be my template for the rest.  Also, there was supposed to be a feed from my blog showing up on this page; it was also perfect at first. Then, my shaded black site links section and and the copyright footer quit showing up. When I commented out the blog feed code, the footers showed up again. At one time, it all was working. so this is yet another problem I cannot figure out why stuff is changing seemingly by itself.
    These pages were originally created in an online tool called webflow.com. It worked great, but they did not honor the full trial changes before they made site updates that eliminated any free use at all. This code for all files and images were exported into a zip file. The CSS files are titles as follows, in the css directory:
    normalize.css
    timothy-hartwell.css
    webflow.css
    Please help!

  • The first Ask a Pro for New Responsive Web Design tool, Reflow 2/22

    The new Responsive Web Design tool – Reflow – is out.
    When: Friday, February 22, 2013 – Noon Pacific Time. Session start time for other time zones are here:  http://bit.ly/12D9ILL
    Description: Edge Reflow preview has just been released and now is your chance to see all the ins and outs of this new tool, as well as how it integrates with other Edge tools and services. Join evangelist Paul Trani as he takes you through Reflow and workflows with other Edge tools and services when designing for the modern and mobile web.
    Register here: http://www.adobe.com/cfusion/event/index.cfm?event=detail&id=2008488&loc=en_us

    The replay of this webinar is available OnDemand: http://seminars.adobeconnect.com/p2l90bhma2n/

  • Responsive Web Design Survey

    The web team at Adobe is conducting a survey related to Responsive web design.
    We request you to spare around 5 minutes of your time in providing us the feedback.
    Here is the link to the survey : https://adobe.typeform.com/to/ZN5aYk
    Thank you in advance.
    Best regards,
    Rajnish

    Do you know when Responsive design will be available?  Does Muse support HTML 5 yet?   Perhaps dreamweaver is the better choice at this time.  Thank you.

  • Responsive Web Design Framework

    Which Responsive Web Design Framework is validated with w3c validator?
    [url removed by host]

    it should be noted: the w3c validator for html5 are only experimental, you need to try and analyze advantages and disavantages, you need begin to speak the html5 language for see the way to write it, i hope be helpful

  • Responsive web design.  Does Muse do this yet?

    Responsive web design, does Muse do this yet?  Design once for desktop and mobile, without the copy paste to to other platform.

    Do you know when Responsive design will be available?  Does Muse support HTML 5 yet?   Perhaps dreamweaver is the better choice at this time.  Thank you.

  • Problems with Responsive Web Design

    Not really sure how to ask this, but here we go. I am new to responsive web design; always worked with html coding and tables like in Front Page. I have the concept down of sections, then containers, then columns if needed to place my content and images. Several times in my process, I get a page done or nearly done, and then later on, my text or images re-arrange themselves and overlap themselves. In other words, the text layers itself on top of another text. The two images below were laid out perfectly just a little while ago.
    The max width of all containers on the page is 940px. It works great, until it doesn't I have not changed any margins or anything to make this “overlapping” of objects occur. I get satisfied with a page, and all the sudden, magically it screws up. What am I missing here? If I highlight the container, it shows a margin on the left of 342px, and a margin on the right of 343px. Looking at the CSS Designer however, these numbers do not show up. Only the 940px. I am not changing the CSS either prior to this event happening. This occurs whether in IE or Chrome.
    In this first image, the red breadcrumbs started out being parallel with the search feature, and should be in the gray area. The gray menu text, was in the white area above the gray bar when it looked right. Both sets of items (i.e., red breadcrumb and search feature are set in two columns. Each column with is 50%.
    In this next image, the items in the black bar were side, by side. Now they are not, and I did nothing to them or the stylesheet. The mail image column is 8.333%, the join text is in a column that is 25%, and the join us form is in a column that is 66.666%.
    Hope this helps you help me!  Very frustrated.

    Here is the link:
    http://www.destiny-seminars.com/dev/index.html
    The dev directory contains:
    index.html
    contact.html
    speaking.html
    training.html
    about.html
    The first page to look at where I had the most recent, most completed page, is - about.html. That will be my template for the rest.  Also, there was supposed to be a feed from my blog showing up on this page; it was also perfect at first. Then, my shaded black site links section and and the copyright footer quit showing up. When I commented out the blog feed code, the footers showed up again. At one time, it all was working. so this is yet another problem I cannot figure out why stuff is changing seemingly by itself.
    These pages were originally created in an online tool called webflow.com. It worked great, but they did not honor the full trial changes before they made site updates that eliminated any free use at all. This code for all files and images were exported into a zip file. The CSS files are titles as follows, in the css directory:
    normalize.css
    timothy-hartwell.css
    webflow.css
    Please help!

  • Device Channels vs. Responsive Web Design

    When to use Device Channels?
    When to use Responsive Web Design?

    Device channels are used when we want to make our SharePoint site viewable on mobile devices. Though Responsive Web Design also does the same thing by making the design fluid enough to be adjusted based upon the mobile device.
    But the major difference here comes when we want a different design on different devices. Like for example, we want that in the desktop version we want to see a banner image on the site home page but in mobile we don't want that banner image to show. Or
    lets say you want different mobile devices like Windows Phone, Android etc show different content then we should prefer Device Channels as device channels gives you a flexibility to target specific content of a site on different devices.
    With Responsive design you can hide using css but still those components will be there on the screen and hence they will be loaded on the page. But with device channels, using different device channel panel, they will be loaded only for the specific device
    only.
    Using Device Channels, you can create different master page and different css for different devices and you only have to create one single page which will be flexible enough to render differently on different devices.
    For more reference have a look at the following link
    http://social.technet.microsoft.com/wiki/contents/articles/23157.device-channels-in-sharepoint-2013.aspx
    Hope that helps.
    Geetanjali Arora | My blogs |

  • AEM 5.6 - Responsive Web Design Device Preview option

    Hi,
    we have developed responsive web design website in AEM 5.6 and wanted to enable to preview option for various device in the side kick as like Geometrixx Media website and have followed the steps in the below URL for enabling the preview option for various devices using Side Kick and i am able to see the Device and Rotate button but if click device arrow to see list of devices then is displaying empty. Added the necessary configuration mentioned in the below link. 
    http://dev.day.com/docs/en/cq/current/developing/mobile/responsive.html#Previewing%20for%2 0Specific%20Devices
    Any help/guess please
    -Sudharsan S

    Hi Sudharsan,
    It is  documented at [1]. Make sure
    *   simulator.jsp included in page component
    *   cq:deviceGroups set for /etc/mobile/groups/responsive
    *   Configure page component in felix console at com.day.cq.wcm.mobile.core.impl.MobileEmulatorProvider
    [1]  http://dev.day.com/content/docs/en/cq/current/developing/mobile/responsive/mediaquery.html
    Thanks,
    Sham

  • Expression Web 4 and Responsive Web Design

    I need to know if Expression Web 4 supports Responsive Web Design or what Microsoft package and/or update does. Basically, I just need some product information.

    Hi,
    The Expression Web forum is here:
    https://social.msdn.microsoft.com/Forums/expression/en-US/home?forum=web
    Don't retire TechNet! -
    (Don't give up yet - 13,225+ strong and growing)

  • Responsive Web Design - who uses it?

    I am very interested in utilizing responsive design to develop client websites. In order to show "respectability" to convince my clients, I am wondering who in the corporate world has used this design style. Do you know of any "big" players who have pioneered this technology trend? Also, do you have comments on it's validity?

    Http://www.bostonglobe.com
    Http://www.Starbucks.com
    Http://www.Bbc.co.uk (http://www.bbc.co.uk/blogs/bbcinternet/2012/03/news_mobile_responsive_design.html)
    Http://www.smashingmagazine.com
    MIT just released a site with RWD as well.

  • Responsive web design console screenshot fullpage

    I want to take a shot of a whole webpage with the firefox console and the command "screenshot --fullpage" but its not working on one particular site. I am not sure why because its working on other sites. Might it be the way its programmed?

    Are there any plugins used on the page or is there JavaScript (AJAX) used to generate the page content?

  • Looking for a simple tutorial to building my first responsive web site in Dreamweaver CC.

    I am looking for a simple tutorial to building my first responsive web site in Dreamweaver CC.
    I have watched the tv.adobe video 3 times and I cam not able to do the actions the author shows.
    help.
    Ken Edwards

    Responsive and simple don't go hand-in-hand.  First do some prep-work to understand the concepts.
    Responsive Web Design
    http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/
    Introduction to CSS Media Queries
    http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
    Jump start your RWD projects with any of the Responsive Frameworks below:
    Foundation Zurb
    http://foundation.zurb.com/templates.php
    Skeleton Boilerplate
    http://www.getskeleton.com/
    Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
    http://www.initializr.com/
    DMX Zone's Bootstrap FREE extension for DW
    http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
    Project Seven's Page Packs (Commercial CSS Templates)
    http://www.projectseven.com/products/templates/index.htm
    Have fun!!
    Nancy O.

Maybe you are looking for