<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title>~stef/blog/</title>
	<link rel="alternate" type="text/html" href="http://www.ctrlc.hu/~stef/blog/"/>
	<link rel="self" type="application/atom+xml" href="http://www.ctrlc.hu/~stef/blog/atom.xml"/>
	<updated>2009-03-07T01:08:53+01:00</updated>
   <generator uri="http://github.com/stef/utterson">utterson v0.4</generator>
   <id>http://www.ctrlc.hu/~stef/blog/</id>
	<entry>
		<title>timing</title>
		<link rel="alternate" type="text/html" href="http://www.ctrlc.hu/~stef/blog/posts/timing.html"/>
		<updated>2009-03-07T01:08:53+01:00</updated>
      <id>http://www.ctrlc.hu/~stef/blog/posts/timing.html</id>
      <author><name>s</name></author>
		<category term="POSTCATEGORY" scheme="http://www.sixapart.com/ns/types#category"/>
		<content type="html" xml:lang="en" xml:base="http://www.ctrlc.hu/~stef/blog"><![CDATA[
      <a href="http://blog.jquery.com/2009/03/06/jquery-ui-17-released-new-domain-new-css-framework-dramatic-updates-to-controls/"><img class="alignright size-thumbnail wp-image-138" title="timecloud" src="http://yompb.files.wordpress.com/2008/12/timecloud.png?w=128" alt="timecloud" width="128" height="64" />Jquery UI v1.7</a> came out yesterday. The new <a href="http://www.ctrlc.hu/~stef/blog/posts/JQuery_Timecloud_v1.0.html">timecloud</a> <a href="http://www.ctrlc.hu/~stef/blog/posts/timecloud_v1.2.html">v1.2</a> already supports this upgrade.  <a href="https://www.ohloh.net/projects/timecloud">Enjoy.</a>
      <a href="http://flattr.com/thing/16017/stefblog" target="_blank">
      <img src="http://www.ctrlc.hu/~stef/blog/i/flattrbutton.png" title="Flattr this" border="0" /></a>
]]></content>
	</entry>
	<entry>
		<title>timecloud v1.2</title>
		<link rel="alternate" type="text/html" href="http://www.ctrlc.hu/~stef/blog/posts/timecloud_v1.2.html"/>
		<updated>2009-03-03T12:56:51+01:00</updated>
      <id>http://www.ctrlc.hu/~stef/blog/posts/timecloud_v1.2.html</id>
      <author><name>s</name></author>
		<category term="POSTCATEGORY" scheme="http://www.sixapart.com/ns/types#category"/>
		<content type="html" xml:lang="en" xml:base="http://www.ctrlc.hu/~stef/blog"><![CDATA[
      Good news everyone. A fresh timecloud release is awaiting you. Stuff that changed:
<ul>
	<li>you can embed multiple timeclouds in a page</li>
	<li>lot's of bug fixes</li>
	<li>updated to the latest versions of jquery (1.3.2), jquery-ui (1.6rc6), sparkline (1.4)</li>
</ul>
Head over to the <a href="https://www.ohloh.net/projects/timecloud">project page</a> or <a href="https://www.ohloh.net/p/timecloud/download?package=timecloud&amp;release=v1.2">directly to the downloads</a> while it's fresh. If you're inclined you're welcome to the <a href="http://github.com/stef/timecloud/">git repo</a> as well.
      <a href="http://flattr.com/thing/16017/stefblog" target="_blank">
      <img src="http://www.ctrlc.hu/~stef/blog/i/flattrbutton.png" title="Flattr this" border="0" /></a>
]]></content>
	</entry>
	<entry>
		<title>jquery slider woes</title>
		<link rel="alternate" type="text/html" href="http://www.ctrlc.hu/~stef/blog/posts/jquery_slider_woes.html"/>
		<updated>2009-03-01T00:23:45+01:00</updated>
      <id>http://www.ctrlc.hu/~stef/blog/posts/jquery_slider_woes.html</id>
      <author><name>s</name></author>
		<category term="POSTCATEGORY" scheme="http://www.sixapart.com/ns/types#category"/>
		<content type="html" xml:lang="en" xml:base="http://www.ctrlc.hu/~stef/blog"><![CDATA[
      <p>After looking into<a href="http://www.ctrlc.hu/~stef/blog/posts/timecloud_+_jquery_1.3.1.html"> the problem with jquery 1.3+ and timecloud widget</a>, the issue seems to be, that the culprit was my upgrade of jquery-ui to 1.6rc6 up from the 1.5 branch. The slider widget was heavily rewritten if i understand this <a href="http://groups.google.com/group/jquery-ui/browse_thread/thread/a7ceb86185b45466">mailing-list thread</a> correctly.</p>

<p>My guess is, that there is a discrepancy between different versions of  jquery and the slider widget. The timecloud widget will work with jquery 1.3+, but without correctly working sliders.</p>

<p>i'll need to dig deeper to work this out.</p>
      <a href="http://flattr.com/thing/16017/stefblog" target="_blank">
      <img src="http://www.ctrlc.hu/~stef/blog/i/flattrbutton.png" title="Flattr this" border="0" /></a>
]]></content>
	</entry>
	<entry>
		<title>timecloud + jquery 1.3.1</title>
		<link rel="alternate" type="text/html" href="http://www.ctrlc.hu/~stef/blog/posts/timecloud_+_jquery_1.3.1.html"/>
		<updated>2009-02-09T17:34:35+01:00</updated>
      <id>http://www.ctrlc.hu/~stef/blog/posts/timecloud_+_jquery_1.3.1.html</id>
      <author><name>s</name></author>
		<category term="POSTCATEGORY" scheme="http://www.sixapart.com/ns/types#category"/>
		<content type="html" xml:lang="en" xml:base="http://www.ctrlc.hu/~stef/blog"><![CDATA[
      <p>seems like those two don't like each other yet - as far as the slider controls are a concern. sorry folks, in the mean time stick with jquery-1.2.6.</p>

<p>cheers,</p>

<p>s</p>
      <a href="http://flattr.com/thing/16017/stefblog" target="_blank">
      <img src="http://www.ctrlc.hu/~stef/blog/i/flattrbutton.png" title="Flattr this" border="0" /></a>
]]></content>
	</entry>
	<entry>
		<title>Timecloud v1.1.1</title>
		<link rel="alternate" type="text/html" href="http://www.ctrlc.hu/~stef/blog/posts/Timecloud_v1.1.1.html"/>
		<updated>2008-12-01T22:47:35+01:00</updated>
      <id>http://www.ctrlc.hu/~stef/blog/posts/Timecloud_v1.1.1.html</id>
      <author><name>s</name></author>
		<category term="POSTCATEGORY" scheme="http://www.sixapart.com/ns/types#category"/>
		<content type="html" xml:lang="en" xml:base="http://www.ctrlc.hu/~stef/blog"><![CDATA[
      <a href="http://yompb.files.wordpress.com/2008/12/timecloud.png"><img class="alignright size-medium wp-image-138" title="timecloud" src="http://yompb.files.wordpress.com/2008/12/timecloud.png?w=300" alt="timecloud" width="300" height="150" /></a>
After some further development yesterday came v1.1 and now today v1.1.1 with some additional fixes.

Head on over to the shiny new <a href="https://www.ohloh.net/projects/timecloud">project</a> website and grab your copy while it's hot.

There are also some updated examples
<ul>
	<li><a href="http://www.ctrlc.hu/timecloud/examples/subversion/svn-timecloud.html">Tikiwiki subversion activities</a> (also on screenshot),</li>
	<li><a href="http://www.ctrlc.hu/timecloud/examples/delicious/delicious.html">view your delicious tags</a> in real-time</li>
</ul>
Hint: try to scroll the view with your mousewheel.

If you're using this widget, please let me know, thanks!

enjoy!

<strong>update:</strong> fixed link to subversion example.

<strong>updated</strong>: links to demos.
      <a href="http://flattr.com/thing/16017/stefblog" target="_blank">
      <img src="http://www.ctrlc.hu/~stef/blog/i/flattrbutton.png" title="Flattr this" border="0" /></a>
]]></content>
	</entry>
	<entry>
		<title>JQuery Timecloud v1.0</title>
		<link rel="alternate" type="text/html" href="http://www.ctrlc.hu/~stef/blog/posts/JQuery_Timecloud_v1.0.html"/>
		<updated>2008-11-22T23:08:41+01:00</updated>
      <id>http://www.ctrlc.hu/~stef/blog/posts/JQuery_Timecloud_v1.0.html</id>
      <author><name>s</name></author>
		<category term="POSTCATEGORY" scheme="http://www.sixapart.com/ns/types#category"/>
		<content type="html" xml:lang="en" xml:base="http://www.ctrlc.hu/~stef/blog"><![CDATA[
      <div class="image alignright" style="margin:15px;"><a href="http://yompb.files.wordpress.com/2008/11/clouds.jpg"><img class="size-full wp-image-106" title="src:http://flickr.com/photos/pagedooley/2511369048/" src="http://yompb.files.wordpress.com/2008/11/clouds.jpg" alt="http://flickr.com/photos/pagedooley/2511369048/" width="207" height="240" /></a></div>
<h2>JQuery Timecloud v1.0</h2>
<p>Lately I have been trying to visualize a couple of things around me. One of the results is this <a href="https://www.ohloh.net/projects/timecloud">JQuery Timecloud plugin</a> producing somewhat nice looking animated tagclouds.</p>

<p>In the screenshot below I processed the Subversion logs of the <a href="http://info.tikiwiki.org/tiki-index.php">Tikiwiki project</a> and plotted the number of changes (commits)  by developers over time.</p>

<p>As you can see below, the timecloud widget provides a similar interface to the Google Finance timeseries. In the top you have an overall view of all time activities, here you can zoom the timeframe and pan the selection.</p>

<p>Underneath there is a zoomed in view of the currently viewed timespan.</p>

<p>The first button starts/stops the animation, where the time frame is automatically advanced to the next day, thus creating an impression of moving through time. With the second button you can step forward by one frame, dunno if this is really necessary, it might be removed later.</p>

<p>HINT: If you set the timeframe in the overview to cover the whole dataset, you will be able to see an all encompassing tagcloud, but won't be able to animate it.</p>

<p><a href="http://yompb.files.wordpress.com/2008/11/timecloud1.png"><img class="alignleft size-full wp-image-114" title="timecloud1" src="http://yompb.files.wordpress.com/2008/11/timecloud1.png?w=600" alt="timecloud1" width="600"/></a></p>

<p>If you're interested head over to to the <a href="https://www.ohloh.net/projects/timecloud">project home</a> and have fun!</p>

<p>Cheers,</p>

<p>s</p>

<p><strong>[UPDATE]</strong> In the download package there is an example which let's you visualize your delicious tags in such a tagcloud, unfortunately it needs a PHP enabled webserver to run.</p>

<p><strong>[UPDATE2]</strong> a live example can be found <a href="http://www.ctrlc.hu/timecloud/examples/subversion/svn-timecloud.html">here</a> and one  for <a href="http://www.ctrlc.hu/timecloud/examples/delicious/delicious.html">your delicious tags</a></p>

<p><strong>[UPDATE3]</strong> the project home moved to ohloh.net, all references updated. development and versiontracking  is still at <a href="http://wiki.github.com/stef/timecloud">github</a>.</p>

<p><strong>[UPDATE4]</strong> demos found a new home.</p>
      <a href="http://flattr.com/thing/16017/stefblog" target="_blank">
      <img src="http://www.ctrlc.hu/~stef/blog/i/flattrbutton.png" title="Flattr this" border="0" /></a>
]]></content>
	</entry>
</feed>

