Your SlideShare is downloading. ×
Tiddlywiki
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

Tiddlywiki

4,079

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
4,079
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
38
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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
    • http://www.tiddlywiki.com/empty.html
    • 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|http://www.tiddlywiki.com]] 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
    Highlight
  • 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;http://www.tiddlywiki.com/favicon.ico&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. http://www.zrenard.com/tiddlywiki/tiddlywiki.html
    • Reminder
    • Tag Chooser Macro

×