<?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>Tim Cinel &#187; Web Development</title>
	<atom:link href="http://www.timcinel.com/category/web-development/feed" rel="self" type="application/rss+xml" />
	<link>http://www.timcinel.com</link>
	<description>Where I exercise freedom of speech</description>
	<lastBuildDate>Tue, 07 Sep 2010 22:00:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Pretty Smarties &#8211; Pretty URLs through Smarty made Simple</title>
		<link>http://www.timcinel.com/2009/pretty-smarties-pretty-urls-through-smarty-made-simple</link>
		<comments>http://www.timcinel.com/2009/pretty-smarties-pretty-urls-through-smarty-made-simple#comments</comments>
		<pubDate>Tue, 24 Feb 2009 03:43:27 +0000</pubDate>
		<dc:creator>Tim Cinel</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[logon2]]></category>
		<category><![CDATA[engine]]></category>
		<category><![CDATA[lovely]]></category>
		<category><![CDATA[open source]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[smarties]]></category>
		<category><![CDATA[smarty]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.timcinel.com/?p=203</guid>
		<description><![CDATA[Deciding what template system to use when designing and developing a website can be difficult. For beginners and the lazy, Dreamweaver&#8217;s DWT files are fine but they are difficult and clumsy to maintain and update. Besides, they are messy. Being a logical and rational person, I want to separate content from layout and with a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-204" title="Pretty Smarties" src="http://www.timcinel.com/wp-content/smarties.jpg" alt="Pretty Smarties" width="200" height="200" />Deciding what template system to use when designing and developing a website can be difficult. For beginners and the lazy, Dreamweaver&#8217;s DWT files are fine but they are difficult and clumsy to maintain and update. Besides, they are messy.</p>
<p>Being a logical and rational person, I want to separate content from layout and with a preference for PHP I decided it was time to build a simple template system.</p>
<p>A few weeks later and after using it to drive a couple of my websites, here&#8217;s what Pretty Smarties has to offer:</p>
<ul>
<li>Uses <a href="http://www.smarty.net/">Smarty</a> template engine  &#8211; Easy to learn (That is, if you don&#8217;t already know it)</li>
<li>Pretty URLs &#8211; Great for search engines and humans ( http://www.site.com/urls/like/this )</li>
<li>SEO Optimisation &#8211; Reduced duplication by redirecting to correct host, and applying consistent &#8220;/&#8221; suffix.</li>
<li>Easy to implement optional page components &#8211; Simply add or remove files to add or remove components</li>
<li>Template updates are instantly applied</li>
<li>Swap template by changing 1 line</li>
</ul>
<p>Source and documentation will be posted on the <a href="http://www.logon2.com.au/blog/">logon2 blog</a> this week.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.timcinel.com/2009/pretty-smarties-pretty-urls-through-smarty-made-simple/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lovely Captions &#8211; Transparent Image Overlays using CSS</title>
		<link>http://www.timcinel.com/2008/lovely-captions-transparent-image-overlays-using-css</link>
		<comments>http://www.timcinel.com/2008/lovely-captions-transparent-image-overlays-using-css#comments</comments>
		<pubDate>Thu, 19 Jun 2008 00:28:50 +0000</pubDate>
		<dc:creator>Tim Cinel</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[logon2]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[lovely captions]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[plugs]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[transparent]]></category>

		<guid isPermaLink="false">http://www.timcinel.com/?p=42</guid>
		<description><![CDATA[Heath Ledger Jokes They might get old, but he never will. LOL! A new revolutionary (LOL!) tool is available over at logon2, it&#8217;s called &#8216;Lovely Caption Maker&#8216; &#8211; if the title didn&#8217;t give that away. Lovely Caption Maker was inspired by a beautiful effect that can be found at some of the more tech-savvy Australian [...]]]></description>
			<content:encoded><![CDATA[<div>
<div style="margin: 1em; position: relative; width: 300px; height: 379px; text-align: center;"><img style="position:relative;" src="http://anniemal.files.wordpress.com/2007/11/heath_ledger_six.jpg" alt="Heath Ledger Jokes" width="300" height="379" /></p>
<div class="caption" style="position:absolute; width:280px; bottom:0; left:0;	margin:5px;	padding-left:5px; padding-right:5px; background:#353535; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70);">
<h3 style="margin-bottom:0.25em; margin-top:0.25em; color:#e7e7e9;">Heath Ledger Jokes</h3>
<p style="margin-bottom:0.5em; margin-left:0.25em; color:#e7e7e9;">They might get old, but he never will. LOL!</p>
</div>
</div>
</div>
<p>A <a href="http://www.logon2.com.au/" target="_blank">new <em>revolutionary (LOL!) </em>tool </a>is available over at <a href="http://www.logon2.com.au/">logon2</a>, it&#8217;s called &#8216;<a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/">Lovely Caption Maker</a>&#8216; &#8211; if the title didn&#8217;t give that away. Lovely Caption Maker was inspired by a beautiful effect that can be found at some of the more tech-savvy Australian Media websites such as The Age and Fox FM. I think ABC was the first place I saw this effect.<span id="more-42"></span></p>
<p>The effect I&#8217;m talking about is the <a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/">semi-transparent</a> (or <a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/">semi opaq</a>, depdinding on your perspective) captions over large(ish) images. What&#8217;s so beautiful about these captions is that they&#8217;re not actually in the image like they have been traditionally. Instead, they use fantastic meaningful, <a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/">semantic, seo-friendly and accessible HTML and CSS</a>.</p>
<p>Since the markup is a little bit complex for popping into CMSs, social networks or emails, I decided to make a tool that could generate them automatially &#8211; since I think I&#8217;ll be using them a lot in the future <img src='http://www.timcinel.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>The distasteful joke on the right is an example of Lovely Captions. Although they can be much prettier. You can use it too, if you dare. Click below for a starting point, or <a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/">start with a blank palette right here</a>.</p>
<p>Example Lovely Captions:</p>
<ul>
<li><a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/?url=http%3A%2F%2Fanniemal.files.wordpress.com%2F2007%2F11%2Fheath_ledger_six.jpg&amp;title=Heath+Ledger+Jokes&amp;caption=They+might+get+old%2C+but+he+never+will.+LOL%21&amp;background=353535&amp;text=e7e7e9&amp;opacity=70&amp;all_inclusive=1">The Heath Ledger Joke</a></li>
<li><a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/?url=http%3A%2F%2Fwww.timcinel.com%2Fwp-content%2Fkevin-rudd.jpg&amp;title=For+The+Last+Time%2C&amp;caption=I+am+not+the+Milky+Bar+Kid.+I+am+obvious+that+I+am+Mr.+Sheen.&amp;background=d2453c&amp;text=FFFFFF&amp;opacity=85&amp;all_inclusive=">Kevin Rudd srsly is not &#8230;</a></li>
<li><a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/?url=http%3A%2F%2Fimages.encyclopediadramatica.com%2Fimages%2Fd%2Fde%2FPedobear_Japanese_Schoolgirls.jpg&amp;title=Pedobear&amp;caption=He+just+loves+the+little+children!&amp;background=000000&amp;text=d1ac6f&amp;opacity=85&amp;all_inclusive=1">We love peddobear</a></li>
<li><a href="http://www.logon2.com.au/tools/lovely-caption-maker-css-transparent-overlay/?url=http://gamesnet.vo.llnwd.net/o1/gamestar/objects/142882_main.jpg&amp;title=Power%20Level?&amp;caption=It%20is%20over%20nine%20thousand%20&amp;background=000000&amp;text=d6b915&amp;opacity=85&amp;all_inclusive=1">Power Level?</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.timcinel.com/2008/lovely-captions-transparent-image-overlays-using-css/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Multi-Comments on myLook</title>
		<link>http://www.timcinel.com/2008/multi-comments-on-mylook</link>
		<comments>http://www.timcinel.com/2008/multi-comments-on-mylook#comments</comments>
		<pubDate>Sat, 15 Mar 2008 14:54:18 +0000</pubDate>
		<dc:creator>Tim Cinel</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[myLook]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.timcinel.com/2008/multi-comments-on-mylook</guid>
		<description><![CDATA[Secretly, the myLook team has been working away at the second attempt at myLook (hopefully this generation is a little bit better). Once nifty feature I&#8217;ve just added is Javascript-driven comments. Here&#8217;s a sample &#8211; try to ignore the bland look, Alex hasn&#8217;t finished the designs. You can have a look at it yourself, if [...]]]></description>
			<content:encoded><![CDATA[<p>Secretly, the myLook team has been working away at the second attempt at myLook (hopefully this generation is a little bit better). Once nifty feature I&#8217;ve just added is Javascript-driven comments.</p>
<p>Here&#8217;s a sample &#8211; try to ignore the bland look, Alex hasn&#8217;t finished the designs. You can have a look at it yourself, if you like at the <a href="http://new.mylook.cc/looks/show/23" target="_blank">new myLook website</a>.</p>
<p align="center"><img src="http://www.timcinel.com/wp-content/shit.jpg" alt="myLook’s New Comment System" /></p>
<p align="center"> <em>myLook.cc&#8217;s new comment system lets users make comments exactly what they&#8217;re talking about, and lets users see the comments they want to see (or not see the ones they don&#8217;t)</em></p>
<p align="left">Keep your eyes open for a how-to guide for the Javascript Show/Hide business on the logon2 blog&#8230;</p>
<p align="left"><font color="#999999"><em>Knock knock?<br />
Who&#8217;s there?<br />
Interrupting cow.<br />
Interuppti&#8230; Moo!<br />
Int.. Moooooo!</em></font></p>
]]></content:encoded>
			<wfw:commentRss>http://www.timcinel.com/2008/multi-comments-on-mylook/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>More ProjectPier Troubles &#8211; Email Alerts</title>
		<link>http://www.timcinel.com/2008/more-projectpier-troubles-email-alerts</link>
		<comments>http://www.timcinel.com/2008/more-projectpier-troubles-email-alerts#comments</comments>
		<pubDate>Sat, 15 Mar 2008 01:16:42 +0000</pubDate>
		<dc:creator>Tim Cinel</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[coding]]></category>
		<category><![CDATA[debugging]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[projectpier]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[solution]]></category>

		<guid isPermaLink="false">http://www.timcinel.com/2008/more-projectpier-troubles-email-alerts</guid>
		<description><![CDATA[I personally think that the latest release of ProjectPier may have been released prematurely. Just by looking at my last day of posts, you might see that there were two pretty serious issues straight after installation. Well, I found another one! After finally getting ProjectPier to send emails through the Mass Mail tool, I thought [...]]]></description>
			<content:encoded><![CDATA[<p>I personally think that the latest release of ProjectPier may have been released prematurely. Just by looking at my last day of posts, you might see that there were two pretty serious issues straight after installation. Well, I found another one!</p>
<p>After <em>finally </em>getting ProjectPier to send emails through the <em>Mass Mail </em>tool, I thought that all systems were go. However, that&#8217;s not true. Today, I didn&#8217;t get any email alerts, even there was activity in a project &#8211; something was wrong. Again, I found my way back to the ProjectPier website <a href="http://www.projectpier.org/node/668#comment-920" target="_blank">where Tim (not me had come up with a solution</a>.</p>
<p>The problem is in the following files:</p>
<ul>
<li><strong> language/en_us/errors.php</strong></li>
<li><strong>language/en_us/site_interface.php</strong></li>
<li><strong>application/models/notifier/Notifier.class.php</strong></li>
</ul>
<p>You need to replace all occurrences of &#8216;<strong>recepient</strong>&#8216; with &#8216;<strong>recipient</strong>&#8216;.  This includes plurals so <em>recepients</em> needs to be changed to <em>recipients</em>, too.</p>
<p>Looks like somebody didn&#8217;t check their code <img src='http://www.timcinel.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  It&#8217;s cool though, I know it&#8217;s easy to do. Somebody that&#8217;s part of the project should recompile it with these fixes. Not me though, I&#8217;m not part of it (yet).</p>
<p><em><font color="#999999">Why didn&#8217;t the bath trust the toilet? Because the toilet was full of shit! (I actually made that one up &#8211; I&#8217;m a joke master)</font></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.timcinel.com/2008/more-projectpier-troubles-email-alerts/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ProjectPier Email and Upload Problems Solved</title>
		<link>http://www.timcinel.com/2008/projectpier-email-and-upload-problems-solved</link>
		<comments>http://www.timcinel.com/2008/projectpier-email-and-upload-problems-solved#comments</comments>
		<pubDate>Fri, 14 Mar 2008 13:58:39 +0000</pubDate>
		<dc:creator>Tim Cinel</dc:creator>
				<category><![CDATA[Engineering]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[opensource]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[projectpier]]></category>
		<category><![CDATA[Projects]]></category>
		<category><![CDATA[solution]]></category>
		<category><![CDATA[troubleshooting]]></category>

		<guid isPermaLink="false">http://www.timcinel.com/2008/projectpier-email-and-upload-problems-solved</guid>
		<description><![CDATA[One of my subjects, &#8220;Enterprise Engineering&#8221;, requires us to form a group to work on a project. Since my group only really gets together once a week, I used this as an excuse to install something I&#8217;ve wanted to for ages &#8211; ProjectPier. After registering this domain, it was the first thing I set up. [...]]]></description>
			<content:encoded><![CDATA[<p>One of my subjects, &#8220;Enterprise Engineering&#8221;, requires us to form a group to work on a project. Since my group only really gets together once a week, I used this as an excuse to install something I&#8217;ve wanted to for ages &#8211; <a href="http://www.projectpier.org/" target="_blank">ProjectPier</a>. After registering this domain, it was the first thing I set up. ProjectPier was <em>really </em>impressive &#8211; it is <em>just </em>as good as, if not better than 37 Sinals&#8217; &#8220;Basecamp&#8221;, except it&#8217;s free! But I soon realised that ProjectPier wasn&#8217;t so great&#8230;</p>
<p align="center">&nbsp;</p>
<p style="text-align: center"><img src="http://www.timcinel.com/wp-content/projectpier.JPG" alt="EEET Project in ProjectPier" /></p>
<p style="text-align: center"><em>ProjectPier after setting up, creating projects, adding tasks and changing the theme.<br />
You really should change the theme, the default one&#8217;s a bit 90&#8242;s.<br />
</em><br />
<span id="more-8"></span> At first I didn&#8217;t notice any problems but once I started using it, there was definitely something wrong. After <em>another </em>day I noticed something else was wrong. The two problems:</p>
<ul>
<li> ProjectPier wouldn&#8217;t allow file uploads to messages, tasks, comments, etc. (Though avatars uploaded properly)</li>
<li>No emails were being sent by ProjectPier. None at all.</li>
</ul>
<p>Well, these two things were serious enough to warrant an &#8230; investigation <img src='http://www.timcinel.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' />  So I obviously did some snooping around and fiddling around. The problem with these issues is that there were mainly no explicit error messages &#8211; only the lack of results (ie. files not uploading, emails not arriving).</p>
<p>Anyway, after some time I found solutions to both issues on the <a href="http://www.projectpier.org/" target="_blank">ProjectPier website</a>:</p>
<h2>ProjectPier File Uploads Failing</h2>
<p>The problem was that ProjectPier thought it wasn&#8217;t allowed to create a directory for file uploads &#8211; apparently it&#8217;s an OS-dependent error. Errors were only sometimes actually reported, but when they were it usually said somthing like &#8220;<em>Failed to create folder</em>&#8220;. Basically, you have to go in and change some code in one of the file routines to fix it. On the ProjectPier website, <a href="http://www.projectpier.org/node/285" target="_blank">Martin came up with a working solution</a>:</p>
<blockquote><p>In <em>/environment/functions/files.php </em>, the function &#8216;<code>force_mkdir' </code>needs to be modified, because this is the function that is incorrectly deciding that it can&#8217;t create the directory. Here&#8217;s Martin&#8217;s code that solves the issue:</p>
<p><code><span style="color: #000000"><span style="color: #0000bb">$real_path </span><span style="color: #007700">= </span><span style="color: #0000bb">str_replace</span><span style="color: #007700">(</span><span style="color: #dd0000">'\\'</span><span style="color: #007700">, </span><span style="color: #dd0000">'/'</span><span style="color: #007700">, </span><span style="color: #0000bb">$path</span><span style="color: #007700">);<br />
</span><span style="color: #0000bb">mkdir</span><span style="color: #007700">(</span><span style="color: #0000bb">$real_path</span><span style="color: #007700">, </span><span style="color: #0000bb">$chmod</span><span style="color: #007700">, </span><span style="color: #0000bb">true</span><span style="color: #007700">);<br />
return </span><span style="color: #0000bb">is_dir</span><span style="color: #007700">(</span><span style="color: #0000bb">$real_path</span><span style="color: #007700">);</span></span></code></p>
<p>The least disruptive way to make the change is to add leave the existing code within the function, but add this code above it, like so:</p>
<p><code><span style="color: #000000"><span style="color: #007700">function </span><span style="color: #0000bb">force_mkdir</span><span style="color: #007700">(</span><span style="color: #0000bb">$path</span><span style="color: #007700">, </span><span style="color: #0000bb">$chmod </span><span style="color: #007700">= </span><span style="color: #0000bb">null</span><span style="color: #007700">) {<br />
</span><span style="color: #0000bb">$real_path </span><span style="color: #007700">= </span><span style="color: #0000bb">str_replace</span><span style="color: #007700">(</span><span style="color: #dd0000">'\\'</span><span style="color: #007700">, </span><span style="color: #dd0000">'/'</span><span style="color: #007700">, </span><span style="color: #0000bb">$path</span><span style="color: #007700">);<br />
</span><span style="color: #0000bb">mkdir</span><span style="color: #007700">(</span><span style="color: #0000bb">$real_path</span><span style="color: #007700">, </span><span style="color: #0000bb">$chmod</span><span style="color: #007700">, </span><span style="color: #0000bb">true</span><span style="color: #007700">);<br />
return </span><span style="color: #0000bb">is_dir</span><span style="color: #007700">(</span><span style="color: #0000bb">$real_path</span><span style="color: #007700">);</span></span></code><code><span style="color: #000000"><span style="color: #dd0000"><br />
\</span></span></code><code><span style="color: #000000"><span style="color: #dd0000">\existing code is down here</span></span></code></p>
<p>Once you&#8217;ve made this change, you&#8217;ll be sharing your project files in no time. Project files and funny pictures of cats.</p></blockquote>
<h2>Emails Not Being Sent by ProjectPier</h2>
<blockquote><p>This solution took a bit longer to find and also came from the ProjectPier website. Although nobody explicitly stated the solution, <a href="http://www.projectpier.org/node/652" target="_blank">one of the posts</a> mentioned an error about &#8220;PHP Safe Mode&#8221;. I realised that I had it enabled for the virual host.</p>
<p>I disabled PHP Safe Mode. Then there was email.</p></blockquote>
<p><em>And that&#8217;s why, you never yell. </em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.timcinel.com/2008/projectpier-email-and-upload-problems-solved/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
