QuickHelp-4

Quick Help for using the Lively-Web

What is Lively Web?  Overviews.
	Lots of examples

How to get the World Menu.
	Right-click on a place that has no objects	
	or Command-click on a place that has no objects, and click the (M) handle in the upper left of the screen.  (The World's menu from its halo is also the World Menu.)

How to open a Parts Bin and get pre-made Lively objects.
        Get the World Menu.  Choose PartsBin.
	The Parts Bin has both simple and complex objects.  Try it!  
	Click on a category (or search by name)
	Drag out a new object.
	It is OK to drag out a bunch of objects here on this page, as long as you don't Save the world.

 	Move the object (the Drag handle) (D)
 	Grab the object (G) (to remove it from an object and drop it into another)
 	Get the object's Menu (M)
 	Copy the object (C)
 	Get a Style editor for the object (S)
 		Color, Fill, Border width, Border color.
  	Rotate the object (T)
 	Resize the object (R)
 	Inspect the object (I)
 	Add a script to the object (E) or edit existing scripts.
 	Get a URL for the image in the object (U).  Only for complex objects.
 	Delete the object (X)
 	To rename the object, click on the name (i.e. Ellipse).
 	The red dot is the center of rotation.  It can be moved.

How to get the Menu of an Object.
	Get the Halo (Command-click) and then click the (M) handle.

How to Connect a Button to an Action.

How to see the Javascript code.

How to see the calls on a function, and the definitions (senders and implementers).
    Cmd-shift-f.  Type in any method name or fragment of any kind.

How to get a blank page.

How to Save your work.

How to run Lively Web locally on your machine.

A list of papers and publications about Lively Web.
	http://lively-kernel.org/publications/index.html

A list of presentations about Lively Web (videos)
	http://lively-kernel.org/presentations/index.html

The bug tracker:   http://lively-web.org/org/tracker.html

Copy this to add more...   $world.beClip(false)

This page is http://lively-web.org/users/TedKaehler/QuickHelp.html

How to get a Halo on an Object (Command-click on the object)

Copy this to add more...

Copy this to add more...

Many useful things are invoked by command keys.  To see a list of the commands, get the World Menu.  Toward the bottom of the menu is "Documentation".
Choose "On short cuts".
  
 A useful command:
CMD + SHIFT + U	= un-emphasize (removes all style from selected text).

<

start

>

clear

save as:

0

Morphic: Connections

One way for Morphs to interact with each other are AttributeConnections. You can tell a Morph to execute a function once an attribute of another morph has changed.

In this part of the tutorial you will learn

- how to graphically connect Morphs
- how to programmatically connect Morphs
- how to use converter functions in AttributeConnections.

Let's go. (Use the '<' and '>' buttons below to navigate back and forth in this tutorial.)

All the shortcuts listed here that include CMD for MacOS can be done using CTRL on Windows.

General:
    CMD + R					= browser reload!!! Be careful, you will lose your work if is not saved!
    CMD + W					= close window!!! Be careful, you will lose your work if is not saved!
    CMD + S					= save, either the world (if selected) or the code (when editing)
    CMD + A					= select all (text only)
    CMD + C					= copy (text only)
    CMD + V					= paste (text only)
    CMD + X					= cut (text only)

    CMD + K					= open workspace (empty editor window)
    CMD + O					= open ObjectEditor
    CMD + P					= open PartsBin
    CMD + B					= open system browser (internal system editor for modules, classes, etc.)

Code execution: (most of them work with the current line or the code that is selected)
    CMD + D					= do it (executes the statement)
    CMD + E					= exchange (exchange the last two selections)
    CMD + SHIFT + I			= inspect (inspects the statement, therefore opens a window with attributes)
    CMD + P					= print it (prints the result of the statement)
    CMD + SHIFT + P			= protocol (opens a menu with all the methods that the statement/object has)
    CMD + F					= find (finds the selected text in the text and asks for a search string)
    CMD + G					= find again/next
    CMD + M					= do more (do the last replacement again for the next occurrence)
    CMD + SHIFT + M			= do much more (do the last replacement again until the end of the text)
    CMD + SHIFT + F			= find source/browse implementors (finds the statement in the source code)
    CMD + SHIFT + B			= browse class (finds the statement in the source code)
    CMD + ]					= indent selection
    CMD + [					= outdent selection
    CMD + /					= comment/uncomment selection

Morph manipulation:
    CMD + click / right-click only	= get halo
    CMD + SHIFT + click / left-click only	= add object to group selection
    SHIFT + drag				= copy morph
                                                        = (in the world) select several objects at once
    right-click					= world menu (when clicked on background or context menu for e.g. button)
    ALT (when dragging/resizing) = gridding (default: every 10 pixel)
    SHIFT (when resizing)		= keep aspect ratio
    SHIFT (when transforming)	= scaling

Text manipulation:
    CMD + B					= bold (works on selected text)
    CMD + I					= italic (works on selected text)
    CMD + U					= underline (works on selected text)
    CMD + L					= open font editor (works on selected text or text morph)
    CMD + K					= add link (works on selected text)
    CMD + O					= add do it/JavaScript code (works on selected text)
    CMD + SHIFT + U			= un-emphasize (removes all style from selected text)
    CMD + SHIFT + S			= convert tabs to spaces
    CMD + 1					= align left (works on text morph)
    CMD + 2					= align right (works on text morph)
    CMD + 3					= align center (works on text morph)
    CMD + 5					= set font size to 8 (works on text morph)
    CMD + 6					= set font size to 12 (works on text morph)
    CMD + 7					= set font size to 18 (works on text morph)
    CMD + 8					= set font size to 30 (works on text morph)
    CMD + +					= increase font size (works on selected text or text morph)
    CMD + -					= decrease font size (works on selected text or text morph)

About More and Exchange
These are two operations not seen in most other environments (other than Squeak ;-), but you'll like them if you try them.  More is like search-and-replace except that you don't have to plan ahead.  Overtype a variable name and then, when you remember it is used elsewhere, just type cmd-M -- it will find the next occurrence and make the same replacement.  You can also use cmd-SHIFT-M to make the same substitution throughout the remaining text.

Exchange is also unusual in that it depends not only on the current selection, but also the previous selection.  This is a minor no-no in UI design, but you will find it to be entirely natural.  For instance, select one line of text (twice-click at left margin) and then select another line, after which cmd-E will exchange those two lines.  Similarly the then and else clauses of an if statement can be exchanged with this one command.

Helpful Shortcuts

X

M

–

Connecting

PartsBinBrowser

–