Welcome to TiddlyWiki created by Jeremy Ruston, Copyright © 2007 UnaMesa Association
|!Name|!Description|!URL|
|[[BibblyWiki|file:///W:/bibblywiki.html]]|Create Bibliography Entrys using a form|http://www.giffmex.org/bibblywiki.html|
|[[GTDTiddlyWiki|file:///W:/emptyGTD.html]]|''G''etting ''T''hings ''D''one adaptation of TiddlyWiki|http://shared.snapgrid.com/index.html|
* Very easy to use
* Simple Web 2.0
* Only need to download page once
* Browsable with the vast majority of modern desktop browsers on Windows, Macintosh and Linux
* Ability to SaveChanges on:
** FireFox and Opera under all operating systems
** InternetExplorer under Windows
** [[Safari]] and [[Camino]] under OS X
** Minimo on Nokia 770
One of the great strengths of TiddlyWiki is the way that its interface can be customised by editting various shadow tiddlers. However, a problem that has consistently emerged is the difficulty of reconciling the needs of authors, who need access to the full array of TiddlyWiki features, and the needs of ordinary readers, who generally benefit from seeing a restricted set of functionality more suited to their needs.
The new backstage area in release 2.2 offers a solution to this conundrum by providing a consistent way of accessing authoring functionality that is independent of the interface customisations (so, even if you blast away the contents of your PageTemplate, you can still access the backstage area).
The backstage area is only available when a TiddlyWiki is edittable - typically meaning that it's been opened off of a {{{file://}}} URL. It appears as an unobtrusive link in the topright corner of the page. Clicking it reveals the backstage toolbar consisting of commands like {{{saveChanges}}} and drop-down tasks like ImportTiddlers, SyncMacro, PluginManager and Tweak (which provides access to the new OptionsMacro).
|!Macro|!Description|!Syntax|
|allTags|List all the tags used in the current ~TiddlyWiki file<<br>>Each entry is a button that pops up the list of tiddlers for that tag<<br>><<slider sliderID [[Internal Macros/tags]] 'Click to show example output'>>|{{{<<allTags>>}}}|
|br|Force a line break|{{{<<br>>}}}|
|closeAll|Displays a button to close all displayed Tiddlers<<br>><<closeAll>>|{{{<<closeAll>>}}}|
|gradient|<<gradient [horiz|vert] #bbbbbb #eeeeee #ffffff>>Produces a horizontal or vertical background gradient fill>><<br>>There can be 2 or more colours in the format: #rrggbb (hex), or RGB(r,g,b) ([[CSS]])<<br>>Other [[CSS]] formatting can also be added, e.g. {{{<<gradient vert #000000 #660000 #aa2222>>color:#ffffff;font-size:12pt;Darkness>>}}}|{{{<<gradient [horiz|vert] #bbbbbb #eeeeee #ffffff>>Some text here>>}}}|
|list all|List all Tiddlers in a Tiddler|{{{<<list all>>}}}|
|list missing|List all missing tiddlers|{{{<<list missing>>}}}|
|list orphans|List all orphaned tiddlers|{{{<<list orphans>>}}}|
|newJournal|Displays a button to create new date & Time stamped Tiddler (Date/time format optional)<<br>><<newJournal "DD MMM YYYY, hh:mm">> <<br>>You can also add optional tag names after the date format: <<newJournal "DD MMM YYYY, hh:mm" tag1 TagTwo>> |{{{<<newJournal [DateFormatString]>>}}} <<br>> {{{<<newJournal "DD MMM YYYY, hh:mm" tag1 TagTwo>>}}} |
|newTiddler|Displays a button to create new Tiddler<<br>><<newTiddler>>|{{{<<newTiddler>>}}}|
|permaview|Displays a button to change the URL link for all open Tiddlers - or the containing tiddler if used in the command bar (See the ViewTemplate)<<br>><<permaview>>|{{{<<permaview>>}}}|
|saveChanges |Button to save all ~TiddlyWiki changes (or the current tiddler if used in the command bar (see EditTemplate)<<br>><<saveChanges>>|{{{<<saveChanges>>}}}|
|search|Display a Search box<<br>><<search>>|{{{<<search>>}}}|
|slider|Display a Slider (a collapsable display of another tiddler)<<br>>See the allTags entry for an example. Note: Put quotes around the label if needing spaces<<br>>where: ''ID''=cookie name to be used to save the state of the slider, ''Tiddler''=name of the tiddler to include in the slider, ''Label''=label text of the slider button, ''tooltip''=text of the buttons tooltip|{{{<<slider ID Tiddler [Label] [toolTip]>>}}}|
|sparkline|Produces a sparkline graphic<<br>>e.g. <<sparkline 163 218 231 236 232 266 176 249 289 1041 1835 2285 3098 2101 1755 3283 3353 3335 2898 2224 1404 1354 1825 1839 2142 1942 1784 1145 979 1328 1611>>|{{{<<sparkline num1 num2 ... numN>>}}}|
|tabs|Display Tabbed content (contents of tab provided by another tiddler)|{{{<<tabs identifier tabLabel tabName Tiddlername>>}}}|
|tag|Display a Tag ~PopUp<<br>><<tag _Config>>|{{{<<tag tagName>>}}}|
|tagChooser|Used in EditTemplate to add tags to the tags field. Doesn't actually add anything unless in edit mode (though it does show the list)<<br>><<tagChooser>>|{{{<<tagChooser>>}}}|
|tagging|<<tiddler [[Internal Macros/tagging]]>>|{{{<<tagging [TiddlerTitle]>>}}}|
|tiddler|Display contents of another tiddler inline|{{{<<tiddler Tiddler>>}}}|
|timeline|Display a timeline list of tiddlers<<br>>where the sortfield is the sort order ("modified" or "created") and maxentries is the maximum number of entries|{{{<<timeline [sortfield] [maxentries]>>}}}|
|today|Display Today's Date<<br>>e.g. <<today>>|{{{<<today [DateFormatString]>>}}}|
|version|Display ~TiddlyWiki's version<<br>>e.g. <<version>>|{{{<<version>>}}}|
Cascading Style Sheets (CSS) is a stylesheet language used to describe the presentation of a document written in a markup language. Its most common application is to style web pages written in HTML and XHTML, but the language can be applied to any kind of XML document, including SVG and XUL.
Abandons any pending edits to the current tiddler, and switches it the default view. It is used with the ToolbarMacro like this:
{{{
<<toolbar cancelTiddler>>
}}}
Abandons any pending edits to the current tiddler, and switches it the default view. It is used with the ToolbarMacro like this:
{{{
<<toolbar cancelTiddler>>
}}}
Closes all other open tiddlers, except for any that are being editted. It is used with the ToolbarMacro like this:
{{{
<<toolbar closeOthers>>
}}}
Closes the current tiddler, regardless of whether it is being editted. It is used with the ToolbarMacro like this:
{{{
<<toolbar closeTiddler>>
}}}
Background: #cccccc
Foreground: #000
PrimaryPale: #999999
PrimaryLight: #667788
PrimaryMid: #334444
PrimaryDark: #000
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #555566
TertiaryPale: #999999
TertiaryLight: #EEC591
TertiaryMid: #000
TertiaryDark: #8B7355
Background: #FFBCAD
Foreground: #000
PrimaryPale: #F67276
PrimaryLight: #FF6633
PrimaryMid: #A73853
PrimaryDark: #000
SecondaryPale: #ffc
SecondaryLight: #fe8
SecondaryMid: #db4
SecondaryDark: #841
TertiaryPale: #FFBCAD
TertiaryLight: #EEC591
TertiaryMid: #000
TertiaryDark: #8B7355
Background: #eeffcc
Foreground: #000
PrimaryPale: #bbcc99
PrimaryLight: #bbdd88
PrimaryMid: #445533
PrimaryDark: #000
SecondaryPale: #ffc
SecondaryLight: #99dd55
SecondaryMid: #cccccc
SecondaryDark: #445533
TertiaryPale: #bbcc99
TertiaryLight: #EEC591
TertiaryMid: #552233
TertiaryDark: #8B7355
Open up any of the following Tiddlers and copy its contents. Then paste those contents into the ColorPalette Tiddler and click 'done.' The color scheme of ~TiddlyWiki will change to the color scheme you selected. To return to the original color scheme, replace the ~ColorPalette contents with the contents of the Lilac color scheme below.
[[Apples]] - @@new and improved Jan. 27@@
[[Blueberry]] - @@new and improved Jan. 27@@
[[Brown color scheme]] - (the original color scheme of this file)
[[Capuccino color scheme]]
[[Capuccino2 color scheme]]
[[Giffmex's dining room color scheme]]
[[greenishgray]] @@new march 2@@
[[Lilac]]
[[Mauve]] - @@new Jan. 27@@
[[Mocha]] - @@new Jan. 27@@
[[Purple and gold color scheme]]
[[Romanos color scheme]]
[[Slate 'Batman' color scheme]]
[[Strawberry color scheme]]
[>img[tiddlywiki.org logo|http://trac.tiddlywiki.org/chrome/site/tworg_logo_med.jpg][http://www.tiddlywiki.org]]TiddlyWiki today is the result of the efforts of dozens of people around the world generously contributing their time and skill. The core of the TiddlyWiki development community is http://www.tiddlywiki.org. It hosts the master copy of the TiddlyWiki source code, and a system for tracking bugs and enhancement requests. The community welcomes [[contributions|Contribute]].
There are two GoogleGroups for discussions about TiddlyWiki. They are the best places to ask questions about TiddlyWIki, and to connect with other enthusiasts:
* A TiddlyWiki group for general discussion, bug reports and announcements at http://groups.google.com/group/TiddlyWiki
* A TiddlyWikiDev group for discussion about TiddlyWiki development at http://groups.google.com/group/TiddlyWikiDev
For non-English language speakers,
* TiddlyWikiFR, in French, at http://groups.google.com/group/TiddlyWikiFR
* TiddlyWiki 華語支援論壇, in Chinese, at http://groups.google.com/group/TiddlyWiki-zh
* TiddlyWikiPT, in Brazilian Portuguese, at http://groups.google.com.br/group/tiddlywikipt
<html>
<a href="http://www.frappr.com/tiddlywiki"><img src="http://www.frappr.com/i/frapper_sticker.gif" border="0" alt="Check out our Frappr!" title="Check out our Frappr!"></a>
</html>
TiddlyWiki is legally owned by [[The UnaMesa Foundation|http://www.unamesa.org/]].
PageTemplate
|>|>|SiteTitle - SiteSubtitle|
|MainMenu|DefaultTiddlers<<br>><<br>><<br>><<br>>ViewTemplate<<br>><<br>>EditTemplate|SideBarOptions|
|~|~|OptionsPanel|
|~|~|AdvancedOptions|
|~|~|<<tiddler Configuration.SideBarTabs>>|
''StyleSheet:'' StyleSheetColors - StyleSheetLayout - StyleSheetPrint
SiteUrl
SideBarTabs
|[[Timeline|TabTimeline]]|[[All|TabAll]]|[[Tags|TabTags]]|>|>|[[More|TabMore]] |
|>|>||[[Missing|TabMoreMissing]]|[[Orphans|TabMoreOrphans]]|[[Shadowed|TabMoreShadowed]]|
|!Name|!Link|
|''HyperGraph''|http://project.dahukanna.net/tiddlywiki/twextensions.htm|
|''TimeLine''|http://project.dahukanna.net/tiddlywiki/timeline/sampletimeline213.html|
|''Marcus Materials''|http://www.mcelwee.net/MarcusWiki.html#Welcome|
|ASciencePad|http://math.chapman.edu/~jipsen/asciencepad/asciencepad.html|
|TiddlySnip|http://tiddlysnip.com/#About|
|TiddlyWikiPod|http://www8.ocn.ne.jp/~sonoisa/TiddlyWikiPod/index.html|
You can wrap any text in an HTML {{{<span>}}} or {{{<div>}}} with a specified CSS class. This allows custom CSS styling in a nice, modular way. By placing a rule in your StyleSheet tiddler like {{{.wrappingClass{color: #666; background: #bbb} }}} you can markup a piece of text in the tiddler using this code:
{{{
{{wrappingClass{Text that is now accentuated}}}
}}}
{{wrappingClass{Text that is now accentuated}}}
By default, the text is placed in a {{{<span>}}}. To use a {{{<div>}}} instead, insert a line break before the text:
{{{
{{wrappingClass{
Text that is now accentuated}}}
}}}
{{wrappingClass{
Text that is now accentuated}}}
!DateFormatString
Several Macros including the today macro take a DateFormatString as an optional argument. This string can be a combination of ordinary text, with some special characters that get substituted by parts of the date:
* DDD - day of week in full (eg, "Monday")
* DD - day of month, 0DD - adds a leading zero
* MMM - month in full (eg, "July")
* MM - month number, 0MM - adds leading zero
* YYYY - full year, YY - two digit year
* hh - hours
* mm - minutes
* ss - seconds
Deletes the current tiddler. A confirmation dialogue is displayed unless disabled with the ConfirmBeforeDeleting checkbox in AdvancedOptions. It is used with the ToolbarMacro like this:
{{{
<<toolbar deleteTiddler>>
}}}
|!Name|!Description|
|[[Yiki|file:///W:/yiki.html]]|Personal TiddlyWiki Page|
|[[Employee Handbook|file:///W:/newEmployeeHandbook.html]]|Company Employee Handbook|
|[[DOS Command Reference|file:///W:/dos.html]]|DOS Command reference|
|[[TiddlyWiki Presentation|http://www.uniforumchicago.org/slides/TiddlyWiki.html]]|This presentation on the Uniforum Chicago website|
* Large download doesn't work well over dial-up
* Syntax is different than other Wiki's
* Impossible to distinguish between a single double ''quote'' to two single quotes
* Last write wins
* I had heard the term WikiOnAStick
* Thought it was intriguing, so started to research
* Google returned many WoaS and [[WOS]] examples
** [[StickWiki|file://w:/stickwiki.html]]
** [[Uniforum Web Server|http://www.uniformserver.com/]] ([[WAMP]])
** [[Webserver on Stick (WOS)|http://www.chsoftware.net/en/useware/wos/wos.htm]] ([[WAMP]])
** [[PmWiki|http://www.pmwiki.org/wiki/Cookbook/WikiOnAStick]] ([[XAMPP]])
* But not TiddlyWiki !! (at least not on page 1)
Switches the current tiddler to the current edit view. It is used with the ToolbarMacro like this:
{{{
<<toolbar editTiddler>>
}}}
If you put this HTML in a tiddler, you can embed webpages in TiddlyWiki
{{{
<html><a href="http://www.flickr.com/photos/giffmex/104273681/"
title="Photo Sharing"><img
src="http://farm1.static.flickr.com/38/104273681_fa9947a962_m.jpg"
width="240" height="160" alt="100_1474b" /></a></html>
}}}
<html><a href="http://www.flickr.com/photos/giffmex/104273681/" title="Photo Sharing"><img src="http://farm1.static.flickr.com/38/104273681_fa9947a962_m.jpg" width="240" height="160" alt="100_1474b" /></a></html>
{{{
<html>
<object width="425" height="350"><param name="movie"
value="http://www.youtube.com/v/FfMUwCKtWMI"></param>
<param name="wmode" value="transparent"></param>
<embed src="http://www.youtube.com/v/FfMUwCKtWMI"
type="application/x-shockwave-flash" wmode="transparent"
width="425" height="350"></embed></object>
</html>
}}}
<html>
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/FfMUwCKtWMI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/FfMUwCKtWMI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object>
</html>
{{{
<html>
<iframe src="http://www.google.com/search?hl=en&
client=ig&q=weather+60565" width=528 height=270">
</iframe>
</html>
}}}
<html>
<iframe src="http://www.google.com/search?hl=en&
client=ig&q=weather+60565" width=528 height=270">
</iframe>
</html>
Like most wikis, TiddlyWiki supports a range of simplified character formatting:
| !To get | !Type this |h
| ''Bold'' | {{{''Bold''}}} |
| --Strikethrough-- | {{{--Strikethrough--}}} |
| __Underline__ | {{{__Underline__}}} (that's two underline characters) |
| //Italic// | {{{//Italic//}}} |
| Superscript: 2^^3^^=8 | {{{2^^3^^=8}}} |
| Subscript: a~~ij~~ = -a~~ji~~ | {{{a~~ij~~ = -a~~ji~~}}} |
| @@highlight@@ | {{{@@highlight@@}}} |
<<<
The highlight can also accept CSS syntax to directly style the text:
@@color:green;green coloured@@
@@background-color:#ff0000;color:#ffffff;red coloured@@
@@text-shadow:black 3px 3px 8px;font-size:18pt;display:block;margin:1em 1em 1em 1em;border:1px solid black;Access any CSS style@@
<<<
//For backwards compatibility, the following highlight syntax is also accepted://
{{{
@@bgcolor(#ff0000):color(#ffffff):red coloured@@
}}}
@@bgcolor(#ff0000):color(#ffffff):red coloured@@
Found TiddlyWiki by performing a [[search on Wikipedia|http://en.wikipedia.org/wiki/Special:Search/Wiki_on_a_Stick]]
** Returns a 100% relevance with a link to a [[Wikipedia page for TiddlyWiki|http://en.wikipedia.org/wiki/TiddlyWiki]]
** GTDTiddlyWiki [[Empty GTD|file:///w:/GTDTW.html]] [[Web GTD|file:///w:/GTDweb.html]]
|!Format|!It will look like this...|!...if you format it like this...|
|Bold-faced type|''text''|{{{''text''}}}|
|Italic text|//text//|{{{//text//}}}|
|Underlined text|__text__|{{{__text__}}}|
|Strike-through text|--text--|{{{--text--}}}|
|Links with wikiwords|EnchiLada (inactive link - no tiddler yet)<br>WikiWord (active link to tiddler)|{{{EnchiLada}}}<br>{{{WikiWord}}}|
|~De-Wikify a ~WikiWord|~WikiWord, ~EnchiLada|{{{~WikiWord, ~EnchiLada}}}|
|Links with brackets|[[How to add background images]]|{{{[[How to add background images]]}}}|
|Pretty links|[[display text|ColorSchemes]] - links to the tiddler of color schemes|{{{[[display text|ColorSchemes]]}}}|
|External links work the same way:|http://groups.google.com/group/TiddlyWiki <br><br>[[TiddlyWiki Google group|http://groups.google.com/group/TiddlyWiki]]|{{{http://groups.google.com/group/TiddlyWiki}}} <br><br> {{{[[TiddlyWiki Google group|http://groups.google.com/group/TiddlyWiki]]}}}|
|Links to local files|To a file on a CD in your D drive: <br><br>To a file on your USB stick on your e drive: <br><br>To a file in your hard drive:|{{{file:///D:/filename.doc/}}}<br><br>{{{file:///E:/filename.doc/}}}<br><br>{{{file:///C:/filepath/filename.doc/}}}|
|Colored text|@@color(green):green colored@@|{{{@@color(green):green colored@@}}}|
|Text with colored background|@@bgcolor(#ff0000):color(#ffffff):red colored@@|{{{@@bgcolor(#ff0000):color(#ffffff):red colored@@}}}|
|Highlighting|@@text@@|{{{@@text@@}}}|
|Superscript|2^^3^^=8|{{{2^^3^^=8}}}|
|Subscript|a~~ij~~ = -a~~ji~~|{{{a~~ij~~ = -a~~ji~~}}}|
''Simple indenting:''
{{{ {{indent{text }}} produces:
{{indent{text
''Numbered lists:''
{{{#item one }}}
{{{##Item 1a}}}
{{{###Item 1ai}}}
produces:
#item one
##Item 1a
###Item 1ai
''Bulleted lists:''
{{{*Bullet one}}}
{{{**Bullet two}}}
{{{***Bullet three}}}
produces:
*Bullet one
**Bullet two
***Bullet level three
''Headlines''
{{{!Text}}} produces:
!Text
{{{!!Text}}} produces:
!!Text
{{{!!!Text}}} produces:
!!!Text
and so on.
''Tables:''
This is the formatting:
{{{|!Table header|!Column Two|}}}
{{{|>| colspan |}}}
{{{| rowspan |left aligned|}}}
{{{|~| right aligned|}}}
{{{|bgcolor(#DC1A1A):colored| centered |}}}
{{{||*lists<br>*within<br>*tables<br><br>and double-spaced too|}}}
{{{|caption|c}}}
This is the result:
|!Table header|!Column Two|
|>| colspan |
| rowspan |left aligned|
|~| right aligned|
|bgcolor(#DC1A1A):colored| centered |
||*lists<br>*within<br>*tables<br><br>and double-spaced too|
|caption|c
To align a cell so that its text displays at the top rather than the center, add {{{vertical-align:top;}}} at the beginning of the cell.
''Images:''
{{{[img[http://farm1.static.flickr.com/39/122259544_6913ca58f3_m.jpg]]}}} is the formatting for:
[img[http://farm1.static.flickr.com/39/122259544_6913ca58f3_m.jpg]]
''Dotted horizontal lines:''
{{{----}}} produces:
----
''Line-by-line blockquotes:''
{{{>level 1}}}
{{{>level 1}}}
{{{>>level 2}}}
{{{>>level 2}}}
{{{>>>level 3}}}
{{{>>>level 3}}}
{{{>>level 2}}}
{{{>level 1}}}
produces:
>level 1
>level 1
>>level 2
>>level 2
>>>level 3
>>>level 3
>>level 2
>level 1
''Extended blockquotes:''
{{{<<<}}}
{{{Extended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotes}}}
{{{<<<}}}
produces:
<<<
Extended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotesExtended blockquotes
<<<
NathanBower's GTDTiddlyWiki is a popular adaptation of TiddlyWiki geared towards DavidAllen's GettingThingsDone methodology for personal productivity. The [[original|http://shared.snapgrid.com/gtd_tiddlywiki.html]] is based on an obsolete, older version of TiddlyWiki; if you want to have the GTD look-and-feel but still be able to use the latest TiddlyWiki features, check out the GTD Style at [[TiddlerWiki|http://tiddlystyles.com/#GTDStyleSheet]]
A new feature for the ThirdVersion of TiddlyWiki is the ability to generate an RssFeed of its content. You can flick it on with a new addition to the InterfaceOptions. If enabled, it automatically saves an [[RSS]] 2.0 format file with the last few changed tiddlers in it. It's given the same filename as the TiddlyWiki file but with the ".xml" extension. Like all TiddlyWiki features, it's experimental, and will probably be a bit temperamental in your feedreader until the bugs are ironed out.
Note that you must set the tiddler SiteUrl to be the URL where your TiddlyWiki will be published. (Don't put leading spaces or line breaks before or after the URL).
<<gradient horiz #bbbbbb #eeeeee #ffffff>>The new GradientMacro allows simple horizontal and vertical coloured gradients. They are constructed from coloured HTML elements, and don't require any images to work.>>
The GradientMacro is an ExtendedMacro that processes the text after it up until the next '>>' sequence. It looks like this:
{{{
<<gradient vert #ffffff #ffdddd #ff8888>>gradient fill>>
}}}
The first parameter can be ''vert'' or ''horiz'' to indicate the direction of the gradient. The following parameters are two or more colours (CSS RGB(r,g,b) format is also acceptable). The GradientMacro constructs a smooth linear gradient between each of the colours in turn.
| <<gradient vert #ffffff #ffdddd #ff8888>>No images were harmed in the making of this gradient fill>> | <<gradient vert #ffffff #ddffdd #88ff88>>No images were harmed in the making of this gradient fill>> | <<gradient vert #ffffff #ddddff #8888ff>>No images were harmed in the making of this gradient fill>> |
Inline CSS definitions can be added to gradient filles like this:
<<gradient vert #000000 #660000 #aa2222>>color:#ffffff;font-size:12pt;Darkness>>
{{{
<<gradient vert #000000 #660000 #aa2222>>color:#ffffff;font-size:12pt;Darkness>>
}}}
TiddlyWiki makes a great GuerillaWiki in situations where it's not practical to use a traditional wiki.
For instance, in a corporate setting, persuading an over-worked IT department to install you a Wiki server for you isn't always going to be possible overnight. And your PC is locked down so you can't install a conventional Wiki yourself. But, equally, you can't go and use one of the public hosted Wiki services because your Information Security department would not allow all that corporate data to flow into an outside server.
TiddlyWiki slices through those barriers by being usable on virtually all PCs.
* Bought a 2GB [[U3]] Capable Cruzer [[SanDisk|http://www.sandisk.com]]
* Changed the drive letter in Windows to use drive ''W:'' for the flash drive
* Download & Install Microsoft SyncToy on a laptop
* Configure SyncToy to keep {{{W:\}}} (the flash drive) synchronized with a folder on the laptop
* Downloaded and installed Mozilla Firefox from [[U3 Software Central|http://software.u3.com/softwarecentral.aspx]] to the flash drive
* Configured the flash drive to autorun the U3 Launchpad
* Configured the U3 Launchpad to start Firefox on flash drive insertion
* Downloaded TiddlyWiki and saved it to the flashdrive
* Configured Firefox to use the TiddlyWiki file as my homepage:
{{{
file:///W:/yiki.html
}}}
Add the following code to the StyleSheet tiddler, being sure to place your image url inside the paretheses:
<!--{{{-->
body {background-image: url();
background-repeat: repeat; background-position: left;
backgound-color: transparent; font-family: Helvetica;}
<!--}}}-->
Obviously if it is an image on the Internet, you will only have access to the image while online.
<<tiddler [[Phone Log]]>>
<<tiddler PhoneEntry>>
InterfaceOptions are displayed when you click the 'options' button on the right. They are saved in a cookie on your browser, making them sticky between visits:
<<<
<<tiddler OptionsPanel>>
<<<
* The user name for edits should be set //before// starting to edit things (ouch. another bug)
* SaveBackups gives the option of whether to generate backup files
* AutoSave gives the option of automatically saving every time a change is made
* RegExpSearch allows more complex search expressions
* CaseSensitiveSearch does as its name implies
JavaScript is a scripting language built into Firefox, IE and other internet browsers. JavaScript is used to create client-side dynamic web interaction.
Jeremy Ruston is a technologist based in London, UK, working for [[Osmosoft|http://www.osmosoft.com]].
Offers a popup menu to jump directly to any of the currently open tiddlers. It is used with the ToolbarMacro like this:
{{{
<<toolbar jump>>
}}}
| Date | Time | Company | Name | Phone |
| 07-16-07 | 17:42 | Demo | First Last | 777-555-1212 |
* Double-click Tiddler
lasjdflsdj
Access keys are shortcuts to common functions accessed by typing a letter with either the 'alt' (PC) or 'control' (Mac) key:
|!PC|!Mac|!Function|
|Alt-F|Ctrl-F|Search|
|Alt-J|Ctrl-J|NewJournal|
|Alt-N|Ctrl-N|NewTiddler|
|Alt-S|Ctrl-S|SaveChanges|
These access keys are provided by the associated internal [[Macros]] for the functions above. The macro needs to be used in an open tiddler (or the MainMenu or SideBar) in order for the access keys to work.
While editing a tiddler:
* ''~Control-Enter'' or ''~Control-Return'' accepts your changes and switches out of editing mode (use ''~Shift-Control-Enter'' or ''~Shift-Control-Return'' to stop the date and time being updated for MinorChanges)
* ''Escape'' abandons your changes and reverts the tiddler to its previous state
In the search box:
* ''Escape'' clears the search term
A software bundle intended to run on ''L''inux and includes ''A''pache ''M''ySQL and ''P''erl and/or PHP
*BackStageArea
*Header
** SiteTitle
** SiteSubtitle
* MainMenu
* DisplayArea
** MessageArea
** TiddlerDisplay
*** Toolbar
*** Title
*** Subtitle
*** Tagging
*** Tiddler
*** Tags
* SideBar
** SideBarOptions
** SideBarTabs
[[Macros]] let you write tiddlers containing more exotic objects than just text. Built-in macros include:
* NewJournalMacro and NewTiddlerMacro
* GradientMacro
* [[Sparklines]]
* TabMacro
* TaggingMacro
* TodayMacro
* ToolbarMacro
List of [[Built-in Macros]]
<<slider Shortcuts Shortcuts [[ ]]>>
<<closeAll>>
* [[TiddlyWiki ]]
* [[Wiki On A Stick]]
* What is TiddlyWiki?
* [[What you'll need]]
* [[How I set up the WoaS]]
* [[What happens when I insert my flash drive]]
* [[What's in TiddlyWiki?]]
* [[Starting a new TiddlyWiki]]
* [[Starting GTDTiddlyWiki Video]]
* [[Configuration]]
* [[Terminology]]
* [[WikiSyntax]]
* [[Formatting]]
* [[Embedded pages]]
* [[Keyboard shortcuts]]
* [[Layout]]
* [[Navigation]]
* [[Options]]
* [[Demo]]
* [[Adaptations]]
* [[Cool Extensions]]
* [[Summary]]
MicroContent being a fashionable word for self-contained fragments of content that are typically smaller than entire pages. Often MicroContent is presented via some kind of aggregation that reduces the perceptual shock and resource cost of context switching (eg Blogs aggregating several entries onto a page or Flickr presenting photos in an album). This TiddlyWiki aggregates MicroContent items that I call 'tiddlers' into pages that are loaded in one gulp and progressively displayed as the user clicks hypertext links to read them.
MySQL is an OpenSource multithreaded, multi-user SQL database management system (DBMS)
http://www.mysql.com
* Opening above or below
* Incremental Search
* Edit two tiddlers at once
The {{{<<newJournal>>}}} macro creates a new tiddler with it's title set to the current date, and the cursor in the body text area ready to type.
This macro is identical to the NewTiddlerMacro except that the "title" parameter is treated as a DateFormatString so that you can specify your own date format.
The {{{<<newTiddler>>}}} macro displays a button that can be clicked to create a new tiddler. By default, the new tiddler is opened in edit mode or you can specify a custom template.
The available parameters are:
|!Parameter |!Description |
|label |The text of the button |
|prompt |The tooltip for the button |
|accessKey |The access key to trigger the button (specify a single letter; different browsers require a different modifier key like Alt- or Control-) |
|focus |Which of the edittable fields to default the focus to (eg, "title", "text", "tags") |
|template |The template to use to display the new tiddler (defaults to EditTemplate) |
|text |The default text for the new tiddler |
|title |The default title for the new tiddler |
|tag |A single tag to be applied to the new tiddler (repeat this parameter to specify multiple tags) |
For example: <<newTiddler label:"try this" accessKey:1 focus:tags text:"hello there!" tag:greeting tag:"an example">> (can also be triggered with Alt-1)
{{{
<<newTiddler label:"try this" accessKey:1 focus:tags text:"hello there!" tag:greeting tag:"an example">>
}}}
You can only prime the initial values of fields that map to a text input box in the specified template (for instance, if you specify the standard ViewTemplate as the template you won't be able to prime any fields). For example, this doesn't work as you might expect:
{{{
<<newTiddler template:ViewTemplate text:"To be or not to be">>
}}}
<<newTiddler template:ViewTemplate text:"To be or not to be">>
Open source is a set of principles and practices that promote access to the design and production of goods and knowledge. The term is most commonly applied to the source code of software that is available to the general public with relaxed or non-existent intellectual property restrictions. This allows users to create software content through incremental individual effort or through collaboration.
* [[TiddlyWiki ]]
* [[Wiki On A Stick]]
* What is TiddlyWiki?
* [[What you'll need]]
* [[How I set up the WoaS]]
* [[What happens when I insert my flash drive]]
* [[What's in TiddlyWiki?]]
* [[Starting a new TiddlyWiki]]
* [[Starting GTDTiddlyWiki Video]]
* [[Configuration]]
* [[Terminology]]
* [[WikiSyntax]]
* [[Formatting]]
* [[Embedded pages]]
* [[Keyboard shortcuts]]
* [[Layout]]
* [[Navigation]]
* [[Options]]
* [[Demo]]
* [[Adaptations]]
* [[Cool Extensions]]
* [[Summary]]
PHP version 5 is an OpenSource scripting language, available for a wide variety of platforms. Many InternetServiceProviders still only offer PHPVersion4, which could pose a challenge for those interested in running their own instance of the ServerSide code.
PerlTiddlyWiki is an adaptation of TiddlyWiki which uses Perl and MySQL as its storage backend.
There are similar ones PhpTiddlyWiki using PHP/MySQL, and [[T's Wiki]] using Tcl/[[SQLite3.|http://www.sqlite.org/]]
Features:
* Locking with Password
* Exporting as normal TiddlyWiki
* Listing old versions of a tiddler (not completed yet)
* Using Ajax for saving, deleting, DelayedLoading, and CheckingForUpdate of tiddlers (experimental)
Changes the browser address bar to a permalink to the current tiddler. It is used with the ToolbarMacro like this:
{{{
<<toolbar permalink>>
}}}
On some browsers, the PermalinkCommand can be unreliable if the tiddler title includes characters that have special meanings in URLs (like "+" and "\") or are outside the basic ANSI character set.
|!Date |!Time|!Company|!Caller|!Phone|
|07-16-07| 12:29|PC Mall|Laurie|800-555-6255 x7972|
|07-13-07 | 15:28|PMI Computer Supplies|Bob Young|800-798-8229 x206|
|07-13-07 | 12:16 |T-Mobile|John Canale|847-490-1098|
|07-12-07 | 17:45|National Cycle|Greg |224-805-7350|
|07-12-07 | 16:27|USI Corp|Mark Tuggle|708-606-9711 cell|
|07-12-07 | 14:41|B2B|James Fry|630-396-6304|
|07-12-07| 13:45|InfoData|?|847-486-0000 x206|
|07-12-07| 9:52|[[Amica Insurance]]|Natalie|800-234-5433 x89307|
| Date | Time | Company | Name | Phone |
| dadate | | | | |
PhoneID is a framework for user authentication using a mobile phone. A J2ME enabled mobile ''phone would store user secrets such as passwords''. The phone would send passwords to host PC for ''Windows login'' and ''website login, automatically through Bluetooth''. PhoneID encrypts the secrets both on the phone and on the host, making the data secure even when one of the two is stolen or compromised.
PhpTiddlyWiki is an adaptation of TiddlyWiki which uses PHP and MySQL as its storage backend.
http://www.patrickcurry.com/tiddly/
TiddlyWiki can be extended by InstallingPlugins that implement new [[Macros]], [[Themes]], [[Tweaks]] or other features. The easiest way of InstallingPlugins is to use ImportTiddlers. Like other features that need to modify TiddlyWiki files, it only works when TiddlyWiki is loaded from a {{{file://}}} URL.
Some of the leading plugin sites from independent developers are here tagged as <<tag contentPublisher>> which also makes them available in ImportTiddlers.
ChrisKlimas has written [[The Macrocodex|http://gimcrackd.com/etc/src/codex/]], some superb documentation on writing plugins and macros for TiddlyWiki.
http://portableapps.com/apps/internet/firefox_portable
[[RSS]] (which, in its latest format, stands for "Really Simple Syndication") is a family of web feed formats used to publish frequently updated content such as blog entries, news headlines or podcasts. An [[RSS]] document, which is called a "feed", "web feed", or "channel", contains either a summary of content from an associated web site or the full text.
RSS is used to store tiddler data, as well as providing a means to track changes in the wiki content. I'm not totally clear what the trade-offs are to choosing one flavor of RSS (or Atom) as opposed to another, so I kind of arbitrarily opted for [[RSS version 2|http://blogs.law.harvard.edu/tech/rss]].
----
There are a number of ways to read RSS. I can only vouch for the following:
* [[Firefox or Thunderbird|http://mozilla.com/]]
* [[NetNewsWire Lite|http://ranchero.com/]] (Mac)
* [[Bloglines|http://bloglines.com/]] (Web-based)
Offers a popup menu displaying the tiddlers that link to the current one. It is used with the ToolbarMacro like this:
{{{
<<toolbar references>>
}}}
* ''save changes'' before closing the browser tab/window
* Properly eject your flash disk so that all write are flushed to disk
TiddlyWiki's [[RSS]] feed is available [[here|http://www.tiddlywiki.com/index.xml]]. You can generate an RSS feed for your own TiddlyWiki using the GenerateAnRssFeed option.
[[SWiK.net|http://swik.net/]] is a project to help people collaboratively document open-source software. it’s a place to make notes and publish articles on software development and open source projects, tag projects to help organize the world of open source, or just browse around and find interesting stuff (like PhoneID).
This wiki is community run and completely open – it depends on editors like you to help build pages with useful information about using open source software and developing applications. The wiki engine is written from scratch by [[SourceLabs|http://swik.net/SourceLabs]].
Saves any pending edits to the current tiddler, and switches it to the default view. It is used with the ToolbarMacro like this:
{{{
<<toolbar saveTiddler>>
}}}
One of the neatest features of TiddlyWiki is that it is entirely self-contained in a single HTML file - even including graphics like the GradientMacro and [[Sparklines]]. The file contains the actual hypertext document, and the JavaScript, CascadingStyleSheets and HTML necessary to both view and edit it. This means that it is trivial to host a TiddlyWiki on a website, or to distribute one by email. And anyone with a reasonably recent web browser will be able to read and edit it.
The server component of TiddlyWikiRemote is comprised of a single script written in PHPVersion5, which uses an RSSFeed to store tiddler content.
ShadowTiddlers are special tiddlers that have ''default values that take over if they are undefined or deleted''. For example, PageTemplate and StyleSheetColors are both shadow tiddlers.
ShadowTiddlers make it harder to render a TiddlyWiki inoperative by accidentally deleting something important. You can see a list of shadow tiddlers in the Shadowed tab under the More tab in the right hand column. When you create a tiddler with the same title you override the underlying shadow tiddler.
----
<<list shadowed>>
[[TiddlyWiki Home|http://www.tiddlywiki.com]]
MainMenu
SiteTitle
SiteSubtitle
PageTemplate
StyleSheetLayout
<<slider Outline Outline [[Outline Menu]]>>
TabAll
<<search>><<closeAll>><<permaview>><<newTiddler>><<newJournal "DD MMM YYYY">><<newTiddler label:"new phone entry" tag:"Phone Log" text:{{store.getTiddlerText('PhoneEntry')}}>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel "options »" "Change TiddlyWiki advanced options">>
''~UniForum Chicago July Presentation''
<html>
<iframe src="http://ia300033.us.archive.org/3/items/tiddlywikitutorial/tiddlywiki.swf" width=950 height=720">
</iframe>
</html>
# From [[TiddlyWikiHome|http://www.tiddlywiki.com]] or adaptation website, find the ''Save As'' link to create an empty wiki file
# Modify the ''Username'' in SideBarOptions
# Modify SiteTitle
# Modify SiteSubtitle
# Modify MainMenu
# Create [[Tiddlers|Tiddler]]
# Modify DefaultTiddlers
# (Optional) Customize colors, templates, and stylesheets
# Don't forget to ''Save'' your TiddlyWiki file
Another wiki that lives in one self-modifying XHTML file. StickWiki was inspired by TiddlyWiki. Project is closely tied to SWiK.net; a project to help people collaboratively document open-source software. Uses [[Textile|http://swik.net/Textile]] for it's web text markup-language.
/***
This is a sample style definition to demonstrate CustomCssClass formatting
***/
/*{{{*/
.wrappingClass {color: #666; background: #bbb;}
/*}}}*/
/*{{{*/
* { border: 0px solid #f00; }
* html .tiddler {height:1%;}
body {font-size:.75em; font-family:arial,helvetica; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:bold; text-decoration:none;}
h1,h2,h3 {padding-bottom:1px; margin-top:1.2em;margin-bottom:0.3em;}
h4,h5,h6 {margin-top:1em;}
h1 {font-size:1.35em;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}
hr {height:1px;}
a {text-decoration:none;}
dt {font-weight:bold;}
ol {list-style-type:decimal; list-style-position: outside; margin-left:2em; padding:0em; }
ol ol {list-style-type:lower-alpha;}
ol ol ol {list-style-type:lower-roman;}
ol ol ol ol {list-style-type:decimal;}
ol ol ol ol ol {list-style-type:lower-alpha;}
ol ol ol ol ol ol {list-style-type:lower-roman;}
ol ol ol ol ol ol ol {list-style-type:decimal;}
ul {list-style-type:disc; list-style-position: outside; margin-left:2.1em; padding:0em; }
.txtOptionInput {width:11em;}
#contentWrapper .chkOptionInput {border:0;}
.externalLink {text-decoration:underline;}
.indent {margin-left:3em;}
.outdent {margin-left:3em; text-indent:-3em;}
code.escaped {white-space:nowrap;}
.tiddlyLinkExisting {font-weight:bold;}
.tiddlyLinkNonExisting {font-style:italic;}
/* the 'a' is required for IE, otherwise it renders the whole tiddler in bold */
a.tiddlyLinkNonExisting.shadow {font-weight:bold;}
#mainMenu {position:absolute; left:0; width:15em; text-align:left; line-height:1.3em; padding:0.5em 0.5em 0.5em 0.5em; font-size:1.0em;}
#mainMenu .tiddlyLinkExisting,
#mainMenu .tiddlyLinkNonExisting {font-weight:bold; font-style:normal;}
#sidebarTabs .tiddlyLinkNonExisting {font-weight:normal; font-style:normal;}
#sidebarTabs .tiddlyLinkExisting {font-weight:bold; font-style:normal;}
.header {position:relative;}
.header a:hover {background:transparent;}
.headerShadow {position:relative; padding:4.5em 0em 1em 1em; left:-1px; top:-1px;}
.headerForeground {position:absolute; padding:4.5em 0em 1em 1em; left:0px; top:0px;}
.siteTitle {font-size:3em;}
.siteSubtitle {font-size:1.2em;}
#sidebar {position:absolute; right:3px; width:16em; font-size:.9em; visibility:hidden;}
#sidebarOptions {padding-top:0.3em;}
#sidebarOptions a {margin:0em 0.2em; padding:0.2em 0.3em; display:block;}
#sidebarOptions input {margin:0.4em 0.5em;}
#sidebarOptions .sliderPanel {margin-left:1em; padding:0.5em; font-size:.85em;}
#sidebarOptions .sliderPanel a {font-weight:bold; display:inline; padding:0;}
#sidebarOptions .sliderPanel input {margin:0 0 .3em 0;}
#sidebarTabs .tabContents {width:15em; overflow:hidden;}
.wizard {padding:0.1em 1em 0em 2em;}
.wizard h1 {font-size:2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizard h2 {font-size:1.2em; font-weight:bold; background:none; padding:0em 0em 0em 0em; margin:0.4em 0em 0.2em 0em;}
.wizardStep {padding:1em 1em 1em 1em;}
.wizard .button {margin:0.5em 0em 0em 0em; font-size:1.2em;}
.wizardFooter {padding:0.8em 0.4em 0.8em 0em;}
.wizardFooter .status {padding:0em 0.4em 0em 0.4em; margin-left:1em;}
.wizard .button {padding:0.1em 0.2em 0.1em 0.2em;}
#messageArea {position:fixed; top:2em; right:0em; margin:0.5em; padding:0.5em; z-index:2000; _position:absolute;}
.messageToolbar {display:block; text-align:right; padding:0.2em 0.2em 0.2em 0.2em;}
#messageArea a {text-decoration:underline;}
.tiddlerPopupButton {padding:0.2em 0.2em 0.2em 0.2em;}
.popupTiddler {position: absolute; z-index:300; padding:1em 1em 1em 1em; margin:0;}
.popup {position:absolute; z-index:300; font-size:.5em; padding:0; list-style:none; margin:0;}
.popup .popupMessage {padding:0.4em;}
.popup hr {display:block; height:1px; width:auto; padding:0; margin:0.2em 0em;}
.popup li.disabled {padding:0.4em;}
.popup li a {display:block; padding:0.4em; font-weight:normal; cursor:pointer;}
.listBreak {font-size:1px; line-height:1px;}
.listBreak div {margin:2px 0;}
.tabset {padding:1em 0em 0em 0.5em;}
.tab {margin:0em 0em 0em 0.25em; padding:2px;}
.tabContents {padding:0.5em;}
.tabContents ul, .tabContents ol {margin:0; padding:0;}
.txtMainTab .tabContents li {list-style:none;}
.tabContents li.listLink { margin-left:.75em;}
#contentWrapper {display:block;}
#splashScreen {display:none;}
#displayArea {margin:1em 17em 0em 20em;}
.toolbar {text-align:right; font-size:.9em;}
.tiddler {padding:1em 1em 0em 1em;}
.missing .viewer,.missing .title {font-style:italic;}
.title {font-size:1.6em; font-weight:bold;}
.missing .subtitle {display:none;}
.subtitle {font-size:1.1em;}
.tiddler .button {padding:0.2em 0.4em;}
.tagging {margin:0.5em 0.5em 0.5em 0; float:left; display:none;}
.isTag .tagging {display:block;}
.tagged {margin:0.5em; float:right;}
.tagging, .tagged {font-size:0.9em; padding:0.25em;}
.tagging ul, .tagged ul {list-style:none; margin:0.25em; padding:0;}
.tagClear {clear:both;}
.footer {font-size:.9em;}
.footer li {display:inline;}
.annotation {padding:0.5em; margin:0.5em;}
* html .viewer pre {width:99%; padding:0 0 1em 0;}
.viewer {line-height:1.4em; padding-top:0.5em;}
.viewer .button {margin:0em 0.25em; padding:0em 0.25em;}
.viewer blockquote {line-height:1.5em; padding-left:0.8em;margin-left:2.5em;}
.viewer ul, .viewer ol {margin-left:0.5em; padding-left:1.5em;}
.viewer table, table.twtable {border-collapse:collapse; margin:0.8em 1.0em;}
.viewer th, .viewer td, .viewer tr,.viewer caption,.twtable th, .twtable td, .twtable tr,.twtable caption {padding:3px;}
table.listView {font-size:0.85em; margin:0.8em 1.0em;}
table.listView th, table.listView td, table.listView tr {padding:0px 3px 0px 3px;}
.viewer pre {padding:0.5em; margin-left:0.5em; font-size:1.2em; line-height:1.4em; overflow:auto;}
.viewer code {font-size:1.2em; line-height:1.4em;}
.editor {font-size:1.1em;}
.editor input, .editor textarea {display:block; width:100%; font:inherit;}
.editorFooter {padding:0.25em 0em; font-size:.9em;}
.editorFooter .button {padding-top:0px; padding-bottom:0px;}
.fieldsetFix {border:0; padding:0; margin:1px 0px 1px 0px;}
.sparkline {line-height:1em;}
.sparktick {outline:0;}
.zoomer {font-size:1.1em; position:absolute; overflow:hidden;}
.zoomer div {padding:1em;}
* html #backstage {width:99%;}
* html #backstageArea {width:99%;}
#backstageArea {display:none; position:relative; overflow: hidden; z-index:150; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageToolbar {position:relative;}
#backstageArea a {font-weight:bold; margin-left:0.5em; padding:0.3em 0.5em 0.3em 0.5em;}
#backstageButton {display:none; position:absolute; z-index:175; top:0em; right:0em; visibility:hidden;}
#backstageButton a {padding:0.1em 0.4em 0.1em 0.4em; margin:0.1em 0.1em 0.1em 0.1em;}
#backstage {position:relative; width:100%; z-index:50;}
#backstagePanel {display:none; z-index:100; position:absolute; margin:0em 3em 0em 3em; padding:1em 1em 1em 1em;}
.backstagePanelFooter {padding-top:0.2em; float:right;}
.backstagePanelFooter a {padding:0.2em 0.4em 0.2em 0.4em;}
#backstageCloak {display:none; z-index:20; position:absolute; width:100%; height:100px;}
.whenBackstage {display:none;}
.backstageVisible .whenBackstage {display:block;}
/*}}}*/
* [[Remember to...]]
* [[Advantages]]
* [[Disadvantages]]
SyncToy is a free utility from Microsoft that lets users synchronize, echo, subscribe, contribute, or combine the contents of different directories. Most common operations can be performed, and additional customization is available without additional complexity. SyncToy can manage multiple sets of folders at the same time; it can combine files from two folders in one case, and mimic renames and deletes in another case. Unlike other applications, SyncToy keeps track of renames to files and will make sure those changes get carried over to the synchronized folder.
[[T's Wiki]] is a server side cgi script using [[Tcl|http://www.sqlite.org/]] and [[SQLite3|http://www.sqlite.org/]] for database storage backend.
http://mega.ist.utl.pt/~tngd/wiki/
This is an example of a tab:
<<tabs txtFavourite
One "First tab" HelloThere
Two "Second tab" ThankYou
>>
The TaggingMacro produces a list of links to tiddlers that carry the specified tag. If no tag is specified, it looks for tiddlers tagged with the name of the current tiddler. It looks like this:
{{{
<<tagging>>
<<tagging TiddlerTitle>>
<<tagging sep:[[, ]]>>
}}}
In HTML, the list is formatted like so:
{{{
<ul>
<li class="listTitle">List title label</li>
<li><a class="tiddlyLink ..." href="javascript:;" onclick="..."
refresh="link" tiddlyLink="ExampleOne">ExampleOne</a></li>
</ul>
}}}
The optional {{{sep}}} parameter specifies a string of characters to be inserted as a separator between each {{{<li>}}} element. In conjunction with the CSS {{{ul li {display: none;} }}} this allows the tagging list to be formatted as a nicely formatted inline list.
You can categorise a tiddler by assigning it special keywords called [[Tags]].
Tags can be tiddlers themselves, with their own tags, so you can have hierarchies of tiddlers.
This is a surprisingly useful and powerful technique has been dubbed TagglyTagging by the [[Community]].
* [[Tiddler]] - a //chunk// of information, or a unit of MicroContent
* ShadowTiddlers - special tiddlers that have default values that take over if they are undefined or deleted
* [[Macros]] - tiddlers that contain more exotic objects than just text
* [[Plugins]] - a tiddler that contains [[Macros]], [[Themes]] or [[Tweaks]] to extend and add new features to TiddlyWiki
* [[RssFeed]] - a web feed use to publish TiddlyWiki content
* [[Tags]] - keywords assigned to a [[Tiddler]]
* [[Tagging|macro]] - a tiddler with the same name as a Tag keyword
* WikiWord - a word that combines upper and lowercase letter and automatically hyperlinks to a tiddler of the same name
A customized TiddlyWiki page. Modifications usually include changes to the PageTemplate, ColorPalette, StyleSheetLayout, and CustomCssClass to change the entire look and feel.
# <<slider type1 [[Type1]] [[Webserver on stick]] [[xAMP]]>>
# <<slider type2 [[Type2]] [[Client-side]] [[Client-side]]>>
# <<slider type3 [[Type3]] [[Server-side]] [[Server-side]]>>
A 'tiddler' is the name given to a unit of MicroContent in TiddlyWiki.
Other systems have analogous concepts with more prosaic names: like "items", "entries", "entities". Even though "tiddler" is undoubtedly a SillyName it at least has the virtue of being confusingly distinctive rather than confusingly generic.
Tiddlers are pervasive in TiddlyWiki. The MainMenu is defined by a tiddler, plugins are delivered in tiddlers, there are special StyleSheet tiddlers, and so on.
Tiddlers are:
* MicroContent
* Slider contents
* Special Tiddlers
** MainMenu
** SideBar
** SiteTitle
** SiteSubtitle
** Templates
** Options
** StyleSheets
** Defaults
* Plugins
TiddlyWiki is a free MicroContent WikiWikiWeb created by JeremyRuston. It's written in HTML, [[CSS]] and JavaScript to run on any modern browser without needing any ServerSide logic. It allows anyone to create personal SelfContained hypertext documents that can be posted to a WebServer, sent by email or kept on a USB thumb drive to make a WikiOnAStick.
Use it for demonstrations, sophisticated note-taking, or super-fast installations using a simple copy. Note: Always stop the servers and use the system tray "unplug/eject" icon to stop the media before removing it!
TiddlyWiki is a free MicroContent WikiWikiWeb created by JeremyRuston. It's written in HTML, [[CSS]] and JavaScript to run on any modern browser without needing any ServerSide logic. It allows anyone to create personal SelfContained hypertext documents that can be posted to a WebServer, sent by email or kept on a USB thumb drive to make a WikiOnAStick.
A TiddlyWiki is like a blog because it's divided up into neat little chunks, but it encourages you to read it by hyperlinking rather than sequentially: if you like, a non-linear blog analogue that binds the individual [[microcontent|MicroContent]] items into a cohesive whole. I think that TiddlyWiki represents a novel medium for writing, and will promote its own distinctive WritingStyle.
TiddlyWiki is fundamentally different from a conventional Wiki because it is not based on separate, entire pages of content, but rather items of MicroContent referred to as [[Tiddlers|Tiddler]] that live together on the same page.
Out of the box, TiddlyWiki is also different because it doesn't support public editing - or indeed any persistent editing when viewed over the web. However, there are several TiddlyWikiAdaptations and [[Plugins]] that provide these features in a wide range of different configurations.
What do you get when you cross a wiki with web 2.0? You get a very interactive and powerful interface.
In this presentation, we're going to take a close look at TiddlyWiki; //a reusable non-linear personal web notebook//. Jeremy Ruston created TiddlyWiki, and in the process has created a new WritingStyle that exploits the use of MicroContent. With an active user community and powerful features, TiddlyWiki and it's adaptations are quickly becoming a popular WikiWikiWeb.
Come see the power of this GuerillaWiki by seeing some examples of TiddlyWiki pages. You just may become a convert.
<html>
<h5>by David J. Young</h5>
</html>
Before TiddlyWiki supported [[Plugins]], several independent developers created their own extended adaptations to support new features. These can be considered forks of the original core code, and won't necessarily be based on the latest version. For that reason, the trend more recently has been for developers to release new features as [[Plugins]] that can be readily mixed and matched and upgraded to the latest version.
Adaptations include:
* TimoBenk's TiddlyTasks at http://m28s01.vlinux.de/tiddlytasks.html
* KeithHodges' TiddlyPom at http://www.warwick.ac.uk/~tuspam/tiddlypom.html
* RodneyGomes' RoWiki, based on PyTW, at http://rodney.gotdns.com/
* LarsEnglund's TiddlyWikiRDF at http://larsenglund.com/TiddlyWikiRDF/
* BramChen's PrinceTiddlyWiki at http://ptw.sf.net/index-en.html
* JoshGoebel's ServerSideWiki at http://www.serversidewiki.com
* MasakiYatsu's LesserWiki at http://lesserwiki.org/
* MichaelBridgen's StickyWiki at http://www.squaremobius.net/~mikeb/Darcs/sticky-wiki/
* DavidHarper's BloTid, at http://www.spacecoastweb.net/BloTid/Tiddly/
* JacquesTurbé's TidliPo, in French at http://avm.free.fr/tidlipo.html
* JoeRaii's pytw at http://www.cs.utexas.edu/~joeraii/pytw/ and his Siglet at http://www.cs.utexas.edu/~joeraii/siglet/
* JároliJózsef's MagyarTiddlyWiki at http://innen.hu/MagyarTiddlyWiki in Hungarian
* Yoshimov's EncryptedTiddlyWiki, at http://wiki.yoshimov.com/?page=EncryptedTiddlyWiki
* TiagoDionizio's TsWiki using Tcl and SQLite, at http://mega.ist.utl.pt/~tngd/wiki/
* TimMorgan's ZiddlyWiki based on Zope, at http://ziddlywiki.org/
* SteveRumsby's YetAnotherTiddlyWikiAdaptation at http://www.rumsby.org/yatwa/
* PhonoHawk's PerlTiddlyWiki at http://ccm.sherry.jp/tiddly/
* NathanBower's GTDTiddlyWiki at http://shared.snapgrid.com/gtd_tiddlywiki.html
* GeetDuggal's PileTiddly at http://www.geetduggal.com/PileTiddly/
* DanPhiffer's TiddlyWikiRemote at http://phiffer.org/tiddly/
* JonnyLeRoy's TiddlyTagWiki at http://www.digitaldimsum.co.uk/
* JodyFoo's TagglyWiki at http://informationality.com/tagglywiki/tagglywiki.html
* ChristianHauck's at http://www.christianhauck.net/html/14300.html
* TonyLownds's TiddlyHacks at http://tony.lownds.com/tiddly/dev/cgi/index.cgi
* AlanHecht's QwikiWeb at http://snipurl.com/qwikiweb
* TimCuthbertson and MattGiuca's TiddlyWikiCSS at http://codestar.lidonet.net/misc/tiddlywikicss.html
** PeterLazarev's further improvements at http://petka.webhop.net/#NiceTiddlyWiki
* PatrickCurry and GabrielJeffrey's PhpTiddlyWiki at http://www.patrickcurry.com/tiddly/
* There's also KevemBuangga's TiddlyWikiClone at http://www.kevembuangga.com/hwk/hailiwiki.htm
* Also inspired by TiddlyWiki, Dr MichaelRees' [[DotWikIE|http://comet.it.bond.edu.au/dotsoft/Pages/dotwikiehome.aspx]],
* And AndreNho's StickWiki at http://stickwiki.sourceforge.net/
See also the earlier FirstVersionAdaptations and SecondVersionAdaptations. There's also some TiddlyWikiTools that extend TiddlyWiki.
IsaoSonobe's TiddlyWikiPod is a nifty utility for Mac OS X that copies the content of a TiddlyWiki to an iPod where it can be read, and links followed, using the touch wheel. Isao has also added the ability to link to songs from the TiddlyWiki text which enables some interesting applications. At the moment, the instructions apply to the older SecondVersion of TiddlyWiki. It can be found at http://www8.ocn.ne.jp/~sonoisa/TiddlyWikiPod/index.html
An adaptation of JeremyRuston's TiddlyWiki saves tiddlers ServerSide
* http://phiffer.org/projects/tiddly/
The {{{<<today>>}}} macro inserts the current date and time into a tiddler. It's updated each time the tiddler is redisplayed.
It can optionally take a DateFormatString to determine the way that the date is displayed:
{{{
<<today [[DD-MMM-YYYY hh:mm:ss]]>>
<<today>>
}}}
Results in:
<<today [[DD-MMM-YYYY hh:mm:ss]]>>
<<today>>
The ToolbarMacro is used in the TiddlerTemplateMechanism to define the toolbar that appears when the mouse is hovered over a tiddler. It looks like this:
{{{
<<toolbar closeTiddler -editTiddler +jump>>
}}}
The arguments to the ToolbarMacro is a list of command names, as discussed in the CommandMechanism. The available commands are tagged <<tag commands>>.
You can precede a command name with a "+" to specify a default command that is automatically chosen when a tiddler is double-clicked, or the ctrl-Enter key combination pressed. Similarly, precede it with "-" to specify a command to be chosen when the Escape key is pressed.
Small modifications to color, content, layout of style
{{{
This is a Webserver on a Stick style of Wiki. All of the software necessary to
launch and run a traditional WAMP, LAMP or XAMPP environment is stored
on the flash drive.
}}}
[[WAMP]], [[LAMP]], [[XAMPP]]
{{{
This is a client-side, self-modifying HTML or XHTML file.
}}}
TiddlyWiki, StickWiki
{{{
This is a client-side interface to server side storage of tiddler content.
This is more like the traditional Wiki implementations, but with dynamic
Web 2.0 interaction.
}}}
PerlTiddlyWiki TiddlyWikiRemote
U3 is a proprietary application design specification created for Microsoft Windows operating systems so that ''applications can be executed directly from a specially formatted USB flash drive'' (i.e. it can be run without first being installed on the computer). Applications are allowed to write files or registry information to the host computer, but this information must be removed when the flash drive is ejected. Customizations and settings are instead stored with the application on the flash drive which allows one to run software on any computer with the same settings. USB flash drives adhering to the U3 specification are termed "U3 smart drives". "U3 smart drives" differ from traditional USB flash drives because they come preinstalled with the U3 Launchpad, which emulates the Windows OS start menu, and controls program installation.
A software bundle intended to run on ''W''indows and includes ''A''pache ''M''ySQL and ''P''erl and/or PHP
Abbreviation for 'Webserver on Stick. [[WOS]] is a complete [[WAMP]], [[LAMP]] or [[XAMPP]] environment that runs from a flash drive and can then be used on any computer.
* Web browser (Javascript enabled)
* Flash Disk
* Wiki page
* Self-contained XHTML + Javascript
* Apache Webserver + MySQL
[[Web 2.0]] is a phrase that refers to a perceived second generation of web-based communities and hosted services — such as social-networking sites, wikis and folksonomies — which facilitate collaboration and sharing between users.
Although the term suggests a new version of the World Wide Web, it does not refer to an update to Web technical specifications, but to changes in the ways software developers and end-users use the web as a platform.
{{{
"Web 2.0 is the business revolution in the computer industry caused
by the move to the internet as platform, and an attempt to understand
the rules for success on that new platform."
Tim O'Reilly
}}}
* Windows recognizes the insertion and mounts it as drive {{{W:}}}
* The [[U3]] Launchpad starts and displays an icon on the desktop and in the system tray
* Launchpad starts Xtraveller with in turns runs SyncToy to backup the flash drive to the laptop
* Launchpad starts Firefox running from the flash drive
* Firefox opens my TiddlyWiki page
* ''Flash drive''
** [[SanDisk|http://www.sandisk.com]] or other [[U3]] Capable drive
** Autolaunch enabled
* SyncToy
* ''Firefox''
** [[Portable Firefox|http://portableapps.com/apps/internet/firefox_portable]]
** [[Mozilla Firefox from U3 Software Central|http://software.u3.com/interstitial.aspx]]
* TiddlyWiki
TiddlyWiki is a single HTML file that combines HTML, [[CSS]] and 8300 lines of JavaScript to create a dynamic client-side self-modifying web page. The empty TiddlyWiki page starts at ''417,281 bytes'' before you add MicroContent, [[Tiddlers|Tiddler]] or [[Plugins]].
* How many here use a Wiki (aka WikiWikiWeb)?
* Who has heard of a WikiOnAStick?
<<slider discover [[Discover]] [[Searching for "Wiki on a Stick"]] [[Looking for TiddlyWiki]]>>
<<slider threetypes [[ThreeTypes]] [[There are three types of WoaS]] [[Three types of WoaS]]>>
<<slider findingit [[Finding TiddlyWiki]] [[So how did I find TiddlyWiki?]] [[Finding TiddlyWiki]]>>
[[StickWiki|file:///L:/WikiOnStick/stickwiki-v0.9.3_BETA.htm]]
[[TiddlyWiki]]
[[Media Wiki on a Stick|http://www.mediawiki.org/wiki/Manual:Wiki_on_a_stick]]
TiddlyWikiAdaptations [[GTD|file:///L:/WikiOnStick/GTD.htm]]
Putting TiddlyWiki on a USB thumb drive lets you carry around a SelfContained notebook that you can update wherever there's a reasonably modern computer, whether it's a Mac, Linux or a PC. (To be even more independent you can [[install FireFox on the drive|http://www.mozilla.org/support/firefox/tips#oth_usb]] as well).
|!Media Wiki Syntax|!~TWiki Syntax (Textile)|!~TiddlyWIki Syntax|!Equivalent HTML|!Rendered Output|
|{{{'''bold'''}}}<<br>>{{{''italics''}}} <<br>> {{{'''''bold italic'''''}}} <<br>> {{{<tt>monospace</tt>}}}<<br>>{{{<strike>strike-thru</strike>}}}|{{{*bold*}}}<<br>>{{{_italics_}}}<<br>>{{{__bold italic__}}}<<br>>{{{=monospace=}}}<<br>>{{{N/A}}}|{{{''bold''}}}<<br>>{{{//italics//}}} <<br>> {{{''//bold italic//''}}} <<br>> {{{ {{{monospace}}}{{{}}}} {{{}}}} {{{}}}}<<br>>{{{--strike-thru--}}}|{{{<b>bold</b>}}}<<br>>{{{<i>italics</i>}}}<<br>>{{{<b><i>bold italics</i></b>}}}<<br>>{{{<pre>monospace</pre>}}}<<br>>{{{<strike>strike-thru</strike>}}}|''bold''<<br>>//italics//<<br>>''//bold italic//''<<br>>{{{monospace}}}<<br>>--strike-thru--|
[[Formatting]]
ExtendedFormatting
|!~MediaWiki Syntax|!~TiddlyWiki Syntax|!~TWiki Syntax|
|{{{"''Doctor''? No other title? A ''scholar''? And he rates above the civil authority?"}}}<<br>><<br>>{{{"Why, certainly," replied Hardin, amiably. "We're all scholars more or less. After all, we're not so much a world as a scientific foundation — under the direct control of the Emperor."}}}|{{{"//Doctor//? No other title? A //scholar//? And he rates above the civil authority?" <<br>>}}} <<br>>{{{<<br>>}}}<<br>>{{{"Why, certainly," replied Hardin, amiably. "We're all scholars more or less. After all, we're not so much a world as a scientific foundation — under the direct control of the Emperor."}}}|{{{"_Doctor_? No other title? A _scholar_? And he rates above the civil authority?" <br><br>"Why, certainly," replied Hardin, amiably. "We're all scholars more or less. After all, we're not so much a world as a scientific foundation — under the direct control of the Emperor."}}}|
A Wiki is a popular way of building collaborative websites. It's based on the two primary ideas:
# Allowing users to easily edit any page
# Use a special WikiWord notation to automagically create links between pages
See Wikipedia for [[more details|http://en.wikipedia.org/wiki/Wiki]].
A WikiWord is a word that combines upper and lowercase letters. Examples: ~WikiWord, ~GiffMex, ~MainMenu, ~AbrahamLincoln, etc. ~WikiWords are case-sensitive, i.e.
{{{
WikiWord
}}}
is not the same as
{{{
WIkiWord
}}}
Abbreviation for 'WikiOnAStick. WoaS is a Wiki that can be put on a flash drive and used on any computer.
I'm hoping that after using TiddlyWiki for a while a new WritingStyle will emerge that is appropriate for this medium. Jakob Neilsen wrote an article about [[writing styles|http://www.useit.com/alertbox/980906.html]] for MicroContent back in 1998 that still seems surprisingly relevant.
A cross(''X'')-platform software bundle designed to run on Windows, Linux, Solaris and ~MacOS X and includes ''A''pache ''M''ySQL and ''P''erl and ''P''HP
This is an example of a "Tagging" tiddler. Notice the list of tiddlers that are tagged with this name on the left.
|<<tagging>> |<<tagging commands>> |<<tagging sep:[[, ]]>> |