TiddlyWiki - a reusable non-linear personal web notebook

[[Accsoft]] was founded by JackyKo in 1994 in Sydney, Australia. In September 1995, [[Accsoft]] started to provide Internet access service. Soon [[Accsoft]]'s network expanded to cover the whole Australia with dial-up and broadband services.\n\nIn 2000, [[Accsoft]] has created a business called OnMyWeb to handle its growing hosting service. Besides hosting, OnMyWeb also provides web design and development services, which has become the most popular services under [[Accsoft]]'s name.\n\nOnMyWeb is built on BEEWebPlatform, which is a creation of [[Accsoft]]'s founder JackyKo.

This tiddler shows some more complex effects that can be obtained with cunning use of CSS. Not all of these will work properly on all browsers because of differences in CSS implementation, but they should fail gracefully.\n\nYou can have special formatting for a specific, named tiddler like this:\n{{{\n#tiddlerHelloThere .title {\nbackground-color: #99aaee;\n}\n}}}\n\nOr for the first displayed tiddler:\n{{{\ndiv.tiddler:first-child .title {\nfont-size: 28pt;\n}\n}}}\n\nOr just for the first line of every tiddler:\n{{{\n.viewer:first-line {\nbackground-color: #999999;\n}\n}}}\n\nOr just for the first letter of every tiddler:\n{{{\n.viewer:first-letter {\nfloat: left;\nfont-size: 28pt;\nfont-weight: bold;\n}\n}}}\n\nOr just for tiddlers tagged with a particular tag (note that this won't work for tags that contain spaces):\n{{{\ndiv[tags~="welcome"].viewer {\nbackground-color: #ffccaa;\n}\n\ndiv[tags~="features"].viewer {\nbackground-color: #88aaff;\n}\n}}}

If you check this box in the InterfaceOptions, TiddlyWiki will automatically SaveChanges every time you edit a tiddler. In that way there's a lot less chance of you losing any information. \n\nHowever, if you also have the SaveBackups checkbox ticked, you'll end up with a lot of archived files. You may prefer to select either one or the other.

BEE separates web layout, content and applications to allow parallel development among designer, writer and programmer. Major features include WYSIWYG online content editing and instant web services. The platform is open and driven by the BEE object-oriented scripting language.\n\nFurther details can be found at [[bee.onmyweb.net/info|http://bee.onmyweb.net/info]].

TiddlyWiki in Basque:\n* SéamusPálás, [[site|http://zopelana.org/wiki/hutsik.html]]

To make quoted bits of text stand out, you can use BlockQuotes within your [[tiddler]]s, like this:\n\nJeremyRuston said:\n<<<\nA 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 items into a cohesive whole.\n<<<\n\nLike BulletPoints and NumberedBulletPoints, you can have multiple levels of BlockQuotes. Just [[edit]] this tiddler to see how it's done.\n\n>level 1\n>level 1\n>>level 2\n>>level 2\n>>>level 3\n>>>level 3\n>>level 2\n>level 1\n

Bulgarian translations of TiddlyWiki:\n* [[site|http://fire.atspace.org/]]\n** //I don't know who to credit with this -- please let me know if it's you!//

Creating BulletPoints is simple.\n* Just add an asterisk\n* at the beginning of a line.\n** If you want to create sub-bullets\n** start the line with two asterisks\n*** And if you want yet another level\n*** use three asterisks\n* Edit this tiddler to see how it's done\n* You can also do NumberedBulletPoints

Abandons any pending edits to the current tiddler, and switches it the default view. It is used with the ToolbarMacro like this:\n{{{\n<<toolbar cancelTiddler>>\n}}}

When you upload a TiddlyWiki to a web server, if doesn't load properly, it may be a CharacterEncoding issue.\n\nTiddlyWiki uses Unicode ~UTF-8 encoding and won't load properly if your host is serving it as ~ISO-8859-1. You should be able to check this by loading another page on the server in FireFox and selecting 'Page Info' on the 'Tools' menu.\n\nIf this is the case, it should be reasonably easy to sort out. We recommend that you contact your server host and ask them to serve it in ~UTF-8 mode. If you are more technically hands-on, you may be able to [[solve the issue yourself|http://www.w3.org/International/questions/qa-htaccess-charset]].

TiddlyWiki說中文:\nTraditional Chinese translations of TiddlyWiki:\n* BramChen, [[PrinceTiddlyWiki|http://ptw.sf.net/]], [[plugin|http://ptw.sf.net/zh_TW.txt]]\n\nMandarin Chinese translations of TiddlyWiki:\n* MilchFlasche, [[site|http://linshi.twbbs.org/usr/m/milchflasche/TiddlyWiki.html]]\n\nSimplified Chinese translation of TiddlyWiki:\n* JiangZhanyong's TiddlyWiki中文化, [[site|http://tiddlywiki.gf.cs.hit.edu.cn]], [[project home page|http://gf.cs.hit.edu.cn/projects/tiddlywiki/]]\n

Closes all other open tiddlers, except for any that are being editted. It is used with the ToolbarMacro like this:\n{{{\n<<toolbar closeOthers>>\n}}}

Closes the current tiddler, regardless of whether it is being editted. It is used with the ToolbarMacro like this:\n{{{\n<<toolbar closeTiddler>>\n}}}

Much as I like the idea of EatingMyOwnDogFood, TiddlyWiki isn't yet a suitable platform for hosting public discussions. Until it gets to that point, there's two GoogleGroups for discussions about TiddlyWiki:\n* A TiddlyWiki group for general discussion, bug reports and announcements at http://groups-beta.google.com/group/TiddlyWiki\n* A TiddlyWikiDev group for discussion about TiddlyWiki development at http://groups-beta.google.com/group/TiddlyWikiDev\n\nI'd prefer to answer technical questions about TiddlyWiki there, rather than by email.

TiddlyWiki in Croatian:\n* MarcellMars, [[site|http://www.picigin.net/logcells]]

Starting with this revision, you can skin TiddlyWiki with a special StyleSheet tiddler containing your own CSS style sheet declarations. Unlike hacking the HTML directly, the StyleSheet tiddler withstands upgrading to a new version of the TiddlyWiki code (see HowToUpgrade). You can also use the NestedStyleSheets feature to structure your CSS declarations.\n\nThe ExampleStyleSheet shows some of the basic options you can control (see AnotherExampleStyleSheet for more complex examples). SaveChanges and then click refresh in your browser to see StyleSheet changes. Any errors in your CSS syntax will be caught and displayed, but they shouldn't stop TiddlyWiki from working.

Česká TiddlyWiki:\n* [[PetrChlebek|http://www.chytraktim.com/]], [[site|http://chlebek.sweb.cz/]]\n* [[Lubos Pajtina|http://www.zsn5vy.ipex.cz/~pajtina/]], [[komplet|http://www.zsn5vy.ipex.cz/~pajtina/empty.html]], [[plugin|http://www.zsn5vy.ipex.cz/~pajtina/czech.txt]]

Several [[Macros]] including the TodayMacro 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:\n* DDD - day of week in full (eg, "Monday")\n* DD - day of month, 0DD - adds a leading zero\n* MMM - month in full (eg, "July")\n* MM - month number, 0MM - adds leading zero\n* YYYY - full year, YY - two digit year\n* hh - hours\n* mm - minutes\n* ss - seconds

ServerVersion HelloThere [[LatestNews]] [[GettingStarted]] [[MainFeatures]]

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:\n{{{\n<<toolbar deleteTiddler>>\n}}}

If you've enjoyed using TiddlyWiki, please TellYourFriends. If you'd like to go further, you can show your appreciation by [[making a donation|https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business=jeremy%40osmosoft%2ecom&item_name=TiddlyWiki%20Donations&no_shipping=0&no_note=1&tax=0&currency_code=GBP&lc=GB&charset=UTF%2d8]] via ~PayPal.\n\nTiddlyWiki is free for anyone to use, adapt, resell, or pretty much anything, as it says in the OpenSourceLicense, so there is absolutely no obligation to make a donation. Who'd be mad enough to pay for something that's already free? All the same, as spare time projects go, TiddlyWiki is fairly time-consuming, and I'd certainly appreciate the possibility of drinking beer paid for by TiddlyWiki. And any donations will fuel the fantasy that software designers can live a modest but economic life off of the proceeds of writing intriguing free software for people to use, share and hack.\n\nMany thanks to those of you who do decide to donate.

Because TiddlyWiki is a single HTML file, you've actually already downloaded the entire software just by viewing this site. If you want to be able to SaveChanges, you can save your own blank TiddlyWiki to your local drive by right clicking on [[this link|empty.html]] and selecting 'Save link as...' or 'Save target as...'. You can choose where to save the file, and what to call it (but keep the .HTML extension).\n\nDo ''not'' use the File/Save command in your browser to save TiddlyWiki, because of SaveUnpredictabilities.

TiddlyWiki in het Nederlands:\n* QuadSk8, [[site|http://www.xs4all.nl/~quadsk8l/TiddlyWiki.html]], [[plugin|http://www.xs4all.nl/~quadsk8l/TiddlyWiki.html#DutchTranslationConfig]]

Try holding down the alt- or shift-key while clicking on a link to a tiddler, on the 'options' button or on the CloseButton for a tiddler. Kind of a respectful homage to Mac OS X, which does something similar for many of its system animations. (On browsers like InternetExplorer that use the shift key to open a new window, it's best to use the alt-key).

Switches the current tiddler to the current edit view. It is used with the ToolbarMacro like this:\n{{{\n<<toolbar editTiddler>>\n}}}

{{{\n[img[title|filename]]\n[img[filename]]\n[img[title|filename][link]]\n[img[filename][link]]\n}}}\nImages can be included by their filename or full URL. It's good practice to include a title to be shown as a tooltip, and when the image isn't available. An image can also link to another tiddler or or a URL\n[img[Romanesque broccoli|fractalveg.jpg][http://www.flickr.com/photos/jermy/10134618/]]\n{{{\n[img[Fractal vegetable|fractalveg.jpg]]\n[img[This is shown as a tooltip|http://example.com/image.jpg]]\n[img[http://example.com/image.jpg]]\n[img[http://example.com/image.jpg][ExampleDotCom]]\n}}}\nThe tooltip is optional.\n\n[<img[Forest|forest.jpg][http://www.flickr.com/photos/jermy/8749660/]][>img[Field|field.jpg][http://www.flickr.com/photos/jermy/8749285/]]You can also float images to the left or right: the forest is left aligned with {{{[<img[}}}, and the field is right aligned with {{{[>img[}}}.\n@@clear(left):clear(right):display(block):You can use CSS to clear the floats@@\n{{{\n[<img[A woody bit of Hampstead Heath|forest.jpg]]\n[>img[A field near Milton Keynes|field.jpg]]\n}}}

There's now an option under InterfaceOptions to allow TiddlyWiki's animation effects to be turned off.

#displayArea {background-color: #ffccff; }\n#mainMenu {border: 1px solid #ffff88; }\n#commandPanel {background-color: #008800; }

config.animFast = 0.12; // Speed for animations (lower == slower)\nconfig.animSlow = 0.01; // Speed for EasterEgg animations\nconfig.views.wikified.toolbarEdit.text = "Edit away, it won't get saved";

Like most wikis, TiddlyWiki supports a range of simplified character formatting:\n| !To get | !Type this |h\n| ''Bold'' | {{{''Bold''}}} |\n| ==Strikethrough== | {{{==Strikethrough==}}} |\n| __Underline__ | {{{__Underline__}}} (that's two underline characters) |\n| //Italic// | {{{//Italic//}}} |\n| Superscript: 2^^3^^=8 | {{{2^^3^^=8}}} |\n| Subscript: a~~ij~~ = -a~~ji~~ | {{{a~~ij~~ = -a~~ji~~}}} |\n| @@highlight@@ | {{{@@highlight@@}}} |\n<<<\nThe highlight can also accept CSS syntax to directly style the text:\n@@color:green;green coloured@@\n@@background-color:#ff0000;color:#ffffff;red coloured@@\n@@text-shadow:black 3px 3px 8px;font-size:18pt;display:block;margin:1em 1em 1em 1em;border:1px solid black;Access any CSS style@@\n<<<\n\n//For backwards compatibility, the following highlight syntax is also accepted://\n{{{\n@@bgcolor(#ff0000):color(#ffffff):red coloured@@\n}}}\n@@bgcolor(#ff0000):color(#ffffff):red coloured@@

TiddlyWiki suomeksi:\n* [[JuhaKrapinoja|http://www.iworld.de/~juha_krapinoja/TiddlyWiki/TiddlyWiki_fi.html#JuhaKrapinoja]], [[site|http://www.iworld.de/~juha_krapinoja/TiddlyWiki/TiddlyWiki_fi.html]], [[plugin|http://www.iworld.de/~juha_krapinoja/TiddlyWiki/TiddlyWiki_fi.html#systemConfigSuomi]]

FireFox lets you SaveChanges in TiddlyWiki, but you will see up to three dialogs asking your permission for the local file operations. You must allow all three operations for it to work properly. Note that you can select the //Remember this decision// option to avoid seeing the dialogs in future.\n\nFireFox users should be aware that GreaseMonkey can break TiddlyWiki.

Released in September 2004, the [[first version|firstversion.html]] was pretty basic, weighing in at 52KB.

* PoulStaugaard and IvanMetalnikov's at http://poul.staugaard.dk/IeWiki.htm\n* HenrikAastedSorensen's at http://aasted.org/wiki

Here's one way to get a Flickr badge in TiddlyWiki:\n\n<html>\n<a href="http://www.flickr.com" style="text-align:center;">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br>\n<iframe style="background-color:#ffffff; border-color:#ffffff; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color=ffffff&zg_person_id=35468148136%40N01" title="Flickr Badge"></iframe>\n</html>\n\nHere's the HTML code to insert in a tiddler:\n{{{\n<html>\n<a href="http://www.flickr.com" style="text-align:center;">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br>\n<iframe style="background-color:#ffffff; border-color:#ffffff; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color=ffffff&zg_person_id=35468148136%40N01" title="Flickr Badge"></iframe>\n</html>\n}}}\n\nYou'll need to know your Flickr person ID, which should replace the value "35468148136%40N01" in the HTML. There's a useful [[Flickr idGettr|http://eightface.com/code/idgettr/]] to help with this.

TiddlyWiki en français:\n* JacquesTurbé, [[site|http://avm.free.fr/TiddlyWiki-fr.html]], [[plugin|http://avm.free.fr/TiddlyWiki-fr.html#AdaptationFrançaise2]]

NathanBower's GTDTiddlyWiki is an adaptation of an earlier revision of TiddlyWiki. It's geared towards DavidAllen's GettingThingsDone methodology for personal productivity. It's available [[here|http://shared.snapgrid.com/gtd_tiddlywiki.html]] and Nathan is also hosting a forum for discussions about it [[on his site|http://shared.snapgrid.com/gtd-forum/]].\n\nIf 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://checketts.objectis.net/wiki/]]

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.\n\nNote 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).

TiddlyWiki in Deutsch:\n* MarkusHeurung, [[site|http://tiddlywiki.byzero.de/index.html]], [[plugin|http://tiddlywiki.byzero.de/index.html#%5b%5bDeutsche Übersetzung%5d%5d]]\n* ChristianHauck, [[site|http://www.tiddlywiki.de/]], [[plugin|http://www.tiddlywiki.de/index.htm#systemConfigDeutsch]]\nThere's also SwenSchneider's [[TiddlyWikiHandbuch|http://www.schneiderwelt.de/twhandbuch/TiddlyWikiHandbuch.html]]\n

If you're still trying to get your head around what TiddlyWiki is all about, there is this [[tutorial|http://www.blogjones.com/TiddlyWikiTutorial.html]] and an overview from [[Euicho|http://euicho.com/index.php?p=123]]. DenisMéline and JimBarr have started collecting some useful tips at [[zRenard|http://www.zrenard.com/tiddlywiki/]] and [[TiddlyWikiTips|http://tiddlywikitips.com/]] respectively.\n\n

<<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.>>\nThe GradientMacro is an ExtendedMacro that processes the text after it up until the next '>>' sequence. It looks like this:\n{{{\n<<gradient vert #ffffff #ffdddd #ff8888>>gradient fill>>\n}}}\nThe 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.\n\n| <<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>> |\n\nInline CSS definitions can be added to gradient filles like this:\n\n<<gradient vert #000000 #660000 #aa2222>>color:#ffffff;font-size:12pt;Darkness>>\n{{{\n<<gradient vert #000000 #660000 #aa2222>>color:#ffffff;font-size:12pt;Darkness>>\n}}}\n

Several popular GreaseMonkey scripts can cause some or all features of TiddlyWiki to stop working - the default Linkify script seems to be particularly troublesome. There doesn't seem to be a //solid// way to disable GreaseMonkey from within TiddlyWiki (which is technically entirely understandable but does lead to a fairly grim user experience).

I don't know of a full Hebrew translation of TiddlyWiki, but Lin Magazine has published [[TiddlyWiki: מסמך וויקי אישי|http://linmagazine.co.il/misc/files/linmagazine-tidlly-intro.html]], a guide to getting up and running with TiddlyWiki.

Welcome to TiddlyWiki, a free MicroContent WikiWikiWeb 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 any WebServer, sent by email or kept on a USB thumb drive to make a WikiOnAStick. This is revision <<version>> of TiddlyWiki, and is published under an OpenSourceLicense.

/***\n|Name|HelloWorldMacro|\n|Created by|SimonBaird|\n|Location|http://simonbaird.com/mptw/#HelloWorldMacro|\n|Version|1.1|\n|Requires|~TW2.x|\n!Description\nIt's a Hello World TiddlyWiki macros.\n\n!History\n* 11-Jan-06, version 1.1, updated for ~TW2.0\n\n!Examples\n|!Source|!Output|h\n|{{{<<helloWorld dude>>}}}|<<helloWorld dude>>|\n|{{{<<helloWorld 'to everyone'>>}}}|<<helloWorld 'to everyone'>>|\n(You can use (single or double) quotes or double square brackets for params with spaces)\n\n!Notes\nThis is intended to help you get started with customising your TW. To make the macro work you have to give this tiddler a tag of systemConfig then save and reload. To learn more about customising Tiddlywiki? Look at other people's plugins or... click View, Source in your browser and start reading. :)\n\n!Code\n***/\n//{{{\nconfig.macros.helloWorld = {};\nconfig.macros.helloWorld.handler = function (place,macroName,params,wikifier,paramString,tiddler) {\n var who = params.length > 0 ? params[0] : "world";\n wikify("Hello //" + who + "// from the '" + macroName + "' macro in tiddler [[" + tiddler.title + "]].", place);\n}\n\n//}}}\n

This is an advanced option that lets you choose whether editting features are shown when a TiddlyWiki file is viewed over {{{http:}}} (as opposed to {{{file:}}}).\n\nTo publish a TiddlyWiki with the editting features hidden you'll need to create a tiddler tagged with 'systemConfig' and include in it the line:\n\n{{{\nconfig.options.chkHttpReadOnly = true;\n}}}\n\nEnd users can then override the setting using the AdvancedOptions panel.

You can divide a tiddler into\n----\nsections by typing four dashes on a line by themselves

As you can see in the RevisionHistory, there have been many updates to TiddlyWiki with bug fixes and new features. If you've been using an earlier revision of TiddlyWiki, here's how to upgrade to the latest version:\n* Open your TiddlyWiki file in FireFox (say it's called "mystuff.html")\n* SaveChanges (with SaveBackups switched on) to make sure that you've got a backup of it\n* Without closing that page, right-click on [[this link|http://www.tiddlywiki.com/empty.html]], select 'Save target' or 'Save link' and save it as "mystuff.html", replacing your existing file\n* Now go back to the previously opened copy of "mystuff.html" in your browser and SaveChanges again. It will inherit the newly saved code\n* Refresh the page in the browser to verify that the upgrade has worked

TiddlyWiki magyarul:\n* JároliJózsef, [[site|http://innen.hu/MagyarTiddlyWiki]], [[plugin|http://innen.hu/MagyarTiddlyWiki#MagyarFordítás]]

When you type more than three characters in the search box at the upper right, any matching tiddlers are automatically displayed with the text highlighted. There's a couple of minor issues: the highlights don't get removed when you clear the search, and occasionally, on some browsers, keystrokes get missed if you type quickly so you may need to click the 'search' button to manually trigger the search.

TiddlyWiki lets you write ordinary HTML by enclosing it in {{{<html>}}} and {{{</html>}}}:\n\n<html>\n<a href="javascript:;" onclick="onClickTiddlerLink(event);" tiddlyLink="TiddlyWiki" style="background-color: yellow;">Link to wikiwords from HTML</a>\n</html>\n\nThe source for the above is:\n\n{{{\n<html>\n<div style="background-color: yellow;">\n<a href="javascript:;" onclick="onClickTiddlerLink(event);" tiddlyLink="Macros">Link to wikiwords from HTML</a>\n</div>\n</html>\n}}}\n\nHTML can enable some exotic new features (like [[embedding GMail and Outlook|http://groups.google.com/group/TiddlyWiki/browse_thread/thread/d363303aff5868d0/056269d8409d121f?lnk=st&q=embedding+gmail&rnum=1#056269d8409d121f]] in a TiddlyWiki). But, care needs to be taken with including things like JavaScript code. For example, this Flickr badge doesn't work in any of the browsers I've tried:\n\n<html>\n\n<style type="text/css">\n#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}\n#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}\n#flickr_icon_td {padding:0 5px 0 0 !important;}\n.flickr_badge_image {text-align:center !important;}\n.flickr_badge_image img {border: 1px solid black !important;}\n#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}\n#flickr_badge_uber_wrapper a:hover,\n#flickr_badge_uber_wrapper a:link,\n#flickr_badge_uber_wrapper a:active,\n#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}\n#flickr_badge_wrapper {}\n#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}\n</style>\n<table id="flickr_badge_uber_wrapper" cellpadding="0" cellspacing="10" border="0"><tr><td><a href="http://www.flickr.com" id="flickr_www">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><table cellpadding="0" cellspacing="10" border="0" id="flickr_badge_wrapper">\n<script type="text/javascript" src="http://www.flickr.com/badge_code_v2.gne?count=5&display=latest&size=t&layout=v&source=user&user=35468148136%40N01"></script>\n</table>\n</td></tr></table>\n\n</html>

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. RegExpSearch allows more complex search expressions; CaseSensitiveSearch does as its name implies. The user name for edits should be set //before// starting to edit things (ouch. another bug). AutoSave and SaveBackups give the option of automatically saving changes and whether to generate backup files. You can also choose to GenerateAnRssFeed.

InternetExplorer on Windows allows you to SaveChanges in TiddlyWiki. It will give you an ActiveX warning, and ask for your permission to proceed each time. It should work from IE version 4, but I have only extensively tested against version 6. I have found some annoying ServicePack2Problems, but there's always FireFox...\n\nKnown problems with TiddlyWiki under InternetExplorer:\n* [[Gradient]] fills sometimes appear in the wrong place until you move the mouse over the tiddler\n* Horizontal gradients don't work correctly\n* Links to tiddlers with multiple consecutive spaces in their titles is broken\n* Runs of spaces within tiddlers get conflated into a single space when you edit a tiddler. This is particularly annoying when using MonospacedText blocks

TiddlyWiki in Italiano\n* MathewWarburton, [[site|http://spazioinwind.libero.it/mat01/TiddlyWikiITA.html]], [[plugin|http://spazioinwind.libero.it/mat01/TiddlyWikiTutorialITA.htm#Italiano]], [[tutorial|http://spazioinwind.libero.it/mat01/TiddlyWikiTutorialITA.htm]]\n

JackyKo is a web programmer. He also owns and runs an Australian ISP called [[Accsoft]] and a web hosting and design house named OnMyWeb.\n\nJJackyKo is the creator of the BEEWebPlatform, which has been in commercial use for over 3 years and is the backbone of the OnMyWeb hosting services.

Japanese translation of TiddlyWiki:\n* [[site|http://flow.dip.jp/mt/archives/u/twmemo.html]], [[plugin|http://flow.dip.jp/mt/archives/u/twmemo.html#%5B%5BJapanese%20translation%5D%5D]]

I'm Jeremy Ruston, a technologist based in London, UK. I'm available for limited consultancy work through my company [[Osmosoft|http://www.osmosoft.com]] but, thanks to the support of RicohInnovations, most of my time is now taken up with developing and promoting TiddlyWiki.\n\nI can be reached at {{{jeremy (at) osmosoft (dot) com}}}, and I regularly read and reply to messages on the [[TiddlyWiki Google Groups|Community]]. You can also find me on [[Flickr|http://www.flickr.com/photos/jermy/]] and [[Technorati|http://technorati.com/claim/bwntx5ez7q]].

Offers a popup menu to jump directly to any of the currently open tiddlers. It is used with the ToolbarMacro like this:\n{{{\n<<toolbar jump>>\n}}}

For the latest news about TiddlyWiki, see:\n* [[Osmosoft|http://www.osmosoft.com]], my personal ==blog==TiddlyWiki\n* [[TiddlyForge|http://www.tiddlyforge.net]], an independent news site from DevonJones\n* [[TiddlyWiki discussion forum|http://groups.google.com/group/TiddlyWiki]] and [[developer discussion forum|http://groups.google.com/group/TiddlyWikiDev]]

The format for PrettyLinks allows for links that open local or network folders. Depending on your browser and operating system, the folders are opened in Windows Explorer, the OS X Finder, or the browser itself.\n\nEdit this tiddler to see [[this link to a Windows network share|file://///server/share/folder/path/name]], [[this link to a Windows drive-mapped folder|file:///c:/folder/path/name]] and [[this link to a Unix-style folder|file:///folder/path/name]].

[[Macros]] let you write tiddlers containing more exotic objects than just text. Here are some of the built-in macros (also see the GradientMacro and [[Sparklines]]):\n\nToday's date:\n{{{\n<<today>>\n}}}\nwill result in: <<today>>\n\nTag popup:\n{{{\n<<tag features>>\n}}}\nwill result in <<tag features>>\n\nNew journal entry:\n{{{\n<<newJournal "DD MMM YYYY, hh:mm">>\n}}}\nwill result in the button <<newJournal "DD MMM YYYY, hh:mm">>\nThe first parameter is DateFormatString\n\nTiddler inclusion:\n{{{\n<<tiddler MicroContent>>\n}}}\nwill insert the text of the tiddler MicroContent. //Note that there is no protection at the moment against inadvertantly setting up endless loops//\n<<tiddler MicroContent>>\n\nSlider:\n{{{\n<<slider chkTestSlider OptionsPanel options "Change TiddlyWiki advanced options">>\n}}}\nResults in this button <<slider chkTestSlider OptionsPanel options "Change TiddlyWiki advanced options">>\nThe parameters are:\n* cookie name to be used to save the state of the slider\n* name of the tiddler to include in the slider\n* title text of the slider\n* tooltip text of the slider\n

* compatibility with most modern browsers (at the moment you can only SaveChanges on FireFox, InternetExplorer under Windows and [[Safari]] on the Mac\n* various InterfaceOptions, including the ability to GenerateAnRssFeed, SaveBackups and AutoSave\n* a liquid CSS layout that can be customised with a CustomStyleSheet\n* KeyboardShortcuts so you can finish editing a tiddler with Control-Enter or abandon it with Escape\n* rich formatting including MonospacedText, ExtendedFormatting, NonWikiWordLinks, WikiWordEscape, PrettyLinks, SubHeadings, BulletPoints, NumberedBulletPoints, [[Tables]], BlockQuotes, HorizontalRules\n* InlineHTML\n* [img[brixhamharbour.jpg][EmbeddedImages]]...EmbeddedImages:\n* [[Macros]] providing rich interactive features, including [[Sparklines]] and [[Gradients||GradientMacro]]\n* some BugFixes balanced by some KnownBugs\n* a flexible OpenSourceLicense

ServerVersion\nHelloThere\nTiddlyWiki\nMainFeatures\n[[TiddlyWiki/Dev]]\nGettingStarted\nUsingThisSite\n[[Community]]\nDownloadSoftware\n[[Plugins]]\n[[Donations]]\n[[RSS|RssFeed]]\n\n© 2006 [[osmosoft|http://www.osmosoft.com]]\n

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.

Sometimes it's useful to stop a minor change to a tiddler from causing it to rise to the top of the timeline. This can be done by pressing the Shift key while clicking the 'done' toolbar button, or with the ~Shift-Control-Enter key. This behaviour can be switched to become the default with one of the AdvancedOptions.

The 'Missing' option on the MoreTab shows you the names of tiddlers that you've referred to but not gone ahead to define. It can be useful during writing sessions to keep track of things you need to come back and fill out.\n\nThe MissingTab was requested by several users of TiddlyWiki, and was a motivation for rewriting the StorageModel.

{{{Monospaced text}}} is supported - edit this tiddler to see the syntax.\n\nYou can also have monospaced blocks (useful for source code):\n\n{{{\nvar posTop = findPosY(e);\nvar posBot = posTop + e.offsetHeight;\nvar winTop = findScrollY();\nvar winHeight = findWindowHeight();\nvar winBot = winTop + winHeight;\nif(posTop < winTop)\nreturn(posTop);\nelse if(posBot > winBot)\n{\nif(e.offsetHeight < winHeight)\nreturn(posTop - (winHeight - e.offsetHeight));\nelse\nreturn(posTop);\n}\nelse\nreturn(winTop);\n}}}\n

The functions of 'Timeline' and 'All' tabs have been around since the FirstVersion of TiddlyWiki. The purpose of the 'More' tab is to bring together some other, more specialised lists of tiddlers that can be useful during writing sessions. Currently, it offers lists of OrphanTiddlers and MissingTiddlers.

Within a CustomStyleSheet, you can include the text of another tiddler by including it in double square brackets. For example, if the tiddler MyFavouriteColour contains {{{#ff763e}}}, and the StyleSheet tiddler contained:\n\n{{{\n#mainMenu {background-color:[[MyFavouriteColour]];}\n#sidebarOptions {background-color: [[MyFavouriteColour]];}\n#sidebarTabs {background-color: [[MyFavouriteColour]];}\n}}}\n\nThen, the effect is that each CSS declaration will be set to {{{background-color: #ff763e;}}}. The benefit is that if your favourite colour should change, it's only got to be modified in one place.\n\nOf course, you can use this mechanism to redirect any part of a stylesheet, not just colours. And you can nest references for more complex effects.

To make a tiddler that doesn't have a WikiWord as its name, you can enclose the name in [[double square brackets]] - edit this tiddler to see an example. After saving the tiddler you can then click on the link to create the new tiddler. NonWikiWordLinks permits tiddlers to be created with names that are made from character sets that don't have upper and lower case.

It's easy to create NumberedBulletPoints.\n# Use a single '#' at the start of each line\n# and the tiddler will automatically\n# start numbering your list.\n## If you want a sub-list\n## within any bullets\n## add two '#'s at the start of the lines.\n# When you go back to a single '#'\n# the main numbered list will start up\n# where it left off.\n\nIt's just as simple to do normal BulletPoints.

OnMyWeb is the web hosting and design arm of [[Accsoft]]. It is built on the BEEWebPlatform technology, which is a creation of [[Accsoft]]'s founder JackyKo.\n\nPlease visit our website at [[OnMyWeb|http://www.onmyweb.net]] and view our [[client list|http://www.onmyweb.net/list/websites.htm]].

TiddlyWiki is published under a BSD OpenSourceLicense that gives you the freedom to use it pretty much however you want, including for commercial purposes, as long as you keep my copyright notice. (You can see the full license text by doing a 'view source' in your browser). If you do use TiddlyWiki I'd appreciate a link back to http://www.tiddlywiki.com.\n\nThat license covers the TiddlyWiki //code//, any content you create when you are ReusingThisSite is as much yours as if you'd written it using MicrosoftWord.

TiddlyWiki includes code to allow you to SaveChanges under Opera. It requires some special settings to be made in Java's security policy file "{{{.java.policy}}}". This file will not usually exist, and will need to be created manually.\n\nUnder Windows, the security policy file be at "C:\sDocuments and Settings\syour-name\s.java.policy", and should look like this:\n{{{\ngrant codeBase "file:/c:/tiddlywiki-folder/tiddlywiki.html" {\n permission java.io.FilePermission "c:\s\stiddlywiki-folder\s\s*",\n"read,write";\n};\n}}}\n\n@@So far, I haven't been able to get a working security policy file on the Mac; any assistance gratefully received@@. The policy file will be at "/Users/your-name/.java.policy" (note that the period at the start of the filename makes it invisible to the Finder). It should look like this:\n{{{\ngrant codeBase "file://localhost/Users/jeremy/Sites/tiddlywiki.com/index.html" {\n permission java.io.FilePermission "/Users/jeremy/Sites/tiddlywiki.com/*","read,write";\n};\n}}}\n\nThanks to Andrew Gregory for the [[original code|http://my.opera.com/forums/showthread.php?threadid=91372]] to support Opera, and his subsequent patient support.\n\nThere are some minor issues with Opera:\n* The GradientMacro doesn't work at all

The 'Orphans' option on the MoreTab shows you the names of tiddlers that aren't linked to from any other tiddlers - in other words, tiddlers that there is no way for readers to find other than searching for them.

|Standard Periodic Table (ref. Wikipedia)|c\n|| !1 | !2 |!| !3 | !4 | !5 | !6 | !7 | !8 | !9 | !10 | !11 | !12 | !13 | !14 | !15 | !16 | !17 | !18 |\n|!1|bgcolor(#a0ffa0): @@color(red):H@@ |>|>|>|>|>|>|>|>|>|>|>|>|>|>|>|>||bgcolor(#c0ffff): @@color(red):He@@ |\n|!2|bgcolor(#ff6666): Li |bgcolor(#ffdead): Be |>|>|>|>|>|>|>|>|>|>||bgcolor(#cccc99): B |bgcolor(#a0ffa0): C |bgcolor(#a0ffa0): @@color(red):N@@ |bgcolor(#a0ffa0): @@color(red):O@@ |bgcolor(#ffff99): @@color(red):F@@ |bgcolor(#c0ffff): @@color(red):Ne@@ |\n|!3|bgcolor(#ff6666): Na |bgcolor(#ffdead): Mg |>|>|>|>|>|>|>|>|>|>||bgcolor(#cccccc): Al |bgcolor(#cccc99): Si |bgcolor(#a0ffa0): P |bgcolor(#a0ffa0): S |bgcolor(#ffff99): @@color(red):Cl@@ |bgcolor(#c0ffff): @@color(red):Ar@@ |\n|!4|bgcolor(#ff6666): K |bgcolor(#ffdead): Ca ||bgcolor(#ffc0c0): Sc |bgcolor(#ffc0c0): Ti |bgcolor(#ffc0c0): V |bgcolor(#ffc0c0): Cr |bgcolor(#ffc0c0): Mn |bgcolor(#ffc0c0): Fe |bgcolor(#ffc0c0): Co |bgcolor(#ffc0c0): Ni |bgcolor(#ffc0c0): Cu |bgcolor(#ffc0c0): Zn |bgcolor(#cccccc): Ga |bgcolor(#cccc99): Ge |bgcolor(#cccc99): As |bgcolor(#a0ffa0): Se |bgcolor(#ffff99): @@color(green):Br@@ |bgcolor(#c0ffff): @@color(red):Kr@@ |\n|!5|bgcolor(#ff6666): Rb |bgcolor(#ffdead): Sr ||bgcolor(#ffc0c0): Y |bgcolor(#ffc0c0): Zr |bgcolor(#ffc0c0): Nb |bgcolor(#ffc0c0): Mo |bgcolor(#ffc0c0): Tc |bgcolor(#ffc0c0): Ru |bgcolor(#ffc0c0): Rh |bgcolor(#ffc0c0): Pd |bgcolor(#ffc0c0): Ag |bgcolor(#ffc0c0): Cd |bgcolor(#cccccc): In |bgcolor(#cccccc): Sn |bgcolor(#cccc99): Sb |bgcolor(#cccc99): Te |bgcolor(#ffff99): I |bgcolor(#c0ffff): @@color(red):Xe@@ |\n|!6|bgcolor(#ff6666): Cs |bgcolor(#ffdead): Ba |bgcolor(#ffbfff):^^*1^^|bgcolor(#ffc0c0): Lu |bgcolor(#ffc0c0): Hf |bgcolor(#ffc0c0): Ta |bgcolor(#ffc0c0): W |bgcolor(#ffc0c0): Re |bgcolor(#ffc0c0): Os |bgcolor(#ffc0c0): Ir |bgcolor(#ffc0c0): Pt |bgcolor(#ffc0c0): Au |bgcolor(#ffc0c0): @@color(green):Hg@@ |bgcolor(#cccccc): Tl |bgcolor(#cccccc): Pb |bgcolor(#cccccc): Bi |bgcolor(#cccc99): Po |bgcolor(#ffff99): At |bgcolor(#c0ffff): @@color(red):Rn@@ |\n|!7|bgcolor(#ff6666): Fr |bgcolor(#ffdead): Ra |bgcolor(#ff99cc):^^*2^^|bgcolor(#ffc0c0): Lr |bgcolor(#ffc0c0): Rf |bgcolor(#ffc0c0): Db |bgcolor(#ffc0c0): Sq |bgcolor(#ffc0c0): Bh |bgcolor(#ffc0c0): Hs |bgcolor(#ffc0c0): Mt |bgcolor(#ffc0c0): Ds |bgcolor(#ffc0c0): Rg |bgcolor(#ffc0c0): @@color(green):Uub@@ |bgcolor(#cccccc): Uut |bgcolor(#cccccc): Uuq |bgcolor(#cccccc): Uup |bgcolor(#cccccc): Uuh |bgcolor(#fcfecc): @@color(#cccccc):Uus@@ |bgcolor(#ecfefc): @@color(#cccccc):Uuo@@ |\n\n| !Lanthanides^^*1^^|bgcolor(#ffbfff): La |bgcolor(#ffbfff): Ce |bgcolor(#ffbfff): Pr |bgcolor(#ffbfff): Nd |bgcolor(#ffbfff): Pm |bgcolor(#ffbfff): Sm |bgcolor(#ffbfff): Eu |bgcolor(#ffbfff): Gd |bgcolor(#ffbfff): Tb |bgcolor(#ffbfff): Dy |bgcolor(#ffbfff): Ho |bgcolor(#ffbfff): Er |bgcolor(#ffbfff): Tm |bgcolor(#ffbfff): Yb |\n| !Actinides^^*2^^|bgcolor(#ff99cc): Ac |bgcolor(#ff99cc): Th |bgcolor(#ff99cc): Pa |bgcolor(#ff99cc): U |bgcolor(#ff99cc): Np |bgcolor(#ff99cc): Pu |bgcolor(#ff99cc): Am |bgcolor(#ff99cc): Cm |bgcolor(#ff99cc): Bk |bgcolor(#ff99cc): Cf |bgcolor(#ff99cc): Es |bgcolor(#ff99cc): Fm |bgcolor(#ff99cc): Md |bgcolor(#ff99cc): No |\n\n*Chemical Series of the Periodic Table\n**@@bgcolor(#ff6666): Alkali metals@@\n**@@bgcolor(#ffdead): Alkaline earth metals@@\n**@@bgcolor(#ffbfff): Lanthanides@@\n**@@bgcolor(#ff99cc): Actinides@@\n**@@bgcolor(#ffc0c0): Transition metals@@\n**@@bgcolor(#cccccc): Poor metals@@\n**@@bgcolor(#cccc99): Metalloids@@\n**@@bgcolor(#a0ffa0): Nonmetals@@\n**@@bgcolor(#ffff99): Halogens@@\n**@@bgcolor(#c0ffff): Noble gases@@\n\n*State at standard temperature and pressure\n**those in @@color(red):red@@ are gases\n**those in @@color(green):green@@ are liquids\n**those in black are solids\n

I think this feature from the SecondVersion of TiddlyWiki is quite original. It's a button in the right-hand sidebar that sets the browser address bar to a URL embodying all the currently open tiddlers in the order that they are currently shown. To use it, arrange the open tiddlers that you want, click the permaview button, copy the URL from the browser address bar, and then paste it into an email, web page or whatever.

Changes the browser address bar to a permalink to the current tiddler. It is used with the ToolbarMacro like this:\n{{{\n<<toolbar permalink>>\n}}}

Format blocks of CSS definitions as:\n{{{\n/*{{{*/\ndiv {color: #ff0000;}\n/*}}}*/\n}}}\nIt will be displayed as:\n/*{{{*/\ndiv {color: #ff0000;}\n/*}}}*/

There are a number of collections of [[Macros]], stylesheets and plugins that have been made available by independent TiddlyWikiHackers too:\n* BidiX's [[BidiXTW|http://www.bidix.info/TiddlyWiki/BidiXTW.html]]\n* UdoBorkowski's [[abegoExtensions|http://tiddlywiki.abego-software.de/]]\n* FrankDellaert's [[software collection|http://www.cc.gatech.edu/~dellaert/#Software]]\n* DevonJones' [[TiddlyForge|http://www.tiddlyforge.net]]\n* DanHaley's [[KeeperWiki|http://www.bigwhitesatellite.com]]\n* PaulPetterson's [[Paul's Notepad|http://thepettersons.org/PaulsNotepad.html]]\n* DanielBaird's [[Tiddly W;nks|http://danielbaird.com/tiddlywinks/]]\n* one_each's [[TiddlyWiki bits|http://webpages.charter.net/one_each/]]\n* ClintChecketts' [[TiddlerWiki|http://checketts.objectis.net/wiki/]]\n* EricShulman's ELS Design site, at http://www.elsdesign.com/tiddlywiki/\n* SteveRumsby's YetAnotherTiddlyWikiAdaptation at http://www.rumsby.org/yatwa/\n* SimonBaird's MonkeyPirateTiddlyWiki at http://simonbaird.com/mptw/\n* AlanHecht's TiddlyWikiExtensions at http://www.personal.psu.edu/staff/a/c/ach12/tiddlywiki/extensions.htm\n* zRenard's TiddlyWiki StyleSheetRepository at http://www.zrenard.com/tiddlywiki/stylesrepository.php

TiddlyWiki in Polish:\n* [[JanekRumianek|http://rumianek.com/]], [[site|http://rumianek.com/files/tm.wiki.html]], [[plugin|http://rumianek.com/files/polish_TiddlyWiki.txt]]\n* AleksanderBerdowicz's translation of QwikiWeb at http://nesti.net/QwikiWeb.htm

TiddlyWiki em Português:\n* ClintChecketts, GregKing and AnaRita, [[site|http://checkettsweb.com/tw/portuguesetw.htm]]

You can now link to [[external sites|http://www.osmosoft.com]] or [[ordinary tiddlers|TiddlyWiki]] with ordinary words, without the messiness of the full URL appearing. Edit this tiddler to see how.\n\nYou can also LinkToFolders.

The rules governing where a tiddler is displayed sound complicated written down. When you click on a tiddler link within another tiddler, the new one is opened immediately below the current one. If the target tiddler is already open, TiddlyWiki just uses SmoothScrolling to bring it into view. More or less the same thing happens when clicking on a tiddler link within the menu or sidebar, except that the tiddler opens at the top of the page if it is not already open.

Since the FirstVersion of TiddlyWiki, the ReferencesButton has been implemented as a canned search for the name of the current tiddler. That approach was a bit disruptive because of the way that a search operation wipes the current reading state of the document.\n\nThe new implementation offers a popup menu of the names of all the referring tiddlers. It can be consulted without disturbing any tiddlers that are currently open.

Offers a popup menu displaying the tiddlers that link to the current one. It is used with the ToolbarMacro like this:\n{{{\n<<toolbar references>>\n}}}

RegExpSearch uses JavaScript's [[RegExp syntax|http://www.programmershelp.co.uk/docs/javascript/regexp.html#1193188]] to allow flexible searches.

It's easy to make your own TiddlyWiki that you can publish yourself - see how to SaveChanges for details. If you want to change the layout or the colour scheme, you'll need some basic HTML and CSS knowledge.\n\nOnce you've created your own TiddlyWiki, you can publish it on any web server. Keep an eye out for CharacterEncoding issues, though.

RicohInnovations is part of the Ricoh group of companies. It supports [[me|JeremyRuston]] in the development of TiddlyWiki as part of its work:\n\nhttp://www.rii.ricoh.com/pres_letter.html\n\nRII became interested in TiddlyWiki to support light-weight, user controlled media appropriate for community interaction. In particular, they are focusing on underserved communities -- everything from community clinics in the US, to rural areas in India and Bangladesh, to favellas in Venezuela and Brazil.

TiddlyWiki's RSS feed is available [[here|http://www.tiddlywiki.com/index.xml]]. RSS support is a WorkInProgress that lacks some niceties at the moment (in particular, the feed is plain text rather than incorporating links and formatting), but at least makes it easier to track changes. You can generate an RSS feed for your own TiddlyWiki using the GenerateAnRssFeed option.

TiddlyWiki in Russian:\n* DenisBaluev, [[site|http://lifehack.ru/files/tw/empty_tw.html]], [[plugin|http://lifehack.ru/files/tw/empty_tw.html#RussianTranslation]]

There is a plugin for Mac OS X Safari to enable it to SaveChanges. To install it, download [[this file|http://www.accela.net/~dankna/tiddlywiki/TiddlyWikiSaverPlugin.plugin.zip]], unzip it and put it in your "Library/Internet Plug-Ins" folder. Safari will throw up confirmation questions before allowing the plug-in to save anything.\n<<<\nThe plug-in was originally written by JonathanPaisley and published at http://www.dcs.gla.ac.uk/~jp/tiddlywiki/ and then improved by DanKnapp at http://www.accela.net/~dankna/tiddlywiki/\n<<<\nThere are still some issues with Safari:\n* PermaLinks with Unicode characters in them (like [[this one|http://avm.free.fr/tidlipo.html#AdaptationFran%C3%A7aise]]) don't work properly\n* There's a strange display bug that can leave behind phantom tiddlers after editing (the workaround is to SaveChanges and then use 'refresh' in Safari to reload the page)\n* InterfaceOptions (like your UserName) are not 'sticky' across sessions, related to the way that cookies are handled by Safari for files loaded from 'file://' URLs.\n* Searching doesn't always get triggered correctly after typing in the search box\n* Vertically collapsed columns in HtmlTables do not work correctly

This is one of the InterfaceOptions you can use to customize TiddlyWiki. It determines whether TiddlyWiki creates a backup file each time you SaveChanges. I'd suggest keeping it switched on for safety!

You can SaveChanges if you're using FireFox, InternetExplorer or [[Safari]]\n# if you're using InternetExplorer on Windows XP you might run into ServicePack2Problems\n# right click on [[this link|empty.html]] and select 'Save link as...' or 'Save target as...'\n** do ''not'' try to use the File/Save command in your browser because of SaveUnpredictabilities.\n** choose where to save the file, and what to call it (but keep the .HTML extension)\n# open the newly downloaded file in your browser\n# click the 'options' button on the right to set your username\n# edit, create and delete the tiddlers you want\n** you can change the SpecialTiddlers to change the SiteTitle and MainMenu etc.\n# click the 'save changes' button on the right to save your changes\n# TiddlyWiki will make a backup copy of the existing file, and then replace it with the new version\n

This causes a blank, template TiddlyWiki to be saved alongside your file when you SaveChanges. It's intended to help people who are distributing TiddlyWikiAdaptations, and isn't needed when you're an end-user of TiddlyWiki.\n\nThe template TiddlyWiki is called 'empty.html'.

Saves any pending edits to the current tiddler, and switches it to the default view. It is used with the ToolbarMacro like this:\n{{{\n<<toolbar saveTiddler>>\n}}}

Several people have reported problems with reusing TiddlyWiki when they have used the File/Save command of their browser to save it. The issue is that some browsers (notably FireFox) don't save the text of the HTML file exactly as it appears on the server, but rather save a snapshot of the current state of the page. In the case of a highly dynamic page like TiddlyWiki, this leads to all sorts of peculiarness...\n\nTiddlyWiki now displays a warning if it thinks that it has been saved wrongly.

Released in December 2004, the [[second version|secondversion.html]] of TiddlyWiki grew 50% over the FirstVersion to 76KB. It added IncrementalSearch, the ReferencesButton, the PermaLinkButton, PermaView, CloseAll, SmoothScrolling, an ImprovedSidebar, an animation for the CloseButton and a tiny EasterEgg in homage to Macintosh OS X. It also introduced a new SiteDesign.

* KamiWiki at http://rakusai.org/kamiwiki/\n* IsaoSonobe's OgreKitWiki which is currently offline

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.

TiddlyWiki doesn't have a server-side back end at the moment, so when you SaveChanges you're saving the whole document, as you would with Microsoft Word. That means that it is essentially only really a SingleUser thing (unless it gets passed round as a ChainTiddlyWiki). There are several TiddlyWikiAdaptations that //do// have a ServerSide, though.

@@background-color:#ffffcc;''This is a server version of TiddlyWiki.''@@ After you login, the changes you made to your tiddlers can be saved under your username.\n\nThe URL path to your tiddlers is /users/userid. For example, to view mytiddlers.html under demowiki1, the URL is http://tiddlywiki.onmyweb.net/users/demowiki1/mytiddlers.html. You can have multiple pages under your path.\n\nYou may still modify the tiddlers without logging in, but you would not be able to save them.\n\nTo try this out, please login from the top yellow login bar before making any changes. You may use your [[Accsoft]] User ID and password, or if you are not an [[Accsoft]] user, please use "demowiki1" or "demowiki2" (password is "wiki" for both).\n\nYou can start changing right after logging in. There is no need to go to your /users/... path (unless you are working on pages other than the default "index.html"). The server knows who you are and saves to your account accordingly.\n\nBackground: After being introduced to TiddlyWiki by MorrisGray, JackyKo has adapted a TiddlyWiki page onto his BEEWebPlatform web server, which allows tiddlers to be saved under the logged in username and enables the user to modify the tiddlers from any computers via the web.\n\n[[ServerVersionNotes]]\n\n

The saveChanges() function has been modified as below to handle server-side saving:\n\nfunction saveChanges()\n{\n<bee:access>\n <bee:if if="!'{allowSave}'">\n alert("You are not allowed to save to ${filepath}.\sn\snPlease login${userpath|precede: as } first before modifying anything.");\n <bee:else>\n if (!confirm("This page has been adapted by Jacky Ko\snto run on the web server, and it\snmay take a few seconds to save.\sn\snSave all tiddlers to ${filepath}?")) return;\n <bee:call "/savetiddlers.html" operation="savetiddlers"\n filepath="{filepath}" !filetext="@escapetiddlers(convertUnicodeToUTF8(allTiddlersAsHtml()))"\n connector="wiki" callback="savetiddlers">\n </bee:if>\n<bee:else>\n alert("Only logged in user can save changes.\sn\snPlease login first before modifying anything.");\n</bee:access>\n return;\n}\n\nThere is a user authentication section too.\n\nYou may refer to BEEWebPlatform for more info about the BEE language.\n

Internet Explorer Windows XP SP2 seems to have a magical ability to keep track of html files that have been downloaded from the internet and saved on an NTFS drive. By storing additional data in an [[alternate data stream|http://www.jsware.net/jsware/sviewer.html]], it manages to keep them in the 'Internet' zone regardless of attempts to rename or modify the file. But, in order to be able to SaveChanges, TiddlyWiki needs to run in the 'My Computer' zone.\n\nThe solution is to right-click on the TiddlyWiki html file and choose //Properties//. If the file is blocked, you'll see an 'Unblock' button on the resulting property sheet that removes the protection and allows the file to open in the 'My Computer' zone. Then open the file in Internet Explorer - it might put up its information bar asking you whether you want to run it. You need to 'Allow blocked content' to let TiddlyWiki do its stuff.\n\nThis is all a bit frustrating. An easy alternative is to use FireFox, which seems to do the trick on all platforms.

a reusable non-linear personal web notebook

TiddlyWiki

http://www.tiddlywiki.com/

TiddlyWiki po slovensky:\n* JurajBorza, [[site|http://student.fiit.stuba.sk/~borza05/TiddlyWiki.html]]

TiddlyWiki en Español:\n* ClintChecketts and RicarcoStuven, [[site|http://checkettsweb.com/tw/spanishtw.htm]]

Sparklines [[were invented|http://www.edwardtufte.com/bboard/q-and-a-fetch-msg?msg_id=0001OR&topic_id=1]] by EdwardTufte, author of a number of thoughtful and inspiring books on the presentation of visual information.\n\nSparklines are described by Tufte as "small, intense, wordlike graphics". They are designed to be used inline with ordinary text. For example, this <<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>> shows one measure of activity on www.tiddlywiki.com during the month of April 2005.\n\nCreating a sparkline is easy using the new [[Macros]] feature:\n\n{{{\n<<sparkline 163 218 ... 1328 1611>>\n}}}\n\nThe cunning thing about these sparklines is that they are created inline without requiring any graphics or other ServerSide support.

TiddlyWiki now defines a small number of SpecialTags that are used to indicate that tiddlers should be treated differently in some way:\n* ''excludeSearch'': excludes a tiddler from search results\n* ''excludeLists'': excludes a tiddler from the lists in the sidebar tabs\n* ''systemTiddler'': marks tiddlers whose content is used to create paraphernalia like the main menu, title and sidebar. These tiddlers are included if you use the SaveEmptyTemplate option\n* ''systemConfig'': marks tiddlers that contain JavaScript that should be executed once TiddlyWiki has loaded

TiddlyWiki uses several special tiddlers to hold the text used for the MainMenu, the SiteTitle and the SiteSubtitle. DefaultTiddlers is used to store the titles of the tiddlers that are shown at startup. SaveChanges is automatically displayed if there's a problem with saving. Any of them can be editted with the changes taking effect immediately.

When it loads, TiddlyWiki looks for the names of tiddlers to open as a space-separated list after the # in the URL. If there are no tiddlers in the URL it instead loads the tiddlers named in DefaultTiddlers, one of the SpecialTiddlers.

!Header 1\n!!Header 2\n!!!Header 3\n!!!!Header 4\n!!!!!Header 5\n

TiddlyWiki in Swedish:\n* LarsEnglund, [[site|http://www.tiddlywiki.se/]]

The new SystemConfig feature allows arbitrary JavaScript code to be executed at startup from any tiddler that is tagged with 'systemConfig', one of the new SpecialTags.\n\nFor example, there's an ExampleSystemConfig. If you add the appropriate tag to it, SaveChanges and reload, you'll see how user interface text and other options can be changed.\n\nThe intention is that entire [[Macros]] can be delivered as a single tiddler - I'll add more documentation on the details over the next few days.

This is an example of a tab:\n\n<<tabs txtFavourite\nOne "First tab" HelloThere\nTwo "Second tab" ThankYou\n>>

*sample:\n|!th1111111111|!th2222222222|\n|>| colspan |\n| rowspan |left|\n|~| right|\n|bgcolor(#a0ffa0):colored| center |\n|caption|c\n*another sample: see PeriodicTable.\n

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:\n{{{\n<<tagging>>\n<<tagging TiddlerTitle>>\n}}}\nIn HTML, the list is formatted like so:\n{{{\n<ul>\n<li class="listTitle">List title label</li>\n<li><a class="tiddlyLink ..." href="javascript:;" onclick="..."\n refresh="link" tiddlyLink="ExampleOne">ExampleOne</a></li>\n</ul>\n}}}

I've wanted to incorporate tags in TiddlyWiki since the very beginning. Annoyingly, the way that content was stored internally made it hard to implement tags in an elegant and robust way. Now, the new StorageModel has made it relatively painless to add tagging.\n\nThere were already two TiddlyWikiAdaptations incorporating tagging. I've tried to make my implementation compatible with both TagglyWiki and TiddlyTagWiki but it wasn't possible to do so 100%: one uses commas to delimit tags, and the other uses spaces. I decided to go with spaces, and to use double square brackets to wrap tags that themselves include spaces. The end result is that you'll be able to upgrade from either implementation, but expect to have to do some tweaking if you've got multiple tags on a tiddler.\n\nMy aim was to keep the tagging feature discrete and unobtrusive. Each tiddler now has a footer listing any tags attached to it. Clicking on one of the tags brings up a popup listing any other similarly tagged tiddlers. When editting, there's a new text box for entering tags. There's also a new 'Tags' tab on the sidebar that lists all the tags in use.\n\nThere's still some rough edges to the implementation: things go horribly wrong if you include double quotes in a tag, and the tag popup can sometimes stick when it shouldn't. More interestingly, I wanted to include the JodyFoo's idea of making tags be themselves tiddlers - I plan to come back and tweak the user interface to make that possible.

This is the ThirdVersion of TiddlyWiki, released in April 2005. The SecondVersion was released in December 2004, and before that the FirstVersion in September 2004.\n\nSee the RevisionHistory for details of minor changes and bug-fixes since the ThirdVersion. See HowToUpgrade an earlier version of TiddlyWiki to the latest revision.

To hide text within a tiddler so that it is not displayed you can wrap it in {{{/%}}} and {{{%/}}}. It can be a useful trick for hiding drafts or annotating complex markup. Edit this tiddler to see an example.\n/%This text is not displayed\nuntil you try to edit %/

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 items into a cohesive whole. I think that TiddlyWiki represents a novel medium for writing, and will promote its own distinctive WritingStyle.

[[TiddlyWiki/Dev]] at http://www.tiddlywiki.com/dev/ is a separate TiddlyWiki focused on development topics. I intend it to build up into a complete reference for:\n* Detailed revision history\n* Technical information on known bugs\n* Reference materials for StyleSheet authors\n* API reference for authors of [[Macros]] and [[WikifierFormatters]]

I'm barely managing to keep up with all the adaptations out there; EmailMe if you've created one and you'd like it listed here.\n\nSome of the other adaptations include:\n* KeithHodges' TiddlyPom at http://www.warwick.ac.uk/~tuspam/tiddlypom.html\n* RodneyGomes' RoWiki, based on PyTW, at http://rodney.gotdns.com/\n* LarsEnglund's TiddlyWikiRDF at http://larsenglund.com/TiddlyWikiRDF/\n* BramChen's PrinceTiddlyWiki at http://ptw.sf.net/index-en.html\n* JoshGoebel's ServerSideWiki at http://www.serversidewiki.com\n* MasakiYatsu's LesserWiki at http://lesserwiki.org/\n* MichaelBridgen's StickyWiki at http://www.squaremobius.net/~mikeb/Darcs/sticky-wiki/\n* DavidHarper's BloTid, at http://www.spacecoastweb.net/BloTid/Tiddly/\n* EricShulman's ELS Design site, at http://www.elsdesign.com/tiddlywiki/\n* JacquesTurbé's TidliPo, in French at http://avm.free.fr/tidlipo.html\n* JoeRaii's pytw at http://www.cs.utexas.edu/~joeraii/pytw/ and his Siglet at http://www.cs.utexas.edu/~joeraii/siglet/\n* JároliJózsef's MagyarTiddlyWiki at http://innen.hu/MagyarTiddlyWiki in Hungarian\n* Yoshimov's EncryptedTiddlyWiki, at http://wiki.yoshimov.com/?page=EncryptedTiddlyWiki\n* TiagoDionizio's TsWiki using Tcl and SQLite, at http://mega.ist.utl.pt/~tngd/wiki/\n* TimMorgan's ZiddlyWiki based on Zope, at http://timmorgan.org/ZiddlyWiki/\n* SteveRumsby's YetAnotherTiddlyWikiAdaptation at http://www.rumsby.org/yatwa/\n* PhonoHawk's PerlTiddlyWiki at http://ccm.sherry.jp/tiddly/\n* NathanBower's GTDTiddlyWiki at http://shared.snapgrid.com/gtd_tiddlywiki.html\n* SimonBaird's MonkeyPirateTiddlyWiki at http://simonbaird.com/mptw/\n* GeetDuggal's PileTiddly at http://www.geetduggal.com/PileTiddly/\n* DanPhiffer's TiddlyWikiRemote at http://phiffer.org/tiddly/\n* JonnyLeRoy's TiddlyTagWiki at http://www.digitaldimsum.co.uk/\n* JodyFoo's TagglyWiki at http://informationality.com/tagglywiki/tagglywiki.html\n* ChristianHauck's at http://www.christianhauck.net/html/14300.html\n* TonyLownds's TiddlyHacks at http://tony.lownds.com/tiddly/dev/cgi/index.cgi\n* AlanHecht's QwikiWeb at http://snipurl.com/qwikiweb\n* TimCuthbertson and MattGiuca's TiddlyWikiCSS at http://codestar.lidonet.net/misc/tiddlywikicss.html\n** PeterLazarev's further improvements at http://petka.webhop.net/#NiceTiddlyWiki\n* PatrickCurry and GabrielJeffrey's PhpTiddlyWiki at http://www.patrickcurry.com/tiddly/\n\n* There's also KevemBuangga's TiddlyWikiClone at http://www.kevembuangga.com/hwk/hailiwiki.htm\n* Also inspired by TiddlyWiki, Dr MichaelRees' [[DotWikIE|http://comet.it.bond.edu.au/dotsoft/Pages/dotwikiehome.aspx]],\n\nSee also the earlier FirstVersionAdaptations and SecondVersionAdaptations. There's also some TiddlyWikiTools that extend TiddlyWiki.

TiddlyWiki is being used for all kinds of things:\n* JonathanCamp's guide to [[Prince 2 project management|http://www.microupdate.net/cms/doc/PrinceII.html]]\n* BrandonSiegel's [[Case Personal Security Device Project|http://anubis.case.edu/398n]]\n* MichaelDansie's site for the [[American Cryptogram Association|http://msig.med.utah.edu/RunningUtes/cryptogram/aca.html]]\n* BrianHolland's [[student nodes|http://www.acsu.buffalo.edu/~bholland/]] from Buffalo Law School\n* RuiCarmo's [[Python Grimoire|http://the.taoofmac.com/space/Python/Grimoire]], a sort of recipe book for the programming language Python\n* Rich Kulesus' [[themer's blog|http://www.skinyourscreen.com/mrbiotech/]]\n* Qliner Software are using TiddlyWiki to create the site for their [[hotkeys|http://www.qliner.com/hotkeys/]] product\n* AndreasKänner's family home page at http://www.kaenner.de/\n* EliseSpringer, a philospher at Wesleyan University in Connecticut, USA, is using TiddlyWiki for her homepage at http://espringer.web.wesleyan.edu/ and for [[ReasoningWell|http://parmenides.objectis.net/reason/]], a wiki for her Philosophy faculty\n* MarkWygent of Wygent Reeds, a maker of Scottish bagpipe reeds from Delaware, has compiled a fascinating home page using TiddlyWiki at http://www.wygent.com/\n* ChristopherJames has compiled a comprehensive guide to TabletPCs at http://www.tabletpcwiki.net/\n* MiguelCentellas has created an extensive guide to Bolivian politics at http://www.centellas.org/politics/politiddly.html\n* BrunoTiagoRodrigues has created a geocaching community site in Portuguese at http://travelbugrace.geocaching-pt.net/.\n* CharlesStross, a celebrated British ScienceFiction writer, has used TiddlyWiki for his 'Tough Guide to the Rapture of the Nerds' at http://www.antipope.org/charlie/toughguide.html.\n* KristofferNilausOlsen, a member of the Danish Student Group of Amnesty International, has used TiddlyWiki to collate reports of breaches of human rights. His site is at http://www.resultat.dk/sg/tw/students.html.\n* MartinSilcock, an brand researcher working with Millward Brown, is using TiddlyWiki for his homepage at http://www.explorate.co.uk/.\n* Many people are using the GTDTiddlyWiki variant for personal productivity, and there's been some interesting experiments in TiddlyWikiFiction.

TiddlyWiki has been used as the basis of a couple of experiments in hypertext fiction. GinaTrapani created [[Baby Dog Sitter|http://scribbling.net/tiddlywiki-and-non-linear-fiction]] with the FirstVersion of TiddlyWiki, followed by "[[Die, Vampire! Die!|http://www.davidvanwert.com/wiki/dievampiredie.html]]" from DavidVanWert. More recently, AlexSchroeder has written [[Rose|http://www.emacswiki.org/alex/rose.html]]

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

The first add-on tool for TiddlyWiki was IsaoSonobe's TiddlyWikiPod that let's you transfer the contents of a TiddlyWiki to an iPod (well, not an iPod shuffle).\n\nMarkusKoch has [[released a script|http://bloggern.de/cms/wiki.php]] that allows Postnuke to publish content in TiddlyWiki format (Postnuke is a popular full-blown open source content management system).\n\nI don't know who to credit with this piece of neatness, but the 33ad blog features a tool to create a calendar in TiddlyWiki table format: http://33ad.org/tools/gtdtwcal.php\n\nFor IRC users, ZygmuntKrynicki has started a #tiddlywiki channel on freenode (irc.freenode.net). He's also created an version-controlled archive of the TiddlyWiki source code; find out more at http://www.suxx.pl/wiki/#RepozytoriumTiddlyWiki.

The {{{<<today>>}}} macro inserts the current date and time into a tiddler. It's updated each time the tiddler is redisplayed.\n\nIt can optionally take a DateFormatString to determine the way that the date is displayed:\n\n{{{\n<<today>>\n<<today>>\n}}}\n\nResults in:\n<<today>>\n<<today>>\n

OK, obviously this is yet another silly feature name - but this is one that many people have asked for.\n\nIf your press the command key on the Mac or the control key on the PC while clicking on a link to a tiddler, the tiddler will be opened as usual if it isn't already open, but if //is// open, it will be closed. It makes a handy way to review links without having to move the mouse around to re-close tiddlers.\n\nYou can make this behaviour the default under AdvancedOptions (you can override back to the normal behaviour with the same command/control key).

A row of ToolbarButtons appears to the right of a tiddler title when the mouse is hovered over it. The buttons are:\n* ''close'' - close the current tiddler\n* ''edit'' - edit the current tiddler\n* ''permalink'' - puts a link direct to the current tiddler into the address bar\n* ''references'' - displays all the tiddlers that link to the current tiddler\n* ''done'' - save changes to a tiddler being editted\n* ''cancel'' - cancel changes to a tiddler being editted\n* ''delete'' - delete the current tiddler

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:\n{{{\n<<toolbar closeTiddler -editTiddler +jump>>\n}}}\nThe arguments to the ToolbarMacro is a list of command names, as discussed in the CommandMechanism. The available commands are tagged <<tag commands>>.\n\nYou 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.

The ReadingExperience is that within the main story column you can click on bold links to read a linked tiddler. Click on italic links within tiddlers to create a new tiddler, or use the 'new tiddler' button in the main menu. When you hover the mouse over a tiddler several ToolbarButtons appear. You can edit the text of any tiddler by double-clicking on it (or selecting 'edit' from the toolbar), but your changes won't get saved permanently until you make your own copy of TiddlyWiki, as described in SaveChanges.

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).

A Wiki is a popular way of building collaborative websites. It's based on the ideas of easy editing of pages and the use of special WikiWord notation to automagically create links between pages. See Wikipedia for [[more details|http://en.wikipedia.org/wiki/Wiki]]. TiddlyWiki is different from a conventional Wiki because it is not based on entire pages of content, but rather items of MicroContent that are referred to as 'tiddlers'.

A WikiWord is a word composed of a bunch of other words slammed together with each of their first letters capitalised. WikiWord notation in a conventional WikiWikiWeb is used to name individual pages while TiddlyWiki uses WikiWord titles for smaller chunks of MicroContent. Referring to a page with a WikiWord automatically creates a link to it. Clicking on a link jumps to that page or, if it doesn't exist, to an editor to create it. It's also easy to have NonWikiWordLinks, and there's a WikiWordEscape for situations where you don't want a WikiWord to be interpreted as a link.

Sometimes it's handy to be able to write WikiWords without them being recognised as links (for people's names, for instance). You can do this by preceding the WikiWord with a tilde ({{{~}}}). For example, ~JamesBond, ~JavaScript and ~TiddlyWiki

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.

People around the planet have already translated TiddlyWiki into many other languages, listed here.