<!DOCTYPE html>
<!-- ========================================== kroc camen of camen design ============================================= -->
<title>blog · Code Is Art; My Philosophy and the Things I’ve Made With It</title>
<link rel="stylesheet" type="text/css" href="/design/design.css" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no" />
<link rel="alternate" type="application/rss+xml" href="/blog/rss" title="Just blog" />
<link rel="canonical" href="/blog/worthing-digital" />
<!-- =================================================================================================================== -->
<header>
	<h1><a href="/" rel="index">
		Camen Design
	</a></h1>
	<nav><ul>
		<li><a href="/">all</a></li>
		<li><a href="/projects">projects</a></li>
		<li><a href="http://forum.camendesign.com">forum</a></li>
	</ul><ul>
		<li><a href="/quote/">quote</a></li>
		<li><a href="/writing/">writing</a></li>
		<li><a href="/blog/" rel="tag">blog</a></li>
		<li><a href="/photo/">photo</a></li>
		<li><a href="/code/">code</a></li>
		<li><a href="/art/">art</a></li>
		<li><a href="/link/">link</a></li>
		<li><a href="/poem/">poem</a></li>
		<li><a href="/audio/">audio</a></li>
	</ul><ul>
		<li><a href="/web-dev/">web-dev</a></li>
		<li><a href="/annoyances/">annoyances</a></li>
		<li><a href="/eve/">eve</a></li>
		<li><a href="/code-is-art/">code-is-art</a></li>
		<li><a href="/inspiration/">inspiration</a></li>
		<li><a href="/windows/">windows</a></li>
		<li><a href="/gift/">gift</a></li>
		<li><a href="/gaming/">gaming</a></li>
		<li><a href="/mac/">mac</a></li>
		<li><a href="/osnews/">osnews</a></li>
		<li><a href="/c64/">c64</a></li>
		<li><a href="/linux/">linux</a></li>
	</ul>
	<a rel="previous" href="/blog/tenets">
		older article →
	</a><a rel="next" href="/blog/mankind">
		← newer article
	</a></nav>
</header>
<!-- =================================================================================================================== -->
<article><header>
	<!-- date published or updated -->
	<time pubdate datetime="2012-02-26T19:48:00+00:00">
		<sup>7:48<abbr>pm</abbr> • 2012</sup>
		<abbr title="February">Feb</abbr> 26
	</time>
	<!-- categories -->
	<ul>
		<li><a href="/blog/worthing-digital" rel="bookmark tag">blog</a></li>
		<li><a href="/code-is-art/worthing-digital">code-is-art</a></li>
		<li><a href="/web-dev/worthing-digital">web-dev</a></li>
	</ul>
	<!-- licence -->
	<small>
		<abbr title="copyright">©</abbr>
		copyright
	</small>
	<!-- enclosure -->
	<a type="application/pdf" href="/blog/worthing-digital/code-is-art.pdf">
		code-is-art <em>748.2 KB</em>
	</a>
</header>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
<section>
<h1>Code Is Art; My Philosophy and the Things I’ve Made With It</h1>
<p>
	<strong>On the 23<sup>rd</sup> of February 2012</strong>, I gave a talk at a local event called
	<a href="http://worthingdigital.com" rel="external">Worthing Digital</a> entitled “Code is Art; My Philosophy
	and the Things I’ve Made With It”. The talk covers <a href="/hello">the principles behind this website</a> and
	the work I do, before going on to demonstrate some of my products, including <a href="/video_for_everybody">Video
	for Everybody</a>, <a href="/remarkable">ReMarkable</a> and <a href="/nononsense_forum">NoNonsense Forum</a>.
</p><p>
	My thanks goes to <a href="http://twitter.com/fordie" rel="external">@fordie</a> for organising Worthing Digital
	and <a href="http://freshegg.com" rel="external">Fresh Egg</a> for kindly hosting the event, laying on free beers
	and videoing the talk; all I had to do was turn up and speak.
</p><p>
	The video is presented below, or can be viewed
	<a href="https://www.youtube.com/watch?v=gOjRXNCk3R0" rel="external">on YouTube</a>.
</p>
<iframe width="640" height="360" src="http://www.youtube-nocookie.com/embed/gOjRXNCk3R0" allowfullscreen></iframe>
<p>
	These are the slides for reference, though the font has changed for some reason.<br />
	An original copy of the slides are <a href="/blog/worthing-digital/code-is-art.pdf" type="application/pdf">attached
	as a PDF</a> to this article.
</p>
<iframe src="http://www.slideshare.net/slideshow/embed_code/11730263?rel=0" width="640" height="360"></iframe>
<p>
	Details of future Worthing Digital events can be found
	<a href="http://worthingdigital.com/future.php" rel="external">on the website</a>.
</p>


<h2>Notes &amp; Errata:</h2>
<ul>
	<li>
		<p>
			I did state that I would try keep the talk non-technical, but quickly spiralled off into far too
			technical details at times, this was due to some nerves as this is the first time I’ve given
			such a talk in front of an audience. I hope I didn’t uncecessarily blind people with gibberish
		</p>
	</li><li>
		<p>
			I incorrectly implied that WebM video was around during the early days of HTML5 video, rather it
			was Ogg Vorbis that was present first, and then superceeded by WebM in recent times
		</p>
	</li><li>
		<p>
			I incorrectly state that the regex on slide 25 took a week to develop, that particular regex is
			the definition selector, the actual regex in ReMarkable that did take a week to develop is the
			list selector:
		</p>
	
	<pre><code>(?:(?&lt;=(?&lt;!&lt;[uo]l&gt;)(\n\n)))?^(?:([\x{2022}*+-])|(?-i:[a-z]\.|[ivxlcdm]+\.|#|(?:\d+\.){1,6}))(?: \(#([0-9a-z_-]+)\))?((?:\t+.*(\n))+|(?:\\t+.*(?:\n|(\n\n)))+)(?=(?:([\x{2022}*+-])|(?-i:[a-z]\.|[ivxlcdm]+\.|#|(?:\d+\.){1,6}))(?: \(#([0-9a-z_-]+)\))?|\n&lt;\/[uo]l&gt;)/emu</code></pre>
	
	</li><li>
		<p>
			I should just explain that the Commodore 64 forum theme on slide 42 is how the forum looked before
			the current standard theme was developed and is no longer available; it’s just used as an
			example that the forum can be themed, and I intend to reinstate the Commodore 64 theme using the
			new templating engine in the future
		</p>
	</li>
</ul>
</section>
<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
</article>
<footer>
	<nav><a href="http://forum.camendesign.com">‹ Discuss this in the Forum ›</a></nav>
		
	<a href="mailto:kroc@camendesign.com">kroc@camendesign.com</a>
	<nav>view-source:
		<a href="/blog/worthing-digital.rem">Rem</a> •
		<a href="/blog/worthing-digital.html">HTML</a> •
		<a href="/design/">CSS</a> •
		<a href="/.system/">PHP</a> •
		<a href="/.htaccess">.htaccess</a>
	</nav>
	<form method="get" action="https://duckduckgo.com">
		<input type="hidden" name="sites" value="camendesign.com" />
		<input type="search" name="q" placeholder="search…" />
		<input type="submit" value="Go" />
	</form>
</footer>
<!-- =================================================================================================== code is art === -->