<?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>Carbon Silk &#187; css</title>
	<atom:link href="http://www.carbonsilk.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.carbonsilk.com</link>
	<description>Developing Ideas by James Broad</description>
	<lastBuildDate>Sun, 20 Mar 2011 00:28:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.2</generator>
		<item>
		<title>Panoramic &#8211; open source web template</title>
		<link>http://www.carbonsilk.com/development/panoramic-web-template/</link>
		<comments>http://www.carbonsilk.com/development/panoramic-web-template/#comments</comments>
		<pubDate>Sun, 07 Dec 2008 18:55:16 +0000</pubDate>
		<dc:creator>James Broad</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[git]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[panoramic]]></category>
		<category><![CDATA[template]]></category>

		<guid isPermaLink="false">http://www.carbonsilk.com/?p=45</guid>
		<description><![CDATA[View the template It&#8217;s been a while since releasing an open source web template, the last one being Mighty, added back in January of 2007. Mighty was a template created to allow others to take a basic design and allow them to modify most aspects of the template with relative ease (given some CSS understanding). [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Panoramic template design by James Broad, on Flickr" href="http://www.flickr.com/photos/kulor/3089399053/"><img src="http://farm4.static.flickr.com/3252/3089399053_db33e5f9f6.jpg" alt="Panoramic template design" /></a></p>
<p class="clear"><a href="http://www.carbonsilk.com/sandbox/panoramic/index.html">View the template</a></p>
<p>It&#8217;s been a while since releasing an open source web template, the last one being <a href="http://www.oswd.org/design/information/id/3210/">Mighty</a>, added back in January of 2007. Mighty was a template created to allow others to take a basic design and allow them to modify most aspects of the template with relative ease (given some CSS understanding).</p>
<p>Time moved on and the itch arose again to create another open source web template. This time its called Panoramic. Panoramic is the name of the family business and this template design stemmed from a mock for the company I had created some time ago that never got released.</p>
<p><a href="http://github.com/">GitHub</a> seemed the best hosting location for an open source web template, owing to its fantastic interface and functionality and thus Panoramic lives there: <a href="http://github.com/kulor/panoramic/tree/master">http://github.com/kulor/panoramic/tree/master.</a></p>
<p>Having the template hosted on a <a href="http://en.wikipedia.org/wiki/Revision_Control_System">Revision Control System</a> such as GitHub, has many advantages, the main one being that others can contribute to the code and or fork to a version that suits them. Additionally, users downloading the code can always rest assured they are getting the latest code and can see what has changed over time.</p>
<p>If you do use the Panoramic template, please add a comment to this page stating where it is in use, so others can gain inspiration for it&#8217;s uses.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.carbonsilk.com/development/panoramic-web-template/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Moneyio &#8211; The best salary calculator ever!</title>
		<link>http://www.carbonsilk.com/development/moneyio-released/</link>
		<comments>http://www.carbonsilk.com/development/moneyio-released/#comments</comments>
		<pubDate>Fri, 01 Aug 2008 10:07:30 +0000</pubDate>
		<dc:creator>James Broad</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[codeigniter]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[framework]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[moneyio]]></category>
		<category><![CDATA[performance]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[salary]]></category>

		<guid isPermaLink="false">http://www.carbonsilk.com/?p=30</guid>
		<description><![CDATA[On Monday (27 July 08) Moneyio (Money In &#38; Out) was released. Moneyio is the latest incarnation of my previous project Salary Calculator. Moneyio will be organically developed to include new relevant features with a strict focus on surfacing information on your money. The overall objective is to offer a best in class web based [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.moneyio.co.uk"><img src="http://farm4.static.flickr.com/3264/2721426271_6420438665.jpg" alt="Moneyio.co.uk Screenshot" /></a></p>
<p class="clear">On Monday (27 July 08) <a href="http://www.moneyio.co.uk">Moneyio</a> (Money In &amp; Out) was released. Moneyio is the latest incarnation of my previous project <a href="http://www.carbonsilk.com/efficiency/salary-calculator/">Salary Calculator</a>.</p>
<p>Moneyio will be organically developed to include new relevant features with a strict focus on surfacing information on your money. The overall objective is to offer a best in class web based personal finance tool, suitable for everyone.</p>
<p>Ok so you get what it is, how it works but what value does it give to you? The intention is that it can save you money. If that is through exposing where you could tighten up your expenses or offering you unobtrusive suggestions as to how you could make savings, then you can be satisfied.</p>
<p>Design is (and will be) a critical factor in development of this application as there are a whole wealth of existing tools on the web to do with personal finance, however they always fail to offer any pleasing aesthetics.</p>
<h3>Advertising</h3>
<p>This tool has taken a long time to develop, and thus i have, for the first time, gone down the commercial route of adding advertising to try and benefit from this effort. This is a conscious decision that i feel should actually benefit users on the whole, owing to the smart, context aware, targeted adverts that appear. Should users find the adverts intrusive, i will not hesitate to remove or rethink the overall commercial strategy.</p>
<h3>High performance</h3>
<p>The inner workings behind the interface are pretty intricate. Take this and add that it is a completely dynamic application, it is hard to find components available to cache effectively. Inroads will be made with future development to ensure the experience of using the application is not hampered by having to wait for actions to be completed.</p>
<p>Elements that will be performance enhanced will be caching data calculations, but more significantly, the <acronym title="Hyper Text Markup Language">HTML</acronym> and associated assets delivered to your browser.</p>
<h3>Under the hood</h3>
<p>I am proud to say Moneyio has been ported to use <a href="http://codeigniter.com/">CodeIgniter</a>. Originally the code-base took the form of a self rolled <acronym title="Pre Hypertext Preprocessor">PHP</acronym> <acronym title="Model View Controller"><a href="http://en.wikipedia.org/wiki/Model-view-controller">MVC</a></acronym> application, well organised, lean and efficient code but lacking some features and maybe not as rigid as an open source framework.</p>
<p>A framework was a crucial requirement in ensuring that the application development could easily continue if say another developer had to maintain/own/extend the code-base.</p>
<p>CodeIgniter was chosen over other popular frameworks such as the <a href="http://framework.zend.com/">ZendFramework</a>, <a href="http://cakephp.org/">CakePHP</a> or the now prevalent <a href="http://www.python.org/">Python</a> framework <a href="http://www.djangoproject.com/">Django</a>, as it was somewhat familiar, possesses great documentation.</p>
<p>My experience so far has been great with working off this framework. Getting anything done becomes very trivial and a rewarding experience to boon.</p>
<p>Front end wise, <a href="http://developer.yahoo.com/yui/">Yahoo YUI</a> has been used as the tool of choice for developing in JavaScript and using their fabulous CSS tools, <a href="http://code.google.com/apis/chart/">Google Charts</a> has been used for charting and the fantastic <a href="http://www.famfamfam.com/archive/silk-icons-thats-your-lot/">Fam Fam Fam silk icons</a> have been used for UI actions.</p>
<p>I can only hope that you take a look at <a href="http://www.moneyio.co.uk">Moneyio</a>, if you like it, <a href="http://delicious.com/save?url=http://www.moneyio.co.uk&amp;title=Moneyio - Breaking Down Your Money">bookmark</a> it and return in a few weeks/months and see the latest changes.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.carbonsilk.com/development/moneyio-released/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

