<?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>Eoin O'Sullivan &#187; Web Development</title>
	<atom:link href="http://www.eoinosullivan.ie/tag/web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.eoinosullivan.ie</link>
	<description>Web Developer based in Dublin, Ireland</description>
	<lastBuildDate>Wed, 11 Aug 2010 09:25:12 +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>Using Session Variables in Javascript without Cookies</title>
		<link>http://www.eoinosullivan.ie/using-session-variables-in-javascript-without-cookies/</link>
		<comments>http://www.eoinosullivan.ie/using-session-variables-in-javascript-without-cookies/#comments</comments>
		<pubDate>Fri, 14 May 2010 13:46:45 +0000</pubDate>
		<dc:creator>Eoin</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[client side]]></category>
		<category><![CDATA[cookies]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[session variables]]></category>

		<guid isPermaLink="false">http://www.eoinosullivan.ie/?p=97</guid>
		<description><![CDATA[Until a fully implemented HTML5 spec comes along and solves everyone&#8217;s problems, there are still some tricky issues to be dealt with when trying to store data on the client side. And of course, html5 wont be of much help &#8230; <a href="http://www.eoinosullivan.ie/using-session-variables-in-javascript-without-cookies/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Until a fully implemented HTML5 spec comes along and solves everyone&#8217;s problems, there are still some tricky issues to be dealt with when trying to store data on the client side. And of course, html5 wont be of much help when you&#8217;re still developing for older browsers. For example, take IE7 and it&#8217;s <a target="new" href="http://msdn.microsoft.com/en-us/library/ms531424(VS.85).aspx">userdata</a> implementation. It&#8217;s baffling and can be quite difficult to explain/understand. </p>
<p>In a recent implementation, I also found that it wasn&#8217;t persisting data across an entire website but only for particular pages. So I started to look for an alternative and found this <a href="http://www.thomasfrank.se/sessionvars.html">implementation of session variables without using cookies</a>.  </p>
<p>Cookies are <a href="http://developer.yahoo.com/performance/rules.html#cookie_size">never a good thing</a> and should be reduced at all costs. Remember that they get sent for every request from the domain, even for images and other static files so that&#8217;s using up a lot of bandwidth. Anyways, back to this very clever javascript implementation. This small script allows you to use session variables by manipulating the window object in javascript. It&#8217;s not incredibly secure but it is a very useful means for storing arbitrary pieces of data and is really incredibly clever.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eoinosullivan.ie/using-session-variables-in-javascript-without-cookies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FOWA is coming to Dublin</title>
		<link>http://www.eoinosullivan.ie/fowa-is-coming-to-dublin/</link>
		<comments>http://www.eoinosullivan.ie/fowa-is-coming-to-dublin/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 21:28:54 +0000</pubDate>
		<dc:creator>Eoin</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[dublin]]></category>
		<category><![CDATA[FOWA]]></category>

		<guid isPermaLink="false">http://www.eoinosullivan.ie/fowa-is-coming-to-dublin/</guid>
		<description><![CDATA[The Future Of Web Apps conference is coming to Dublin for the first time in 2009 and they&#8217;re bringing some of the most talented people in the web industry with them. Speakers confirmed for the event so far include David &#8230; <a href="http://www.eoinosullivan.ie/fowa-is-coming-to-dublin/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>The Future Of Web Apps conference is coming to <a href="http://events.carsonified.com/fowa/2009/dublin" title="FOWA Dublin" target="_blank">Dublin</a> for the first time in 2009 and they&#8217;re bringing some of the most talented people in the web industry with them. Speakers confirmed for the event so far include David Heinemeier Hansson from 37signals, Blaine Cook the former twitter developer and Mike Butcher from Techcrunch UK. FOWA always generates a lot of positive attention in the blogosphere and seems to have some very interesting topics up for debate in Dublin. The event will take place at Liberty Hall on Friday the 6th of March, and will be followed by a few drinks at the after party in the Dandelion!!</p>
<p>The first 200 tickets are on sale for €115. The normal cost is €175 so you&#8217;re better off to buy early.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eoinosullivan.ie/fowa-is-coming-to-dublin/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Blueprint CSS Framework</title>
		<link>http://www.eoinosullivan.ie/blueprint-css-framework/</link>
		<comments>http://www.eoinosullivan.ie/blueprint-css-framework/#comments</comments>
		<pubDate>Fri, 03 Oct 2008 18:51:55 +0000</pubDate>
		<dc:creator>Eoin</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[blueprint]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://www.eoinosullivan.ie/blueprint-css-framework/</guid>
		<description><![CDATA[Lately it seems the word framework is being used all over the place, usually it’s in reference to a web development framework like Rails, CakePHP, CodeIgniter, Django or even the javascript frameworks like JQuery and MooTools. So I can't say that I was too surprised to hear that CSS Frameworks are becoming more mainstream. Hopefully this might even see CSS getting a bit more recognition from back-end developers. <a href="http://www.eoinosullivan.ie/blueprint-css-framework/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Lately it seems the word framework is being used all over the place, usually it’s in reference to a web development framework like <a href="http://www.rubyonrails.org/" title="Ruby On Rails" target="_blank">Rails</a>, <a href="http://www.cakephp.org" title="CakePHP" target="_blank">CakePHP</a>, <a href="http://www.codeigniter.com" title="CodeIgniter" target="_blank">CodeIgniter</a>, <a href="http://www.djangoproject.com" title="Django" target="_blank">Django</a> or even the javascript frameworks like <a href="http://www.jquery.com" title="JQuery" target="_blank">JQuery</a> and <a href="http://www.mootools.net" title="Mootools" target="_blank">MooTools</a>. So I can&#8217;t say that I was too surprised to hear that CSS Frameworks are becoming more mainstream. Hopefully this might even see CSS getting a bit more recognition from back-end developers.</p>
<p><strong>Frameworks</strong></p>
<p>When creating websites, development frameworks are an ideal way for back-end developers to rid themselves of the repetitive tasks that are required on each and every occasion &#8211; tasks like building a user management system, handling database access and even the structural organisation of the files and code so that it is easily maintainable and consistent across projects. Rather than having to make these kinds of decisions for each website that you build, a framework can take care of them and leave you to focus on the new websites indiviual features and requirements. Essentially, you&#8217;re starting your project with 25% already completed rather than starting from scratch. And that just makes good sense.</p>
<p>CSS Frameworks can provide similar benefits to front-end developers. So rather than tackling the same tiresome display issues every time you create a website, you can just let the CSS Framework handle it for you. I took a look at a few of the options out there &#8211; <a href="http://www.yaml.de/en/" title="YAML" target="_blank">YAML</a>, <a href="http://developer.yahoo.com/yui/grids" title="Yahoo Grids" target="_blank">Yahoo UI</a>, <a href="http://www.960.gs" title="960" target="_blank">960</a> and decided on using the <a href="http://www.blueprintcss.org/" title="Blueprint CSS Framework" target="_blank">Blueprint</a> CSS framework. It seems to have the best press associated with it and once I looked through the source code I realised that it&#8217;s not too different from the styles I usually like to use.</p>
<p><strong>Blueprint</strong></p>
<p>Blueprint contains seperate source files for each section of the typical CSS file &#8211; reset, grid, typography and forms. It also contains a compressed CSS file containing all the styles to save the amount of http requests your website has to make. Some of the frameworks main features are:</p>
<p>A mass reset of browser default styles.<br />
Excellent defaults for typography using relative sizes, ensuring it will scale well in all browsers.<br />
Easily understandable grid layouts. It only takes 2 minutes to mock up a simple html page with as many columns as you want.<br />
An actual print stylesheet.<br />
Easily modified to use your indiviual syles.</p>
<p>The main aspect of blueprint and most of the other CSS frameworks is its grid-building capabilities. By default, the grids.css file sets up a 950px wide grid of 24 columns. This grid is suitable for any website trying to fit into the typical 1024px width dimensions. It is <a href="http://kematzy.com/blueprint-generator/" title="Blueprint Grid CSS generator" target="_blank">customisable</a> though so if you do want a larger/smaller grid then that isn&#8217;t an issue.</p>
<p>At this point it&#8217;s important to remember that all the elements can be modified. Blueprint is a set of base styles that any developer can use or update to realise the goals of the website. It should not be treated as the complete CSS solution for your project.</p>
<p><strong>Conclusion</strong></p>
<p>Many developers/designers will tell you that CSS frameworks aren&#8217;t neccessary, that talented individuals can write their own code. This is a fair argument, it was my first impression too but having tried Blueprint for a while I&#8217;ve been impressed by its capabilities and I will be using it in future projects. Its class naming system goes against some of the &#8220;semantic&#8221; guidelines that you&#8217;ll see elsewhere but I dont really rate this as an issue. If you think the styles are named incorrectly, then just change the names. The actual CSS code is excellent and cross browser compatible so it&#8217;s worth a look for developers of any level. It&#8217;s also an excellent resource for web designers trying to branch out into the CSS world. And maybe the next step for CSS frameworks is to get included in a web development framework like Rails or Cake. Wouldn&#8217;t that be nice.</p>
<p>Check it out: <a href="http://www.blueprintcss.org/" title="Blueprint CSS Framework" target="_blank">Blueprint </a></p>
<p>UPDATE: There&#8217;s a cheat sheet available at <a href="http://www.digitart.net/blueprintcss/bluebrintcss.pdf" title="Blueprint cheat sheet" target="_blank">digitalart.net</a>  &#8211; a reference page with all the important class names that you can print out and keep while you work.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eoinosullivan.ie/blueprint-css-framework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Symphony &#8211; Web Publishing System</title>
		<link>http://www.eoinosullivan.ie/symphony-web-publishing-system/</link>
		<comments>http://www.eoinosullivan.ie/symphony-web-publishing-system/#comments</comments>
		<pubDate>Mon, 21 Jan 2008 00:27:41 +0000</pubDate>
		<dc:creator>Eoin</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[mysql]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[symphony]]></category>

		<guid isPermaLink="false">http://www.eoinosullivan.ie/index.php/symphony-web-publishing-system/</guid>
		<description><![CDATA[<a target="_blank" href="http://thebignoob.com">The big noob</a> is a website that I really like. It's the blog for the guys that created virb and purevolume. The content on their site is managed by <a target="_blank" href="http://21degrees.com.au/products/symphony/">symphony</a>, a customisable well designed web publishing system which I decided to have a look at. <a href="http://www.eoinosullivan.ie/symphony-web-publishing-system/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://thebignoob.com" target="_blank">The big noob</a> is a website that I really like. It&#8217;s the blog for the guys that created virb and purevolume. The content on their site is managed by <a href="http://21degrees.com.au/products/symphony/" target="_blank">symphony</a>, a customisable well designed web publishing system which I decided to have a look at.</p>
<p>Symphony was created by a small web development team operating out of the Gold Coast in Queensland, Australia. It&#8217;s free to use and having a template engine of pure XSLT appealed to me. From their website &#8211; &#8220;Symphony lets you create small blocks of XSLT code called utilities, which you can use as building blocks to construct your site&#8217;s pages. Due to the nature of XSLT, these utilities are highly reusable, so the next time you&#8217;re developing a website you&#8217;ll probably find you&#8217;ve already done half the work.&#8221;</p>
<p>I had a lot of issues installing the system, it took about 2 days in total. I run vista on my laptop and have apache and php installed and configured prior to this. When I ran the symphony install file, it said i was missing some components like libXSLT. Which is fair enough, as this is is listed in the requirements. I altered my php.ini file to load the libxslt library, restarted apache and the page loaded correctly. I was presented with a set of options for configuring the database, put in my default mysql settings, created a new db in mySQL and created an admin user. This is where I had a lot of issues. It seemed to install correctly and presented me with a login screen. I put in the username/password that I had selected and I got an error &#8211; invalid username. I was confused!! I ran a query on the symphony db to check the users in the db but it returned nothing. Empty table!!</p>
<p>After spending a few hours going through the php code I found that the sql queries were looking in tables prefixed with tbl_ but the tables in my db were prefixed with sym_. I changed the prefix, added my admin user directly into the mysql table and it worked, i could log in.</p>
<p>Next i found that my admin user didn&#8217;t have admin privileges, so i couldn&#8217;t create any pages. Back to the db, gave my user super privileges. Fixed. All options were available. But no pages were being displayed. I ran the default website but I was getting xslt errors. Strange, surely there should be some default home page or something that works out of the box.</p>
<p>And there is, but the install had tried to put them into tbl_pages instead of sym_pages. I found a whole bunch of sql statements in a workspace text file which showed that there should be 6 or 7 pages created by default. I grabbed the sql, replaced tbl_ with sym_ and executed the script. Fixed.</p>
<p>Next I created a new page, browsed to it and got a 404 error. God damn. Back to the product forum again (which is really good by the way). I had to make an alteration to the directory settings in my apache httpd.conf file and enabled mod_rewrite in php.ini &#8211; Fixed. Completely. It works 100%.</p>
<p>The sql table names was really the root of my issues. If they had installed correctly the majority of the issues listed above would not have happened. I&#8217;m not sure why that happened, maybe it was my fault but i just selected the default settings in the install file. The flip side though is that I became very familiar with the php code in symphony, and it&#8217;s good. The admin publishing system is really nice. it looks great, it&#8217;s easy to use and despite the installation issues I am impressed with the product and the xml,xslt idea is great. What&#8217;s really impressive is the debugging feature when you&#8217;re running a website. Append ?debug to a page name and you get to see the xml and xslt that&#8217;s formatting the page. VERY NICE!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eoinosullivan.ie/symphony-web-publishing-system/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 New Year’s Resolutions for the Freelance Developer</title>
		<link>http://www.eoinosullivan.ie/10-new-year%e2%80%99s-resolutions-for-the-freelance-developer/</link>
		<comments>http://www.eoinosullivan.ie/10-new-year%e2%80%99s-resolutions-for-the-freelance-developer/#comments</comments>
		<pubDate>Wed, 02 Jan 2008 00:59:37 +0000</pubDate>
		<dc:creator>Eoin</dc:creator>
				<category><![CDATA[Asides]]></category>
		<category><![CDATA[Freelance]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.eoinosullivan.ie/index.php/2008/01/02/10-new-year%e2%80%99s-resolutions-for-the-freelance-developer/</guid>
		<description><![CDATA[10 New Year’s Resolutions for the Freelance Developer  &#8211; A really good list, quite difficult to do everything on it but I reckon i&#8217;ll get more than half done!!]]></description>
			<content:encoded><![CDATA[<p><a href="http://freelanceswitch.com/working/10-new-year%e2%80%99s-resolutions-for-the-freelance-developer/" target="_blank">10 New Year’s Resolutions for the Freelance Developer</a>  &#8211; A really good list, quite difficult to do everything on it but I reckon i&#8217;ll get more than half done!!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.eoinosullivan.ie/10-new-year%e2%80%99s-resolutions-for-the-freelance-developer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

