Category: Adobe Muse Accessories

Vertical Move Handle in Adobe Muse

Are you using vertical move handle in muse? When designing website in muse, you go back and forth in the process. Adding new contents or deleting is a really painful task. Specially, in larger scale websites things get really tough. When you try to add new section in your website in the middle the challenge you will face is to push things down of the page.

Same goes for deleting a section or some elements. When you delete something, the spaces needs to be filled by the contents below. But that does not happen automatically. Usually, what we intent to do it select everything blow the blank space by clicking and dragging the mouse and then using move tool or arrow keys in the keyboard to move things around.

In responsive web design using adobe muse, we change position of many elements while working with the breakpoints. As a designer I faced the same annoying problem almost everyday making long page websites or landing pages for my muse widgets. I always wanted something that will allow me to move things up and down without a problem.

vertical move handle in adobe muse

Vertical move handle in adobe muse

Well good news, you can do that painful work in an easier way with vertical move handle tool. This is the little tool  you see on the left side of your screen in a muse canvas. The blue triangle shape is the vertical move handle the rescuer. If you want to move things up or down just click one element and click and drag the blue triangle on the left side of the adobe muse canvas. Additionally it allows you to move things pixel by pixel meaning this is a great help for pixel perfect design.

I will make a detailed video tutorial about this in my Youtube channel soon to explain the process. You can read my other muse tips and tricks here.

Using icon fonts in muse website

Icons are a very important part of a website and we depend on pre-designed icons in Illustrator, photoshop or inDesign. However, we can use icon as text into our muse website.

I am going to make a detailed video showing to you can use the best out of the icon font as well as how you can install it in muse. Here is a brief of it.

  • Locate the fonts folder from the downloaded .zip file
  • install the .ttf format into your computer
  • [In muse] click file > ‘add/remove web fonts’ > self-hosted > add font
  • Drag .woff .eot .svg formats from fonts folder to muse

Custom text highlight color in Adobe Muse website

Usually muse does not allow you to add or change the text highlight color. But with a third-party widget you can achieve that functionality in your muse website. This widget is free for using and not so complicated. Click here to download the widget and double click on the widget to open it in muse, select your text color and background color and voila you are done.

Scroll to Top for master page

We try making scroll to top button using the native anchor tag and a button from the master page, but that unfortunately doesn’t work. Because, the anchor gets duplicated throughout the pages (All pages) and you can’t link to it once.

Here is the widget I have made for you to make your muse website easy. Click here to Download the Scroll to top for Muse and add it to muse. Simply add the graphic style of the button you want to use and Voila! you are done.

Here is the video tutorial for the widget:

Stunning Image Resource for Adobe Muse Website

Often when we start building a website in muse, one of the many problems we face is the lack of proper image resource. Then we end up using blank boxes, but that does  not look good from a design standpoint. That time we understand the real need of proper image. Due to copyright issues, it’s not good enough to just google some images and use them, even if you do, you will hardly get the appropriate image you are looking for. Sometime we do get the image, however, we need to compromise the resolution most of the times. I have faced the exact same problem many times during my work and working with adobe muse templates.

To solve this problem I have gathered a list of 21 best free stock image website that can come handy in your work process. These images are labeled CC0, meaning you can use these images for free. You can use them for both personal and commercial purposes legally.

So, here is the list of websites:

  1. http://pexels.com
  2. http://unsplash.com
  3. http://freeimagefiles.com
  4. http://stocksnap.io
  5. http://openphoto.net
  6. http://imagefree.com
  7. http://picography.co
  8. http://stokpic.com
  9. http://splitshire.com
  10. http://picjumbo.com
  11. http://publicdomainarchive.com
  12. http://hivestock.com
  13. http://gratisography.com
  14. http://www.imagefree.com
  15. http://splitshire.com
  16. http://openphoto.net
  17. http://imagebase.net
  18. http://www.photogen.com
  19. http://www.deviantart.com
  20. http://freedesignresources.net
  21. http://www.jeyjoo.com