2 TOP Agents you’ll always use—QuickAgent (ready for anything) and History (to find your recent labors in the last minutes, hours, or days).

4 CORE Agents to manage and display export status. Ready POSTS rise to the top; non-ready ones darken and move to a lower tier. Both tiers are sorted by $blogDate. Notes can export as their own page, be removed from the Table of Contents, or skipped entirely. All via pop-up menu.

7 FIND Agents with nifty control panel interfaces.

Background settings are inherited from the Styles Dash (in conjunction with the Theme Folders specified therein), and they are triggered per-note (or pre-prototype) and can also be overridden simply by supplying filename values.

Add (and combine) BKG-COLOR, BKG-TEXTURE, and BKG-IMAGE trigger options to activate the Body Widget color, (repeating) texture, or (fixed) image set in the Styles Dash. Adding any trigger will automatically re-frame the Text Area in expectation of the newly visible background. With BKG-XFIT and BKG-YFIT to force-fit along a dimension. To float the Text Area and apply the color from Post Body Widget, add CARD. Color, texture, image, and card color can all be overridden by local values and bequeathed to their children for inheritance-based background control.

BoxPress implements an ingenious re-gearing of all things interface that turns the entities formerly known as windows into full-blown control panels. View Pane Columns, Key Attribute Tables, and even text fields are put to work as perfectly elegant widgets that manage every aspect of your writing, structuring, and exporting experience.

SmartExpression Control Panel

SmartExpression Control Panel (What’s in a name?)

Here is Outline View serving as Control Panel that governs SmartExpression composition for your Prototypes:

Agent Control Panels

BoxPress agents are so user friendly. Each agent has its own ultra-friendly interface.

QuickFind!

Recent History Control Panel (What have I been working on?)

Find that word, but only in that container

Find by Tag with all Tags listed

Find by Status with all Statuses listed

Find by created date within a span

Find by modified date within a span

Find a value for any attribute

OutMap Control Panel

Here is Key Attribute Table determining the exact specs for transforming a formless Map View into a perfectly arranged outline, called an OutMap. This can then be turned into a perfectly functioning HTML Imagemap in three steps:

The result—a perfectly functional HTML Imagemap! (After clicking on an image-link in the iframe below, right-click and select Back to return to the Imagemap):

OutMap Agent Control Panel

And here is an OutAgent Control Panel. Not only form, but also content is determined by control panel settings. The value of $outDepth determines the depth to which the agent extracts the Imagemap buttons:

Tinderbox has long had the potential to be the best writing tool in the world. All it needed was the right infrastructure and … something that did not yet exist. Tinderbox enriches experience of intra-Tinderbox gardening with various tools—prototypes, agents, stamps, views, and links. It also enriches the structuring of export with various tools—templates, boilerplate, macros, agents, and prototypes. These can all be used to impose form on export. But something was missing—something that, when added, would make the modular (note-based) compositional style of Tinderbox writing the most powerful structuring UX in the world. That missing ingredient was the export option pop-up menu.

Here is what you can control via pop-up using BoxPress:

BoxPress makes good on an idea that always felt like Tinderbox destiny: an easy way to export your Map Views as HTML imagemaps. Imagine if you could add all the beauty (and information) of spatial hypertext to your webpage and use the notes in that image as links to those notes’ webpages (a LinkMap)? And what if you could, just as easily, use those same notes as buttons to fill a sidebar with the clicked note’s text (a FillMap)?

It would be like Tinderbox living inside your browser.

Surely, this has been the destiny of Tinderbox. But who has time to export a Map View and then painstakingly trace over its notes inside Dreamweaver (or whathaveyou)? And what about scaling? The invisible clickable areas that empower an HTML imagemap do not automatically resize.

But what if the imagemap’s clickable areas could resize themselves along with their underlying images?

And what if you could have this imagemap function either as a LinkMap or as a FillMap—at the flip of a switch? A LinkMap would take you to the webpage Vincent Price, while a FillMap would remain on the screen and neatly load the body text of Vincent Price into a sidebar on larger browsers, and below the map on phones and tablets?

Most importantly, how would your thinking, mapping, and writing change if you knew it wouldn’t be locked inside of Tinderbox, that the meanings and relations expressed could be enjoyed and acted upon by someone besides you?

In short, what if the informational objects you created (exported) with Tinderbox included not only text links but spatial hypertext?

That dream is now a reality. If you have a Map View that looks good, you can go from zero to responsive LinkMap or FillMap in 30 seconds.

Notes outside the natural outline order of your export can be embedded inside your export with ease. To drop an outsider note and its children into your flow, make an alias of it and place the alias anywhere inside the outline structure. If the original has children, these will also be exported and properly nested.

The other method is to use the ^include^ export code. BoxPress lets you include notes in a variety of useful formats:

• As three kinds of seamless subsection. Choose from full subsection (title, color, Undertitle, body), plain subsection (title, body), and plain body (no title). Just use the bstSub, bstListGroup, and bstTextRich templates.
• As a SmartPanel. Every SmartPanel includes online links and Undertitle. Its body text will be either that of the original (bstPanel template, or IncPanel macro) or new text that you’ve supplied inside the macro (PanelArticle and PanelZoom macros).
• As a Well or Window. (IncWell and IncWin macros).
• As a SmartButton (IncSB macro).
• as an Iframe (Iframe macro).

Undertitles are automatically included for subsections, SmartPanels, and SmartButtons.

Click below for full details:

Indulge your creative impulsivity with BoxPress macros. At the heart of BoxPress is an artisan’s toolshed of well-honed ready-mades, packed with thoughtful features. For example:

• HTML style tags are stripped from the alt and title attributes for you, so your captions are rich but your tooltips are legible.
• The Table and TableHere macros invite you to start your table with a newline, so that what you see is … an actual table.
• MediaThumbs and MediaThumbsCap macros also let you start with a fresh newline, to enhance readability.
• Adding a class arg to image macros automatically removes well and shadow, so your new construction begins from scratch.
• Macro names are built from semantic components. For example, the Here suffix always means you are not including content from elsewhere, but entering it inside the macro.

Macros for every kind of media

Macros for text

BoxPress includes seven sets of well-culled stamps to make tasks easy.

2 Global Togglers—One stamp to rule them all. Use these to toggle the Key Attribute Table and smart quotes on/off for all windows.

2 Export Togglers—Toggle export and show it. Toggle export of a note’s self or its children—and receive feedback with an updated badge.

6 Global  Broken link —Pick the set of key attributes you want displayed for all notes from Image, Date, Source, BKG, and Tech. Using Source returns to the default set for each prototype.

5 SmartExpression Togglers—Craft just the right display name. Use these to toggle note numbering, display of Proticon, date, descendant count, and Bips (icons indicating granularity options and attachments, such as featured image (or HTML Imagemap), online links, and DevonTHINK links).

2 Day/Night Color Schemers—If you use ^⌥⌘= to Invert colors on your monitor when you write in the dark, you will love the Color • Night stamp. Use Color • Day to revert to normal.

4 MapMakers and MapStylers—BoxPress will arrange your notes into an outline structure inside of Map View that you can then export as an HTML Imagemap. Use the MapStylers to pretty-up your map before doing Edit > Copy View.

3 Name Changers—For when you want to change the note’s actual name by prepending a number, converting to smart quotes, or moving the year into $DueDate (a convenience feature: when entering lots of event-notes, you can start the note with “YYYY: ”).

5 Attribute Cleaners—These stamps will restore attributes by type to their default values.

BoxPress manages the appearance of your website with its famous WYSIWYG Styles Dash. Everything having to do with color, font, border, and shadow lives therein. Simply paint away; your export will follow.

Tinderbox notes (which are colored, bordered, and shadowed rectangles) are perfect for website wireframing. And because these same notes (inside Text Pane) can be have their own Key Attribute Table, they can also act as dashboard widgets. BoxPress will incorporate their values into your templates, boilerplate, macros, and CSS files. Changing their values will determine both the appearance of the notes inside of Tinderbox and also the appearance of your exported webpages.

But wait, there’s more. Thanks to the $RuleDisabled checkbox (and the fact that a note’s $Rule code is executed with no delay), Tinderbox notes can also serve as action buttons. Combined, these features create the BoxPress Styles Dash, which is both WYSIWYG and live-action.

The BoxPress Styles Dash controls all the standard thematic elements—navbar color; navbar button styles for normal, active, and hover states; Banner color and image; Banner title (and subtitle) font and color; post title font and background gradient; post date font, color, and format; post block shadowing; colors for headings <h1>–<h6>; body background color; and Text Area background color.

If you have a set of settings you like, you can grab and store them in one of four Theme Buttons that are provided, from where they can later be loaded and applied.

Use the Theme Grabber to take a snapshot of all your settings. Then load the grabbed theme inside the Theme Manager for naming, editing (option), and saving. Choose your destination Theme Button from the pop-up menu, select the SAVE option, and , and saved themes for editing and re-saving, using a convenient pop-up menu.

When you’re ready to apply a stored theme—all 52 settings at once—just click the checkbox of the appropriate Theme Button and the whole CSS file and boilerplate will be re-written upon export!

Grab the current settings with the click of a button.

LOAD settings from a Theme Button or from the Theme Grabber (using GRABBED). Then SAVE it for future application.

Loading and saving are intuitive and foolproof, and each has its own drop-down menu. You have four Theme Buttons to choose from.

The four Theme Management widgets. These rename themselves automatically when applied.

Just click the checkbox of the Theme Button of your choice and the new theme is applied:

The Styles Dash … after applying the Strappy Theme Button.

The Styles Dash … after customization. I saved these settings in the Mapself Theme Button.