2013-03-20 12:14:32 +00:00
tags: talkytalky
2013-05-08 14:27:21 +00:00
title: TalkyTalky
2013-05-08 16:29:18 +00:00
modified: 201305081626
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
@@text-align:center;
! http://five.tiddlywiki.com/
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
! Jeremy Ruston
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
!! @~TiddlyWiki & @Jermolene
@@
2013-03-20 12:14:32 +00:00
2013-05-08 16:29:18 +00:00
TiddlyWiki5 is a JavaScript wiki that can run entirely in the browser, or under ''node.js''. Internally, it is a representation transformation engine. It parses WikiText and renders it as text, or straight to the DOM with selective refresh to reflect subsequent changes. WikiText is used to render the user interface as well as the content of tiddlers. Once you know how to edit a tiddler you know how to customise TiddlyWiki, with no limits - it's only JavaScript.
2013-03-20 12:14:32 +00:00
2013-05-08 16:29:18 +00:00
Why is TiddlyWiki different? It frees you from the monopoly platforms of the web: store stuff in TW5 and you can pretty much guarantee you'll still have it in 100 years. Freedom, into the far future.
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
!!! Single-file Edition
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
Store your tiddlers in a single HTML file along with the JS
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
# Open http://five.tiddlywiki.com/
# Show reading experience, search and tags
# Responsive response to phone and tablet
2013-03-20 12:14:32 +00:00
# Open http://five.tiddlywiki.com/empty.html in Chrome Canary
# Create tiddlers, show links, missing, orphans, tags, tagging, references
# Use missing tiddlers to find a typo
2013-05-08 14:27:21 +00:00
# Show shadow tiddlers and system tiddlers
2013-05-31 16:53:11 +00:00
# Show stylesheet handling - [[$:/themes/tiddlywiki/snowwhite/base]]
2013-05-08 14:27:21 +00:00
# Drag an image from the file system
# Use the image in a tiddler
# Edit the image
# Click Save, select file destination
2013-03-20 12:14:32 +00:00
# Open file in text editor, see content within it
2013-03-20 15:09:27 +00:00
# Note that saving technique works in virtually all browsers
2013-03-20 12:14:32 +00:00
# Set password
# Click Save again, click `accept`
# Open file in text editor, verify content is encrypted
# Open saved file in Firefox, show TiddlyFox dialogue
# Enter password to decrypt
# Start adding tasks
# Save using TiddlyFox, refresh to show changes
2013-05-08 16:29:18 +00:00
# Drag in the task tiddlers
2013-05-08 14:27:21 +00:00
# Drag in TaskManagementDemo, show source
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
!!! node.js Edition
2013-03-20 14:41:43 +00:00
2013-05-08 14:27:21 +00:00
Store your tiddlers in separate files in a chain of linked directories.
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
# Run `./bld.sh`
2013-03-20 12:14:32 +00:00
# Open http://five.tiddlywiki.com/static.html
2013-05-08 14:27:21 +00:00
#* Click links to show individual tiddlers
# Open http://five.tiddlywiki.com/test.html
# Start `./serve.sh`
# Open http://0.0.0.0:8080/
# Open network console
# Note same sync code on client and server
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
!!! Other Editions
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
* Dropbox et al
* TiddlySpot
* TiddlyWeb
* TiddlyEdit for iOS
2013-03-20 12:14:32 +00:00
2013-03-21 18:12:11 +00:00
!!! Wrap-up
2013-03-20 12:14:32 +00:00
2013-05-08 14:27:21 +00:00
# This is the start of a 25-year journey to perfect a tool that anyone can user forever
2013-03-20 17:20:57 +00:00
# Open https://github.com/Jermolene/TiddlyWiki5
2013-03-20 12:14:32 +00:00
# TiddlyWiki looking for sponsorship
2013-03-20 17:20:57 +00:00
# Open http://federatial.com/
2013-03-20 12:14:32 +00:00
# Federatial looking for opportunities to adapt TW5 for corporate use
2013-05-08 14:27:21 +00:00
---
//Below the line...//
2013-03-20 12:14:32 +00:00
2013-05-08 16:29:18 +00:00
!!! API
# Open dev tools console
#* `$tw.wiki.deleteTiddler("HelloThere")`
#* `$tw.wiki.addTiddler({title: "HelloThere", text: "This is a new [[Tiddler]], linking to a TiddlerThatDoesntCurrentlyExist"})`
#* `$tw.wiki.getTiddlerLinks("HelloThere")`
#* `$tw.wiki.filterTiddlers("[tag[docs]sort[modified]]")`
2013-05-08 14:27:21 +00:00
!!! Saving online
# Open http://tiddlyspot.com/
# Simple PHP scripts
# Show TiddlySpot integration
!!! Server integration with TiddlyWeb/TiddlySpace
# Open http://tw5test.tiddlyspace.com/tw5
# Open network console
# Show lazy loading
