<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Here Be Beasties &#187; Web</title>
	<atom:link href="http://herebebeasties.com/tags/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://herebebeasties.com</link>
	<description>Alastair Maw's small soap box.</description>
	<lastBuildDate>Wed, 03 Aug 2011 12:43:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Wicket Quickstart</title>
		<link>http://herebebeasties.com/2007-10-07/wicket-quickstart/</link>
		<comments>http://herebebeasties.com/2007-10-07/wicket-quickstart/#comments</comments>
		<pubDate>Sun, 07 Oct 2007 23:46:48 +0000</pubDate>
		<dc:creator>Alastair</dc:creator>
				<category><![CDATA[Apache Wicket]]></category>
		<category><![CDATA[E-mail]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://herebebeasties.com/2007-10-07/wicket-quickstart/</guid>
		<description><![CDATA[<script type="text/javascript" src="http://herebebeasties.com/wp-includes/js/jquery/jquery.js"></script><script type="text/javascript" src="http://herebebeasties.com/wp-content/plugins/pb-embedflash/js/sbadapter/shadowbox-jquery.js"></script><script type="text/javascript" src="http://herebebeasties.com/wp-content/plugins/pb-embedflash/js/shadowbox.js"></script><script type="text/javascript"><!--
window.onload = function() {var options ={assetURL:'',loadingImage:'http://herebebeasties.com/wp-content/plugins/pb-embedflash/css/images/loading.gif',flvPlayer:'http://herebebeasties.com/wp-content/plugins/pb-embedflash/swf/mediaplayer.swf',animate:true,animSequence:'wh',overlayColor:'#000',overlayOpacity:0.85,overlayBgImage:'http://herebebeasties.com/wp-content/plugins/pb-embedflash/css/images/overlay-85.png',listenOverlay:true,autoplayMovies:true,showMovieControls:true,resizeDuration:0.35,fadeDuration:0.35,displayNav:true,continuous:false,displayCounter:true,counterType:'default',viewportPadding:20,handleLgImages:'resize',initialHeight:160,initialWidth:320,enableKeys:true,keysClose:['c', 'q', 27],keysPrev:['p', 37],keysNext:['n', 39],handleUnsupported:'',text: {cancel:'Cancel',loading: 'loading',close:'<span class="shortcut">C</span>lose',next:'<span class="shortcut">N</span>ext',prev:'<span class="shortcut">P</span>revious',errors:{single: 'You must install the <a href="{0}">{1}</a> browser plugin to view this content.',shared: 'You must install both the <a href="{0}">{1}</a> and <a href="{2}">{3}</a> browser plugins to view this content.',either: 'You must install either the <a href="{0}">{1}</a> or the <a href="{2}">{3}</a> browser plugin to view this content.'}}};Shadowbox.init(options);}
--></script>People seem to have problems getting started with Wicket using the Maven 2 archetype quickstart. In an effort to make this as obvious as possible, I&#8217;ve created a screencast showing you how to do it, explaining each step in detail along the way. It&#8217;s done from a pretty-much virgin installation, so there are no bits [...]]]></description>
			<content:encoded><![CDATA[<p>People seem to have problems getting started with Wicket using the Maven 2 archetype quickstart. In an effort to make this as obvious as possible, I&#8217;ve created a screencast showing you how to do it, explaining each step in detail along the way. It&#8217;s done from a pretty-much virgin installation, so there are no bits of magic here.<br />
<span id="more-33"></span><br />
Click on the video image to view the video:<br />
<small>(Please open the article to see the flash file or player.)</small><br />
Alternatively, you can download a DivX 5 AVI <a href="/static/Wicket-QuickStart.avi">here</a>.</p>
<p>&#8211; UPDATE &#8211;<br />
Wicket 1.3.0 is now out, so you should use that in the versions instead of 1.3.0-beta3 in all those commands. The Wicket web site is the canonical source, as ever.</p>
]]></content:encoded>
			<wfw:commentRss>http://herebebeasties.com/2007-10-07/wicket-quickstart/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Variable node-height CSS trees (a work in progress)</title>
		<link>http://herebebeasties.com/2007-03-29/css-trees-a-work-in-progress/</link>
		<comments>http://herebebeasties.com/2007-03-29/css-trees-a-work-in-progress/#comments</comments>
		<pubDate>Thu, 29 Mar 2007 01:29:10 +0000</pubDate>
		<dc:creator>Alastair</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://herebebeasties.com/2007-03-29/css-trees-a-work-in-progress/</guid>
		<description><![CDATA[I&#8217;ve been playing with CSS trees lately, but all the existing solutions I can find don&#8217;t quite do what I want. The requirements are: Support for variable-height nodes (this seems to be the real killer). Plus/minus icons to expand/collapse nodes. Support for scaling the tree with font size, preferably including the padding around the lines [...]]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been playing with CSS trees lately, but all the <a href="http://www.softcomplex.com/products/tigra_tree_menu/">existing</a> <a href="http://dftree.sourceforge.net/">solutions</a> <a href="http://www.dynamicdrive.com/dynamicindex1/navigate1.htm">I</a> <a href="http://www.dhtmlgoodies.com/index.html?page=folderTree">can</a> <a href="http://developer.yahoo.com/yui/treeview/">find</a> don&#8217;t quite do what I want. The requirements are:</p>
<ul>
<li>Support for <strong>variable-height nodes</strong> (this seems to be the real killer).</li>
<li><strong>Plus/minus icons</strong> to expand/collapse nodes.</li>
<li>Support for <strong>scaling</strong> the tree with font size, preferably including the padding around the lines and things.</li>
<li>Standard <strong>tree lines</strong> to link nodes together.</li>
<li>Fairly <strong>clean HTML</strong>, although I&#8217;m willing to sacrifice this for something that actually works.</li>
</ul>
<p>Sounds impossible? Well, it&#8217;s not: Have a look at <a href="/static/tree-experiment/tree.html">what I&#8217;ve come up with so far</a> (doesn&#8217;t work in Internet Explorer quite yet).</p>
<p>View source to see how it works. Essentially, I nest everything deeply, and use the borders of the nodes to draw the tree lines. I then shift the plus/minus icons and the actual nodes with negative margins so everything lines up. This has the side effect of only requiring two images (one for the plus icon, and one for the minus).</p>
<p>Unfortunately, it currently uses nested <a href="http://www.w3.org/TR/CSS21/selector.html#child-selectors">CSS child selectors</a>, which of course Internet Explorer doesn&#8217;t support (even IE7 doesn&#8217;t do this right for multiple concatenated selectors). I&#8217;ll try to make this work with IE shortly, but in the meantime, use Firefox. If I can make it fly in IE6/7 then needless to say, I&#8217;ll package this up into a <a href="http://www.wicketframework.org">Wicket</a> component at a later date (possibly even in time for wicket-extensions 1.3.0 final).</p>
<p>If anyone has seen a better way of doing this, please shout.</p>
]]></content:encoded>
			<wfw:commentRss>http://herebebeasties.com/2007-03-29/css-trees-a-work-in-progress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

