https://organicdesign.nz/wiki/index.php?title=TiddlyWiki5&feed=atom&action=historyTiddlyWiki5 - Revision history2024-03-28T17:07:59ZRevision history for this page on the wikiMediaWiki 1.31.3https://organicdesign.nz/wiki/index.php?title=TiddlyWiki5&diff=105843&oldid=prevInfomaniac: /* See also */ tag|Decentralised social networks2011-11-23T18:51:37Z<p><span dir="auto"><span class="autocomment">See also: </span> tag|Decentralised social networks</span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 18:51, 23 November 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l42" >Line 42:</td>
<td colspan="2" class="diff-lineno">Line 42:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*[[Single Page Application]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*[[Single Page Application]]</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Probably the next-best-bet for [[Distributed TiddlyWiki]]s!</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>*Probably the next-best-bet for [[Distributed TiddlyWiki]]s!</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">*{{tag|Decentralised social networks}}</ins></div></td></tr>
</table>Infomaniachttps://organicdesign.nz/wiki/index.php?title=TiddlyWiki5&diff=105842&oldid=prevInfomaniac: /* TW5 Sites */ most recent message is Feb 2011 (maybe not stale or dead, but slow)2011-11-23T17:11:31Z<p><span dir="auto"><span class="autocomment">TW5 Sites: </span> most recent message is Feb 2011 (maybe not stale or dead, but slow)</span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 17:11, 23 November 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l34" >Line 34:</td>
<td colspan="2" class="diff-lineno">Line 34:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Sites ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Sites ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Home: http://www.tiddlywiki.com/tiddlywiki5/</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Home: http://www.tiddlywiki.com/tiddlywiki5/</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Dev: [http://groups.google.com/group/tiddlywikidev/search?<del class="diffchange diffchange-inline">group</del>=<del class="diffchange diffchange-inline">tiddlywikidev</del>&<del class="diffchange diffchange-inline">q</del>=<del class="diffchange diffchange-inline">TiddlyWiki5</del>&<del class="diffchange diffchange-inline">qt_g</del>=<del class="diffchange diffchange-inline">Search+this+group </del>http://groups.google.com/group/TiddlyWikiDev]  </div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Dev: [http://groups.google.com/group/tiddlywikidev/search?<ins class="diffchange diffchange-inline">q</ins>=<ins class="diffchange diffchange-inline">TiddlyWiki5</ins>&<ins class="diffchange diffchange-inline">start</ins>=<ins class="diffchange diffchange-inline">0</ins>&<ins class="diffchange diffchange-inline">scoring</ins>=<ins class="diffchange diffchange-inline">d& </ins>http://groups.google.com/group/TiddlyWikiDev]  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** this group is comingled with legacy TiddlyWiki development discussions <del class="diffchange diffchange-inline">(indicating perhaps organizational issues)</del></div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** this group is comingled with legacy TiddlyWiki development discussions  </div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** most recent message is <del class="diffchange diffchange-inline">Dec 2010 </del>(stale or dead <del class="diffchange diffchange-inline">project?</del>)</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** most recent message is <ins class="diffchange diffchange-inline">Feb 2011 </ins>(<ins class="diffchange diffchange-inline">maybe not </ins>stale or dead<ins class="diffchange diffchange-inline">, but slow</ins>)</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Source: https://github.com/Jermolene/TiddlyWiki5</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Source: https://github.com/Jermolene/TiddlyWiki5</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>Infomaniachttps://organicdesign.nz/wiki/index.php?title=TiddlyWiki5&diff=105837&oldid=prevInfomaniac: /* Sites */2011-11-22T21:04:38Z<p><span dir="auto"><span class="autocomment">Sites</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 21:04, 22 November 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l36" >Line 36:</td>
<td colspan="2" class="diff-lineno">Line 36:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Dev: [http://groups.google.com/group/tiddlywikidev/search?group=tiddlywikidev&q=TiddlyWiki5&qt_g=Search+this+group http://groups.google.com/group/TiddlyWikiDev]  </div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Dev: [http://groups.google.com/group/tiddlywikidev/search?group=tiddlywikidev&q=TiddlyWiki5&qt_g=Search+this+group http://groups.google.com/group/TiddlyWikiDev]  </div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** this group is comingled with legacy TiddlyWiki development discussions (indicating perhaps organizational issues)</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>** this group is comingled with legacy TiddlyWiki development discussions (indicating perhaps organizational issues)</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>** most recent message is <del class="diffchange diffchange-inline">Jan </del>2010 (stale or dead project?)</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>** most recent message is <ins class="diffchange diffchange-inline">Dec </ins>2010 (stale or dead project?)</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Source: https://github.com/Jermolene/TiddlyWiki5</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Source: https://github.com/Jermolene/TiddlyWiki5</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>Infomaniachttps://organicdesign.nz/wiki/index.php?title=TiddlyWiki5&diff=105836&oldid=prevInfomaniac: /* Sites */ stale or dead project?2011-11-22T21:03:53Z<p><span dir="auto"><span class="autocomment">Sites: </span> stale or dead project?</span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="en">
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Older revision</td>
<td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Revision as of 21:03, 22 November 2011</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l34" >Line 34:</td>
<td colspan="2" class="diff-lineno">Line 34:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Sites ==</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>== Sites ==</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Home: http://www.tiddlywiki.com/tiddlywiki5/</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Home: http://www.tiddlywiki.com/tiddlywiki5/</div></td></tr>
<tr><td class='diff-marker'>−</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>* Dev: http://groups.google.com/group/TiddlyWikiDev</div></td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>* Dev: <ins class="diffchange diffchange-inline">[http://groups.google.com/group/tiddlywikidev/search?group=tiddlywikidev&q=TiddlyWiki5&qt_g=Search+this+group </ins>http://groups.google.com/group/TiddlyWikiDev<ins class="diffchange diffchange-inline">] </ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">** this group is comingled with legacy TiddlyWiki development discussions (indicating perhaps organizational issues)</ins></div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins class="diffchange diffchange-inline">** most recent message is Jan 2010 (stale or dead project?)</ins></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Source: https://github.com/Jermolene/TiddlyWiki5</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>* Source: https://github.com/Jermolene/TiddlyWiki5</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr>
</table>Infomaniachttps://organicdesign.nz/wiki/index.php?title=TiddlyWiki5&diff=105825&oldid=prevInfomaniac: Created page with "{{category:Software}} A complete re-write of TiddlyWiki by the original inventor of TiddlyWiki. I surmised from the '5' that it has something to do with [[w:HTM..."2011-11-21T21:59:40Z<p>Created page with "{{category:Software}} A complete re-write of TiddlyWiki by the original inventor of <a href="http://en.wikipedia.org/wiki/TiddlyWiki" class="extiw" title="w:TiddlyWiki">TiddlyWiki</a>. I surmised from the '5' that it has something to do with [[w:HTM..."</p>
<p><b>New page</b></p><div>{{category:Software}}<br />
<br />
A complete re-write of TiddlyWiki by the original inventor of [[w:TiddlyWiki|TiddlyWiki]]. I surmised from the '5' that it has something to do with [[w:HTML5]], and it does, but promises to be so much more:<br />
<br />
{{quote|a pre-prototype that will eventually become a modernised non-linear inter-personal web notebook. Right now this is not in a remotely usable state.|}}<br />
<br />
== Focus ==<br />
<br />
{{Quote|I've focussed on the things missing or broken in the original TiddlyWiki, and not paid too much attention to areas that don't need to change much. So, it's not currently structured as a single file, nor is it capable of saving changes. However, it does demonstrate some key new features and capabilities. There are three areas I'd like to focus on:<br />
<br />
;Embracing HTML By default: tiddlers are stored and edited as HTML. This means that you get a proper WYSIWYG editor, and that when Google looks at a TiddlyWiki5 file it will also see the content properly. It's been clear for a long time that wikitext is both a strength and a weakness of classic TW, it gives users great power, but it's incredibly off-putting for people who expect to type ctrl-B for bold. My goal in bringing WYSIWYG to TiddlyWiki is to maintain the ability to type macros and formatting directly, without going into weird sub-dialogs. This is because I believe that the real power of wikis is the way that they elevate linking to becoming part of the punctuation, and hence the writing process, instead of an operation performed afterwards. Anyhow, it's not all implemented yet, but in edit mode macros are represented as special "proxy" visual objects that can have custom interactions, but can be selected/copied/pasted just as if they were a single character of text.<br />
<br />
; Graphics as First Class Citizen : Both bitmap and vector graphics are now a first class citizen, with image tiddlers embedded directly in the TiddlyWiki file, even in IE6. There's support for SVG vector graphics (with a plan to cross-render to VML for IE support). The idea is to be able to associate icons with tiddlers (and hence tags), and use the icons to represent those tiddlers in the UI. <br />
<br />
; Cleaning up : But the real benefit is that the design is now much smoother top to bottom. TiddlyWiki originally evolved in fits and starts, and bears the scar tissues of me learning JavaScript as I went. In TiddlyWiki5, for instance, almost everything is a macro, including tiddler containers (aka a TiddlyWiki "story"), and tiddler frames. It uses jQuery and jQuery UI properly, leading to much more concise and clear code. It properly matches the capabilities of TiddlyWeb, with revision history retained for each tiddler and support for different MIME-types.<br />
<br />
I should say that although TiddlyWiki5 will break backwards compatibility, there will be a migration path for existing TiddlyWiki content. Firstly, it will support the existing TiddlyWiki wikifier, so people can continue to use and edit tiddlers in wikitext if they want to. Secondly, you will be able to perform a one-way upgrade of your tiddlers from wikitext to html format. There'll be no going back at that point, but in exchange you'll be able to use the WYSIWYG editor.|}}<br />
<br />
== Planned improvements over the original TiddlyWiki ==<br />
''I have bold-highlighted items that I believe are most important; the importance of others may have escaped me.--[[User:Infomaniac|Infomaniac]] 13:59, 21 November 2011 (PST)'':<br />
*'''Rich text editing, with toolbars and shortcuts''' (and hence native html and not wikitext)<br />
*'''Graphics (SVG and image) as a first class citizen'''<br />
*Richer tiddler model with revisions, mime types and integrated skinny tiddlers<br />
*'''Social features that federate between servers and static files''':<br />
**<nowiki>#tag</nowiki><br />
**@user for referencing other users' activity streams based on following users and tags<br />
**impossibility of spam<br />
*Microkernel architecture with integrated source code browsing and editing, with syntax colouring and hyperlinks<br />
*Wide screen hungry, but concertinas[http://ask.metafilter.com/127731/iPhone-website-design-ideas-for-a-hierarchical-site|?] to an iPhone<br />
*Optimised for HTML5 browsers like Firefox 3, Safari 4, Chrome 2, Opera 10<br />
*Support for content stored in multiple locations/formats within the HTML file, including script tags, title tag, special comments (for MHTML), <nowiki><div></nowiki>'s like classic TiddlyWiki<br />
*New architecture for encoding options as cookies or tiddlers or via custom handlers<br />
<br />
== Sites ==<br />
* Home: http://www.tiddlywiki.com/tiddlywiki5/<br />
* Dev: http://groups.google.com/group/TiddlyWikiDev<br />
* Source: https://github.com/Jermolene/TiddlyWiki5<br />
<br />
== See also ==<br />
*[[Single Page Application]]<br />
*Probably the next-best-bet for [[Distributed TiddlyWiki]]s!</div>Infomaniac