Notes to Self

$ 5.00

Very excited about this widget, dear friends.

For so long, I've wanted a way to keep notes in Muse. I tried creating layers that I that I labeled "DO NOT PUBLISH" or "TURN OFF VISIBILITY BEFORE PUBLISHING," but you can imagine I would never remember to do that. Then my notes and reminders, thoughts on workflow, ideas to try here and there... all would publish right along with everything else. 

And then as I was working on another widget, the solution presented itself like a lightening bolt to the face, but with much less smoldering. 

And this widget is the result. 

Drag as many of these widgets onto your Muse project as you like. Change their color, their text, their size. Put them on the canvas or right on the page. They won't harm a thing. They won't even preview or publish! That's the beauty of this widget. You can create notes for yourself and stick them all over the place, just like you do in real life. Create notes for:

  • Client requests
  • Reminders to confirm project content
  • Explanations to team members
  • Site content and design comments
  • Review or training notes

To use the "Notes to Self" widget

  1. Click on the Note's blue arrow to open the widget's flyout panel.
  2. Change the color of the Note and the "sticky" strip if you like.
  3. Enter your note in the text field.
  4. Change the font, font size and font color of the entire Note using Muse's text panel.
  5. For line breaks and other basic text formatting, you will have to use basic markup when entering your note in the flyout panel.  

Text Formatting Tags

The following HTML tags are used to format the appearance of the text in your Note.

Manual Line Break <br /> This single tag will simply insert a manual line break 
wherever you place it.
Bold <b> </b> The text in between the tags will be bold.
Strong Emphasis <strong> </strong>
Italic <i> </i> The text in between the tags will be italicized.
Emphasis <em> </em>
Underline <u> </u> The text in between the tags will be underlined.
Strike-out <strike> </strike> Puts a line right through the center of the text. 
<s> </s> also works.
Source Code <code> </code> Text is displayed in a fixed-width font, and is commonly used to show source code.
Small <small> </small> Text between the tags will render slightly smaller than the text around it.
Center <center> </center> A useful tag, this tag will insert line breaks and, as it says,
automatically center everything
between the tags.

For example, here is how to produce the text in the default Notes widget pictured above:

Enter your notes in the widget's flyout panel. Choose overall font, font size and font color in the Muse text panel.<br /><br /><b>The coolest part...</b><br />These sticky notes don't preview or publish!

Related Products