Your SlideShare is downloading. ×
Upcoming SlideShare
Loading in...5

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply



Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

No notes for slide


  • 1. A TiddlyWiki is…
    • a ToDo list
    • A “reminders” list (use macro)
    • Multiuser Calendar (use macro)
    • PIM – Personal Information Manager
    • a draft letter sent for approval
    • a documentation manager for products, software, etc.
    • like a blog
    • a novel medium for writing
    • a place to store little bits of information, reminders, and notes
    • a great FAQ page
    • an internal website
    • your own personal dictionary/encyclopedia
    • a simple collaboration software for your organization
    • the easiest and very powerful tool
  • 2. Download TiddlyWiki
    • Right click on the above link and choose 'Save link as...' or 'Save target as...'.
    • Create a new directory (for e.g. called 'todo') and the save the file. You can decide what to call it (but keep the .HTML extension). Do not use the File/Save command in your browser to save TiddlyWiki.
  • 3. Getting Started
    • Now open the file from where you saved it.
    • Click on 'close all' link on the right.
    • Click on 'new tiddler' on the left.
    • Type the title and then the text. Type tags related to the topic. Click on 'done' to save.
    • You can also create a new journal by clicking on 'new journal' link.
    • You can edit the text of any tiddler by double-clicking on it (or selecting 'edit' from the toolbar)
    • A new tiddler with tags and date stamp is called Journal. It can be created either by clicking on ‘new journal link or create it within a tiddler like this… <<newjournal &quot;project todo DD MMM YYYY“ ToDo>>
  • 4. Deleting a post
    • To delete a Tiddler, Select the entry from Timeline, choose Edit and then click on delete.
    • Do not delete the entries those you have not created since those may be necessary to run the software.
  • 5. Creating and using wiki links
    • New entries can be created by….
    • Clicking on “new tiddler” link on left
    • Click on italic links within tiddlers (click on bold links to read a linked tiddler)
    • Creating a link within tiddler is very easy using
    • WikiWords Any word with more than one capital letter in it. (For e.g. W ikiwords will NOT create a link but W iki W ords will)
    • Brackets You can also enclose the words in [[ Shantanu Prabhakar Oak ]] to create a link.
    • link to something offsite, like the [[TiddlyWiki Home Page|]] Add an image [img[Fractal vegetable|fractalveg.jpg]]
    • You can disable a wikiword by preceding the WikiWord with a tilde (~). For example, ~JamesBond, ~JavaScript, ~WikiWords
  • 6. Wiki Formatting
    • You can create tabs like this… This is an example of a tab: <<tabs txtFavourite All &quot;All tiddlers&quot; HelloThere Tags &quot;Tags in use&quot; LatestStuff >>
    • You can divide a tiddler into ---- sections by typing four dashes on a line by themselves.
  • 7. Text Formatting
    • ''Bold''
    • ==Strike==
    • __Underline__
    • //Italic//
    • @@highlight@@
    • @@color(green):green colored@@
    • Bold
    • Strike
    • Underline
    • Italic
    • Green colored
  • 8. Text Blocks
    • You can also have monospaced blocks (useful for source code): {{{ Dear sir, Here is the complaint I have received from my client. }}}
    • Bill Gates said: <<< This is indented text. <<<
    • Or you can also use >level 1 >>level 2 >>>level 3
  • 9. Bullets, Numbers and headers
    • Creating Bullets * Just add an asterisk ** start the line with two asterisks *** use three asterisks for three levels
    • It's easy to create Numbered list # Use a single '#' at the start of each line ## within any bullets
    • Headers: !Header 1 !!Header 2 !!!Header 3 !!!!Header 4 !!!!!Header 5
  • 10. Change main page layout
    • Click on ‘close all’
    • Goto Tags
    • Click on systemTiddlers and choose open all
    • Title, sub-title and menu bar can be customized here.
    • DefaultTiddlers are the tiddlers shown on start up
    • You can keep the tiddler from displaying in the tab listings or in search results by adding the tags excludeLists and excludeSearch respectively.
  • 11. untagged macro can be called <<list untagged>>
    • config.macros.list[&quot;untagged&quot;] = {prompt: &quot;Tiddlers that are not tagged&quot;}; config.macros.list.untagged.handler = function(params) { //displayMessage(&quot;Building list of untagged tiddlers&quot;); var results = []; for(var t in store.tiddlers) { var tiddler = store.tiddlers[t]; if(tiddler.getTags() == &quot;&quot;) results.push(t); } results.sort(); return results; }
  • 12. Favicon macro
    • version.extensions.favicon = {major: 0, minor: 1, revision: 0, date: new Date(&quot;Jul 18, 2005&quot;)};
    • var n = document.createElement(&quot;link&quot;);
    • n.rel = &quot;shortcut icon&quot;;
    • n.href = &quot;;;
    • document.getElementsByTagName(&quot;head&quot;)[0].appendChild(n);
  • 13. TagCloud Macro
    • version.extensions.tagCloud = {major: 1, minor: 0 , revision: 1, date: new Date(2005,8,16)};
    • //Created by Clint Checketts, contributions by Jonny Leroy and Eric Shulman
    • config.macros.tagCloud = {
    • noTags: &quot;No tag cloud created because there are no tags.&quot;,
    • tooltip: &quot;%1 tiddlers tagged with '%0'&quot;
    • };
    • config.macros.tagCloud.handler = function(place,macroName,params) {
    • var tagCloudWrapper = createTiddlyElement(place,&quot;div&quot;,null,&quot;tagCloud&quot;,null);
    • var tags = store.getTags();
    • for (t=0; t<tags.length; t++) {
    • for (p=0;p<params.length; p++) if (tags[t][0] == params[p]) tags[t][0] = &quot;&quot;;
    • }
    • if(tags.length == 0)
    • createTiddlyElement(tagCloudWrapper,&quot;span&quot;,null,null,this.noTags);
    • //Findout the maximum number of tags
    • var mostTags = 0;
    • for (t=0; t<tags.length; t++) if (tags[t][0].length > 0){
    • if (tags[t][1] > mostTags) mostTags = tags[t][1];
    • }
    • //divide the mostTags into 4 segments for the 4 different tagCloud sizes
    • var tagSegment = mostTags / 4;
    • for (t=0; t<tags.length; t++) if (tags[t][0].length > 0){
    • var tagCloudElement = createTiddlyElement(tagCloudWrapper,&quot;span&quot;,null,null,null);
    • tagCloudWrapper.appendChild(document.createTextNode(&quot; &quot;));
    • var theTag = createTiddlyButton(tagCloudElement,tags[t][0],this.tooltip.format(tags[t]),onClickTag,&quot;tagCloudtag tagCloud&quot; + (Math.round(tags[t][1]/tagSegment)+1));
    • theTag.setAttribute(&quot;tag&quot;,tags[t][0]);
    • }
    • };
    • setStylesheet(&quot;.tagCloud span{height: 1.8em;margin: 3px;}.tagCloud1{font-size: 1.2em;}.tagCloud2{font-size: 1.4em;}.tagCloud3{font-size: 1.6em;}.tagCloud4{font-size: 1.8em;}.tagCloud5{font-size: 1.8em;font-weight: bold;}&quot;,&quot;tagCloudsStyles&quot;);
  • 14.
    • Reminder
    • Tag Chooser Macro