Project Cecily

MarkupPreHead

Mon, 17 Aug 2009 23:00:00 GMT

<meta name="viewport" content="width=device-width" />
<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml' />

YouTubeDemo

Tue, 21 Oct 2008 23:49:00 GMT

BlankMap

Tue, 21 Oct 2008 11:49:00 GMT

Firefox

Sun, 19 Oct 2008 23:50:00 GMT

Like Webkit, Firefox is an awesome piece of work, as evidenced by the way that this embedded video plays smoothly even with lots of zooming and scaling going on:

<html>
<video src="Ecl1-11-08-1999.ogg" controls="true" width="320" height="240" autoplay playcount="999">
</video>
</html>

CecilyConfig

Wed, 10 Sep 2008 00:00:00 GMT

Cecily continuously modifies the current map tiddler as tiddlers are moved around and resized. This hack
is to avoid warning the user of unsaved changes when they browse away from Cecily

if(window.location.protocol !== "file:") {
window.unload = function() {};
window.confirmExit = function() {};
config.options.chkAutoSave = false;
}

OverlayMenu

Sun, 20 Jul 2008 18:54:00 GMT

go	home a-z search
zoom	zoom everythingzoom
map	map close all
share	permaview
create	save changes new tiddler new journal
tweak	background options

ViewTemplate

Sun, 20 Jul 2008 00:19:00 GMT

<div class='heading'>
<div class='toolbar' macro='toolbar [[ToolbarCommands::ViewToolbar]]'></div>
<div class='title' macro='view title'></div>
<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date'></span>)</div>
<div class='tagging' macro='tagging'></div>
</div>
<div class='viewer' macro='view text wikified'></div>
<div class='tagged' macro='tags'></div>
<div class='tagClear'></div>

MyMap

Fri, 18 Jul 2008 11:49:00 GMT

AzaRaskin 500 500 225 69
DefaultTiddlers 2241 500 225 99
Feature%20Requests 250 500 225 69
HelloThere -387 -463 945 545
JefRaskin 750 500 225 69
JeremyRuston 1319 -417 269 119
MainMenu 2506 499 225 69
MyMap 2755 498 225 325
OverlayMenu 2997 506 225 110
PageTemplate 3235 511 225 139
Principles 2593 672 225 164
ProjectCecily 825 159 996 1169
Seagully 127 1159 225 165
Serializer 100 150 50 13
SideBarTabs 604 -500 415 593
SiteSubtitle 3643 850 225 69
SiteTitle 3649 963 225 69
Swampglade -179 855 225 201
TODO 300 150 50 13
Tenerife 122 883 225 200
Tiddlers 2000 250 450 119
TiddlyWiki 1103 -260 460 163
ToDo 1624 -592 408 410
UrlMap 400 150 50 13
ViewTemplate 3247 666 225 159
WebKit 1915 -46 424 698
Weyflection -425 1105 498 445
ZoomingUserInterface%20from%20Wikipedia 379 778 399 558
ZoomingUserInterfaces 168 161 618 520

AnotherMap

Fri, 18 Jul 2008 11:49:00 GMT

DefaultTiddlers 2241 500 225 99
HelloThere 518 -1007 1100 568
JeremyRuston 1667 -742 381 163
MainMenu 2506 499 225 69
MyMap 2755 498 225 325
OverlayMenu 2997 506 225 110
PageTemplate 3235 511 225 139
Principles 2593 672 225 164
ProjectCecily 1636 -115 459 532
Seagully -266 1149 842 609
Serializer 100 150 50 100
SideBarTabs -1272 -619 225 321
SiteSubtitle 3643 850 225 69
SiteTitle 3649 963 225 69
Swampglade -1085 563 448 395
TODO 300 150 50 1000
Tenerife -1040 1039 716 627
Tiddlers 2000 250 450 1000
TiddlyWiki 1668 -896 388 132
ToDo -879 -1493 929 932
UrlMap 400 150 50 1000
ViewTemplate 3247 666 225 159
WebKit 1657 746 389 602
Weyflection -595 577 498 438
ZoomingUserInterface%20from%20Wikipedia 530 -396 1042 1443
ZoomingUserInterfaces -684 -502 1098 907

ZoomingUserInterfaces

Thu, 03 Jul 2008 16:20:00 GMT

ZoomingUserInterfaces (ZUIs) feature entities of different sizes laid out on an (almost) infinite wall. Navigation is accomplished by panning and zooming a virtual camera around the wall. See the Wikipedia article.

ZUIs have been studied in industry and academia for several years (see BenBederson, JefRaskin and AzaRaskin). Although a few concepts first developed in the field have subsequently been adopted, there aren't yet any mainstream products that try to exploit the capabilities of ZUIs.

There's a good paper at Advogato.com that covers some practical design issues with ZUIs.

TiddlyWiki

Thu, 03 Jul 2008 16:15:00 GMT

TiddlyWiki is a wiki that runs entirely in the browser, without needing a server. It was originally created by JeremyRuston.

Weyflection

Sat, 28 Jun 2008 23:49:00 GMT

http://www.flickr.com/photos/jermy/65625750/
See also Swampglade, Tenerife and Seagully

Tenerife

Sat, 28 Jun 2008 23:49:00 GMT

http://www.flickr.com/photos/jermy/94035340/
See also Swampglade, Weyflection and Seagully

Swampglade

Sat, 28 Jun 2008 23:49:00 GMT

http://www.flickr.com/photos/jermy/65637412/
See also Tenerife, Weyflection and Seagully

Seagully

Sat, 28 Jun 2008 23:49:00 GMT

http://www.flickr.com/photos/jermy/216409952/
See also Swampglade, Tenerife and Weyflection

PageTemplate

Mon, 16 Jun 2008 22:19:00 GMT

<div id='displayArea'>
<div id='overlayMenu' refresh='content' tiddler='OverlayMenu'></div>
<div id='messageArea'></div>
<div id='tiddlerDisplay'></div>
</div>

MainMenu

Sun, 15 Jun 2008 23:49:00 GMT

HelloThere

ToDo

Sun, 15 Jun 2008 23:49:00 GMT

Things to do:

Make the overlay menu popup at the mouse position
Add keyboard shortcuts, and awesome/omni bar
Do semantic zooming in CSS by progressively adding classNames like "lessThan20px", "lessThan10px"
Improve zooming to use smoother bezier splines
Animate map transitions
A background based on gradient fills

Problems:

Zooming could be smoother
Dragging tiddlers sometimes judders
Some tiddlers don't like being opened in edit mode (I think that this is a WebKit problem)

JeremyRuston

Thu, 12 Jun 2008 08:28:00 GMT

JeremyRuston is the Head of Open Source Innovation at BT. He runs Osmosoft, a small team of developers dedicated to exploring the innovation potential of open source. Jeremy created TiddlyWiki and ProjectCecily.

WebKit

Wed, 11 Jun 2008 23:50:00 GMT

WebKit is an open source web browser begun by Apple, forked off the KHTML codebase. See http://www.webkit.org/

This implementation of ProjectCecily exploits several features of recent versions of WebKit:

WebKit is an awesome piece of work, as evidenced by the way that this embedded video plays smoothly even with lots of zooming and scaling going on:

<html>
<video src="jumps.mov" autoplay playcount="999">
</video>
</html>