<?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>Michael Flanagan &#187; Design</title>
	<atom:link href="http://michael.flanagan.ie/blog/index.php/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://michael.flanagan.ie/blog</link>
	<description>Nothing you can do but you can learn how to be you in time. It's easy.</description>
	<lastBuildDate>Fri, 13 Aug 2010 00:21:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Creating Sexy Stylesheets</title>
		<link>http://michael.flanagan.ie/blog/index.php/32/creating-sexy-stylesheets/</link>
		<comments>http://michael.flanagan.ie/blog/index.php/32/creating-sexy-stylesheets/#comments</comments>
		<pubDate>Fri, 14 Nov 2008 19:46:35 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[slideshare]]></category>
		<category><![CDATA[slideshow]]></category>
		<category><![CDATA[web development]]></category>

		<guid isPermaLink="false">http://michael.flanagan.ie/blog/?p=32</guid>
		<description><![CDATA[Nice SlideShare presentation on creating &#8216;Sexy&#8217;, or well structured, style sheets for your web pages/sites.
Creating Sexy Stylesheets
View SlideShare presentation or Upload your own. (tags: bolton jina)

]]></description>
			<content:encoded><![CDATA[<p>Nice SlideShare presentation on creating &#8216;Sexy&#8217;, or well structured, style sheets for your web pages/sites.</p>
<div style="width:425px;text-align:left" id="__ss_640208"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" href="http://www.slideshare.net/jinabolton/creatingsexystylesheets-presentation?type=powerpoint" title="Creating Sexy Stylesheets">Creating Sexy Stylesheets</a><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=creatingsexystylesheets-1223342675097162-8&#038;stripped_title=creatingsexystylesheets-presentation" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=creatingsexystylesheets-1223342675097162-8&#038;stripped_title=creatingsexystylesheets-presentation" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object>
<div style="font-size:11px;font-family:tahoma,arial;height:26px;padding-top:2px;">View SlideShare <a style="text-decoration:underline;" href="http://www.slideshare.net/jinabolton/creatingsexystylesheets-presentation?type=powerpoint" title="View Creating Sexy Stylesheets on SlideShare">presentation</a> or <a style="text-decoration:underline;" href="http://www.slideshare.net/upload?type=powerpoint">Upload</a> your own. (tags: <a style="text-decoration:underline;" href="http://slideshare.net/tag/bolton">bolton</a> <a style="text-decoration:underline;" href="http://slideshare.net/tag/jina">jina</a>)</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://michael.flanagan.ie/blog/index.php/32/creating-sexy-stylesheets/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The Brand Gap</title>
		<link>http://michael.flanagan.ie/blog/index.php/16/the-brand-gap/</link>
		<comments>http://michael.flanagan.ie/blog/index.php/16/the-brand-gap/#comments</comments>
		<pubDate>Tue, 29 Apr 2008 09:15:07 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[educational]]></category>
		<category><![CDATA[inspirational]]></category>
		<category><![CDATA[presentation]]></category>
		<category><![CDATA[slideshare]]></category>

		<guid isPermaLink="false">http://michael.flanagan.ie/blog/?p=16</guid>
		<description><![CDATA[A wonderful slide show presentation on branding, brought to my attention by Des Traynor.

The presentation itself is by Marty Neumeler of Neutron LLC and is hosted over at the rather excellent SlideShare.
]]></description>
			<content:encoded><![CDATA[<p>A wonderful slide show presentation on branding, <a href="http://twitter.com/destraynor/statuses/799078668">brought to my attention</a> by <a href="http://destraynor.com/">Des Traynor</a>.</p>
<div style="width:425px;text-align:left" id="__ss_28886"><object style="margin:0px" width="425" height="355"><param name="movie" value="http://static.slideshare.net/swf/ssplayer2.swf?doc=the-brand-gap-14630"/><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed src="http://static.slideshare.net/swf/ssplayer2.swf?doc=the-brand-gap-14630" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></div>
<p>The presentation itself is by Marty Neumeler of <a href="http://www.neutronllc.com/">Neutron LLC</a> and is hosted over at the rather excellent <a href="http://www.slideshare.net/coolstuff/the-brand-gap">SlideShare</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://michael.flanagan.ie/blog/index.php/16/the-brand-gap/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Free Software for the Web Professional</title>
		<link>http://michael.flanagan.ie/blog/index.php/9/free-software-for-the-web-professional/</link>
		<comments>http://michael.flanagan.ie/blog/index.php/9/free-software-for-the-web-professional/#comments</comments>
		<pubDate>Mon, 14 Apr 2008 12:30:58 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[OS-X]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[free software]]></category>

		<guid isPermaLink="false">http://michael.flanagan.ie/blog/?p=9</guid>
		<description><![CDATA[Here&#8217;s my choice of top free software for web professionals, across all the platforms. If you have any other suggestions (and I&#8217;m sure there&#8217;s plenty of quality programs I&#8217;ve left out), please leave a comment :


Cross-Platform



GIMP
Often cited as the best free alternative to Photoshop, this is at least a highly capable image editor. Although unfortunately [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s my choice of top free software for web professionals, across all the platforms. If you have any other suggestions (and I&#8217;m sure there&#8217;s plenty of quality programs I&#8217;ve left out), please leave a comment :</p>
<ul>
<li>
<h3>Cross-Platform</h3>
<p><img class="size-full wp-image-4" title="firebug" src="http://michael.flanagan.ie/blog/wp-content/uploads/2008/04/crossplatform.jpg" alt="Cross Platform" /></p>
<ul>
<li>
<h4><a href="http://www.gimp.org/" target="_blank">GIMP</a></h4>
<p>Often cited as the best free alternative to Photoshop, this is at least a highly capable image editor. Although unfortunately for a design tool, the interface can all seem a bit clunky and it gets in the way at times.</li>
<li>
<h4><a href="http://www.inkscape.org/" target="_blank">Inkscape</a></h4>
<p>A very decent vector image editor. Similar to Adobe Illustrator, and a much nicer interface than the GIMP. Recommended.</li>
<li>
<h4><a href="http://synergy2.sourceforge.net/" target="_blank">Synergy</a></h4>
<p>This nifty little application allows you to share one mouse and keyboard with other machines on your home or office network. So when I&#8217;ve got my Windows laptop propped up beside my desktop iMac, I can move control from one machine to the next by simply &#8216;moving the mouse&#8217; from one screen to the next. Really good.</li>
</ul>
</li>
<li>
<h3>Windows</h3>
<p><img class="size-full wp-image-4" title="firebug" src="http://michael.flanagan.ie/blog/wp-content/uploads/2008/04/vista.jpg" alt="Microsoft Windows Vista" /></p>
<ul>
<li>
<h4><a href="http://www.crimsoneditor.com/" target="_blank">Crimson Editor</a></h4>
<p>I&#8217;ve tried many a text/code editor for Windows (such as the amicable Notepad++ and HtmlKit) but I keep coming back to Crimson Editor. It&#8217;s simple, no fuss, highlights my code and works well with my FTP Client and has distinguishable tabs (looks at <em>you</em>, HtmlKit!).</p>
<p>One thing it doesn&#8217;t do is code auto-compleation &#8211; and that is missed at times. Still recommended.</li>
<li>
<h4><a href="http://www.smartftp.com/" target="_blank">SmartFTP</a></h4>
<p>I still haven&#8217;t really found a decent free/open-source FTP client for Windows, so I use this one. It&#8217;s free for non-commercial uses and costs $50 for a professional licence.</li>
<li>
<h4><a href="http://www.chiark.greenend.org.uk/~sgtatham/putty/">Putty</a></h4>
<p>A small, free, telnet/SSH client for Windows. Does the job well.</li>
</ul>
</li>
<li>
<h3><strong>Apple OS-X</strong></h3>
<p><img class="size-full wp-image-4" title="firebug" src="http://michael.flanagan.ie/blog/wp-content/uploads/2008/04/osx.jpg" alt="Apple OS-X" /></p>
<ul>
<li> I&#8217;ve found it extremely difficult to find decent free software for OS-X, but there certainly is a number of reasonably priced and very good software options out there. I use <a href="http://www.panic.com/coda/" target="_blank">Coda</a> for text editing and FTP access. It costs $79 for a licence and is, in all honesty, totally worth it.</li>
</ul>
</li>
<li>
<h3>Linux (KDE)</h3>
<p><img class="size-full wp-image-4" title="firebug" src="http://michael.flanagan.ie/blog/wp-content/uploads/2008/04/ubuntu.jpg" alt="Ubuntu Linux" /></p>
<ul>
<li>
<h4><a href="http://quanta.kdewebdev.org/">Quanta+</a></h4>
<p>A really decent, though quite bulky, code editor for KDE. Includes every feature you could want, and then some. If you use KDE, get Quanta+.</li>
</ul>
</li>
</ul>
<p>See also : <a href="http://michael.flanagan.ie/blog/index.php/1/firefox-plugins-for-the-web-professional/">Firefox Plugins for the Web Professional</a></p>
]]></content:encoded>
			<wfw:commentRss>http://michael.flanagan.ie/blog/index.php/9/free-software-for-the-web-professional/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Firefox Plugins for the Web Professional</title>
		<link>http://michael.flanagan.ie/blog/index.php/1/firefox-plugins-for-the-web-professional/</link>
		<comments>http://michael.flanagan.ie/blog/index.php/1/firefox-plugins-for-the-web-professional/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 12:43:04 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[free software]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://michael.flanagan.ie/blog/?p=1</guid>
		<description><![CDATA[While every web designer or developer should realise the need to maintain a working installation of all the major &#8211; and some not-so-major &#8211; web browsers, such as Mozilla Firefox, IE6, IE7, Opera and Apple&#8217;s Safari, it&#8217;s undoubtedly the Firefox browser which has become the darling of the web.
It&#8217;s the browser that kick-started a whole [...]]]></description>
			<content:encoded><![CDATA[<p><img style="float : right; margin-right : 10px;" src="http://michael.flanagan.ie/blog/wp-content/uploads/2008/04/firefox-logo1.png" alt="Mozilla Firefox" title="firefox-logo" />While every web designer or developer should realise the need to maintain a working installation of all the major &#8211; and some not-so-major &#8211; web browsers, such as <a href="http://www.mozilla.com/firefox/" onclick="target='_blank'" onkeypress="target='_blank'">Mozilla Firefox</a>, <a href="http://tredosoft.com/Multiple_IE" onclick="target='_blank'" onkeypress="target='_blank'">IE6</a>, <a href="http://www.microsoft.com/windows/products/winfamily/ie/default.mspx" onclick="target='_blank'" onkeypress="target='_blank'">IE7</a>, <a href="http://www.opera.com">Opera</a> and <a href="http://www.apple.com/safari/" onclick="target='_blank'" onkeypress="target='_blank'">Apple&#8217;s Safari</a>, it&#8217;s undoubtedly <strong>the Firefox browser</strong> which has become the darling of the web.</p>
<p>It&#8217;s the browser that kick-started a whole new and much needed era of &#8216;<a href="http://en.wikipedia.org/wiki/Browser_wars" onclick="target='_blank'" onkeypress="target='_blank'">Browser Wars</a>&#8216; and arguably still one of the best all round browsing experiences out there, but it&#8217;s also the large amount of often outstanding plug-ins available for the browser which have, in my mind, got much to do with it&#8217;s continued success.</p>
<p>Here&#8217;s a top selection of plugins for Firefox to aid and assist the lowly web professional. If you know of any others, shout it out in the comments  :</p>
<h3>Firebug</h3>
<p>
<img src="http://michael.flanagan.ie/blog/wp-content/uploads/2008/04/firebug.png" alt="Screenshot of Firebug Plugin for Firefox" title="firebug" width="520" height="175" class="size-full wp-image-4" /><br />
I recently <a href="http://twitter.com/micflan/statuses/769809113">asked my Twitter followers</a> to shout-out any Firefox plugins which they deemed essential and many were quick to respond : Firebug. Since installing it I think I&#8217;ve used it more than any other web design/development plugin I own.</p>
<p>Firebug sits in the lower section of your browser window and allows you to easily inspect, view and edit many aspects of a page &#8216;on the fly&#8217;, to name only it&#8217;s primary functions. It&#8217;s an outstanding plugin and I&#8217;m really not too sure how I survived so long without it.</p>
<p><a href="http://www.getfirebug.com/" onclick="target='_blank'" onkeypress="target='_blank'">Download Firebug</a>.</p>
<h3>Web Developers Toolbar</h3>
<p>
<img src="http://michael.flanagan.ie/blog/wp-content/uploads/2008/04/webdevtoolbar.png" alt="Screenshot of Web Developers Toolbar Plugin for Firefox" title="webdevtoolbar" width="520" height="175" class="size-full wp-image-4" /><br />
While some features overlap with (and are outdone by) the nicer, shinier Firebug, I still think it&#8217;s a good idea to have Web Developers Toolbar installed.</p>
<p>Among many other things the Web Developers Toolbar offers quick access to information on images, forms, mark-up and stylesheets, cookies and the W3C validators either via the titular toolbar or (my preferred method) a handy context-menu.</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/60" onclick="target='_blank'" onkeypress="target='_blank'">Download Web Developers Toolbar</a>.</p>
<h3>Colorzilla</h3>
<p>
<img src="http://michael.flanagan.ie/blog/wp-content/uploads/2008/04/colorzilla.png" alt="Screenshot of Colorzilla Plugin for Firefox" title="colorzilla" width="520" height="175" class="size-full wp-image-4" /><br />
Colorzilla is a beautifully simple yet utterly indispensable little plugin. All it does is place a little eye-dropper icon at the bottom of your browser window which, once clicked, allows you to point and pick colours from within the current webpage. It&#8217;s brilliant.</p>
<p><a href="http://www.iosart.com/firefox/colorzilla/" onclick="target='_blank'" onkeypress="target='_blank'">Download Colorzilla</a>.</p>
<h3>MeasureIt</h3>
<p>
<img src="http://michael.flanagan.ie/blog/wp-content/uploads/2008/04/measureit.png" alt="Screenshot of MeasureIt Plugin for Firefox" title="measureit" width="520" height="175" class="size-full wp-image-4" /></p>
<p>Another simple one that I use a lot. MeasureIt also manifests itself as a small icon in the status bar which this time allows you to click-and-drag to measure rectangular spaces on the page. Very useful.</p>
<p><a href="http://www.kevinfreitas.net/extensions/measureit/" onclick="target='_blank'" onkeypress="target='_blank'">Download MeasureIt</a></p>
<h3>Honourable Mentions</h3>
<p>
A couple of other excellent plugins and extensions which aren&#8217;t strictly for the web-pro, but come in handy all the same :</p>
<h4><a href="https://addons.mozilla.org/en-US/firefox/addon/3615" onclick="target='_blank'" onkeypress="target='_blank'">Delecious Bookmarks</a></h4>
<p>
This one plugs your Firefox bookmarks directly into your del.icio.us social bookmarking account, which means a much more useful bookmarking experience and the accessing the same bookmarks across multiple machines, either by connecting with the same account via the plug-in or on your webpage at del.icio.us. Indispensable.</p>
<h4><a href="http://www.piclens.com/" onclick="target='_blank'" onkeypress="target='_blank'">PicLens</a></h4>
<p>PicLens, by CoolIris, takes web based photo galleries to the next level by stitching them altogether in a beautiful full-screen swooshing 3D display. It supports many existing picture and photo websites right out of the box, including <a href="http://www.flickr.com/" onclick="target='_blank'" onkeypress="target='_blank'">Flickr</a>, <a href="http://www.pix.ie/" onclick="target='_blank'" onkeypress="target='_blank'">Pixie</a> and even a normal Google Image search, and as <a href="http://www.davidbehan.com/blog/design-inspiration-using-piclens-16/" onclick="target='_blank'" onkeypress="target='_blank'">David Behan points out on his blog</a> can also be very useful to the web designer in search of the perfect stock image.</p>
]]></content:encoded>
			<wfw:commentRss>http://michael.flanagan.ie/blog/index.php/1/firefox-plugins-for-the-web-professional/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
