<?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>Monday By Noon &#187; Linux</title>
	<atom:link href="http://mondaybynoon.com/tag/linux/feed/" rel="self" type="application/rss+xml" />
	<link>http://mondaybynoon.com</link>
	<description>A resource for Web designers and developers to read about and discuss their craft.</description>
	<lastBuildDate>Wed, 08 Feb 2012 13:49:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>AdaptableGIMP</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20110523%2Fadaptablegimp%2F&#038;seed_title=AdaptableGIMP</link>
		<comments>http://mondaybynoon.com/20110523/adaptablegimp/#comments</comments>
		<pubDate>Mon, 23 May 2011 15:34:25 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Asides]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[AdaptableGIMP]]></category>
		<category><![CDATA[GIMP]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=1721</guid>
		<description><![CDATA[AdaptableGIMP I haven&#8217;t forgotten my Linux roots, and always do my best to keep up to date with the progressions there. Admittedly, I&#8217;m more passive about it now, but always get excited when I see a new version of Ubuntu come out. Naturally a huge concern of mine when I used Ubuntu as a primary [...]<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=1721&c=1252063471' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=1721&c=1252063471' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.adaptablegimp.org/w/Welcome_to_AdaptableGIMP">AdaptableGIMP</a></p>
<p>I haven&#8217;t forgotten my Linux roots, and always do my best to keep up to date with the progressions there. Admittedly, I&#8217;m more passive about it now, but always get excited when I see a new version of <a href="http://www.ubuntu.com/">Ubuntu</a> come out.</p>
<p>Naturally a huge concern of mine when I used Ubuntu as a primary operating system was image editing. Adobe has the industry standard, but I always root for the underdog.</p>
<p><a href="http://www.gimp.org/">GIMP</a> (GNU Image Manipulation Program) is by far <strong>one of the most impressive contributions to open source I&#8217;ve ever seen</strong>. I know many people have taken issue with UI decisions over the years, but you have to admit it&#8217;s a stunningly impressive piece of software that&#8217;s been ongoing and active for almost as long as I can remember.</p>
<p>The latest thing to really impress me about GIMP is <a href="http://www.adaptablegimp.org/">AdaptableGIMP</a>, which is</p>
<blockquote><p>&#8230; a modified version of the GNU Image Manipulation Program that makes it easy to create and share task-based interface customizations.</p></blockquote>
<p>There&#8217;s some really neat innovation happening here, which even as a partially experienced GIMP user I&#8217;d find helpful. The fact that it&#8217;s community powered in a sense is even more exciting. Check it out:</p>
<p><object width="500" height="306"><param name="movie" value="http://www.youtube.com/v/qP8c2R8YEb4?version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/qP8c2R8YEb4?version=3" type="application/x-shockwave-flash" width="500" height="306" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>So, in essence here, the UI updates itself to accommodate your specific task at hand, and tries to be as helpful as possible (without interfering) along the way. I&#8217;ll be keeping my eye on this.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=1721&c=508785643' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=1721&c=508785643' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20110523/adaptablegimp/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Adding APC to MediaTemple Grid Service</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20101231%2Fadding-apc-to-mediatemple-grid-service%2F&#038;seed_title=Adding+APC+to+MediaTemple+Grid+Service</link>
		<comments>http://mondaybynoon.com/20101231/adding-apc-to-mediatemple-grid-service/#comments</comments>
		<pubDate>Fri, 31 Dec 2010 16:07:50 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Asides]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[(gs)]]></category>
		<category><![CDATA[APC]]></category>
		<category><![CDATA[cache]]></category>
		<category><![CDATA[Grid-Service]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Media Temple]]></category>
		<category><![CDATA[optimization]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=1493</guid>
		<description><![CDATA[Adding APC to MediaTemple Grid Service &#124; GeekTank. I still use Media Temple&#8217;s Grid-Service to host a number of development sites as well as some daily-use applications. I happened to be working on Iron to Iron&#8217;s production server, making some optimizations to APC (Alternative PHP Cache) which I use in conjunction with W3 Total Cache. [...]<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=1493&c=2123010923' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=1493&c=2123010923' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://geektank.net/2010/11/adding-apc-to-mediatemple-grid-service/">Adding APC to MediaTemple Grid Service | GeekTank</a>.</p>
<p>I still use <a href="http://irontoiron.com/hosting">Media Temple&#8217;s Grid-Service</a> to host a number of development sites as well as some daily-use applications. I happened to be working on Iron to Iron&#8217;s production server, making some optimizations to <a href="http://php.net/manual/en/book.apc.php">APC</a> (Alternative PHP Cache) which I use in conjunction with <a href="http://wordpress.org/extend/plugins/w3-total-cache/">W3 Total Cache</a>.</p>
<p class="update">If you&#8217;re not caching your WordPress installs I definitely suggest getting on board with <a href="http://wordpress.org/extend/plugins/w3-total-cache/">W3</a> &#8212; it&#8217;s honestly stellar.</p>
<p>While I was poking around some documentation, I stumbled across a quick how-to on <a href="http://geektank.net/2010/11/adding-apc-to-mediatemple-grid-service/">making APC work with (mt)&#8217;s (gs)</a>. I&#8217;m not sure why it never occurred to me that it&#8217;d work, but it&#8217;s great! If you&#8217;re running your WordPress site on <a href="http://irontoiron.com/hosting">Media Temple&#8217;s Grid-Service</a>, definitely take a few minutes to get APC up and running with W3 Total Cache.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=1493&c=1398976323' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=1493&c=1398976323' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20101231/adding-apc-to-mediatemple-grid-service/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>&#8226; Crop and Resize Images with GD or ImageMagick (v1.1)</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20071217%2Fcrop-and-resize-images-with-gd-or-imagemagick-v11%2F&#038;seed_title=%26%238226%3B+Crop+and+Resize+Images+with+GD+or+ImageMagick+%28v1.1%29</link>
		<comments>http://mondaybynoon.com/20071217/crop-and-resize-images-with-gd-or-imagemagick-v11/#comments</comments>
		<pubDate>Mon, 17 Dec 2007 08:12:20 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Examples]]></category>
		<category><![CDATA[Favorites]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Workbench]]></category>
		<category><![CDATA[crop]]></category>
		<category><![CDATA[Cropper UI]]></category>
		<category><![CDATA[demo]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[GD]]></category>
		<category><![CDATA[ImageMagick]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[resize]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/2007/12/17/crop-and-resize-images-with-gd-or-imagemagick-v11/</guid>
		<description><![CDATA[A new GD version has been released to complement the ImageMagick crop and resize with JavaScript and PHP. Crop and resize images from within your browser.<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=113&c=556273020' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=113&c=556273020' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>Over the past couple weeks, <a href="/2007/01/22/crop-resize-with-javascript-php-and-imagemagick/#comments">conversation has picked up quite a bit</a> surrounding the <a href="/2007/01/22/crop-resize-with-javascript-php-and-imagemagick/#comments">Crop &amp; Resize with JavaScript, PHP, and ImageMagick</a> demo I put together nearly a year ago. There were quite a few requests made in the comments, and there were even some developers beginning to offer their very own code. I&#8217;ve always meant to revisit the example and beef up the feature set a bit, and I&#8217;ve finally been able to do just that.</p>
<h2>Crop and Resize with GD</h2>
<p>Above all, the most asked question was &#8220;<a href="/2007/01/22/crop-resize-with-javascript-php-and-imagemagick/#comment-7477">why only ImageMagick</a>&#8220;? I really don&#8217;t have a solid answer for that, other than the project itself was a way for me to get into using <a href="http://www.imagemagick.org/">ImageMagick</a> in a bit more detail than I ever had. I&#8217;m very happy to say that this version (as well as any future versions) now has equivalent ImageMagick <em>and GD</em> installations. You can choose one or the other in both the demo and download sections.</p>
<p><a class="demo" href="/examples/crop-resize/1.1/gd/">Demo: GD Crop and Resize v1.1</a></p>
<p><a class="demo" href="/examples/crop-resize/1.1/imagemagick/">Demo: ImageMagick Crop and Resize v1.1</a></p>
<p class="update">The demos and downloads have been removed temporarily due to a security issue. Replacements will be linked as soon as possible. Thank you for your patience. Please discontinue use as soon as possible until a revision has been posted.</p>
<p>Converting to <a href="http://www.boutell.com/gd/">GD</a> wasn&#8217;t a major undertaking thanks to the helpful comments on version 1.0. It did take some time getting the slider to properly convey dimensions that would result in an accurate recreation of the image. One thing I have noticed is that the GD version seems to result in lower quality output when compared directly to ImageMagick. If you&#8217;ve got a server with both GD and ImageMagick installed, take a minute to use the same image in both demos to see what the differences are. I plan on looking into this much further, but if you&#8217;re a bit more knowledgeable on the subject, I&#8217;d love to hear what you have to say. Could the answer be that ImageMagick is simply a superior piece of software? I noticed that GD gives you the option to control the quality of images when using certain functions, so I left image output at 90% for the time being (the default is 75%).</p>
<p>If you have any positive or negative experiences with the new GD version, please feel free to post your findings either below, or in an email to me. I&#8217;d be greatly appreciative of any data that comes through.</p>
<h3>Updates to the server side</h3>
<p>There were a number of fixes that needed to be done to the server side of things straight away. First and foremost was Linux dependency. I must admit, a Windows server didn&#8217;t cross my mind when I was working on version 1.0, so I tried to polish things up a bit in that regard. The <code>mv</code> lines have been replaced, as well as an update or two elsewhere. There could very well be some more Windows-specific issues to be dealt with, unfortunately I don&#8217;t have any Windows servers at my disposal to test with. Feedback in this area will be particularly helpful.</p>
<p>A small series of updates I made was to the file upload process itself. The example now only accepts files with a MIME type of <code>image/jpeg</code>. Future versions will allow for more image formats, but I&#8217;d like to do some more research before including it. There are also some checks on the filenames themselves, as there were some issues with particular circumstances in version 1.0.</p>
<p>There was some logic repair regarding the <code>$maxWidth</code> and <code>$maxHeight</code> variables you can set in the first step. As per request, <code>$minWidth</code> and <code>$minHeight</code> have also been added. This should allow you to really narrow down what image dimensions will result using these variables in conjunction with the <a href="http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/">Cropper UI</a>. One issue that has not been included yet is taking the minimum and maximum values set in the first step into account when users have reached the resize stage of version 1.1. This will be handled in a future release.</p>
<p>Finally, the last noticeable feature to be added server side was the inclusion of <a href="/2007/01/22/crop-resize-with-javascript-php-and-imagemagick/#comment-25838">image rotation</a>. When the final image is presented, image rotations of 90, 180, and 270 degrees will be available as well. You&#8217;re able to pull apart the code to retrieve which image you&#8217;d like to use, and can also include auto-generation using a form whenever you&#8217;d like. This was a larger hill to climb when it came to GD as none of the servers I have access to had PHP compiled with GD bundled, therefore giving me no access to <a href="http://www.php.net/imagerotate"><code>imagerotate()</code></a>. As reflected in the source, <a title="Alternative PHP function for imagerotate()" href="http://www.php.net/manual/en/function.imagerotate.php#73446">a function was written as an alternative</a>, and appears to work just fine. It checks to see if <code>imagerotate()</code> is available before taking the extra <abbr title="Central Processing Unit">CPU</abbr> cycles doing it &#8216;by hand&#8217;.</p>
<p><span id="more-113"></span></p>
<h3>Updates to the <a href="http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/">Cropper UI</a></h3>
<p>I can&#8217;t credit <a href="http://www.defusion.org.uk/">Dave Spurr</a> enough for his <a href="http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/">Cropper UI</a> that powers the entire front end of the cropping mechanism this installation provides. He had made a number of updates after my version 1.0 release, so first things first I went ahead and upgraded to his most recent version.</p>
<p>The second most asked for feature was a specific alteration to the Cropper UI itself. Whether it be minimum dimensions, maximum dimensions, or something else, it seemed like many people would like to use the script, but the openness of the Cropper UI was in fact a limitation. I made an effort to indicate that Dave Spurr included many of the requested features right out the box and documented them well on his website. To help with the version 1.1 demo, I&#8217;ve included a few Cropper UI instances to demonstrate its robustness. When you check out the demo, you&#8217;ll see a new option to choose the crop type you&#8217;d like to use. I&#8217;ve included the following by default:</p>
<dl>
<dt>Basic crop</dt>
<dd>Includes the most basic version of the Cropper UI. Unrestricted as far as crop dimension is concerned.</dd>
<dt>Ratio (16:9)</dt>
<dd>A 16:9 ratio will be applied to the Cropper UI. There are no restrictions for width or height.</dd>
<dt>Minimum Dimensions (200&#215;200)</dt>
<dd>The Cropper UI will require a minimum 200px by 200px crop area and will not allow anything less.</dd>
<dt>Minimum Dimensions (200&#215;200) with Ratio (1:1)</dt>
<dd>The Cropper UI will require a minimum 200px by 200px crop area and will not allow anything less. It will also apply a 1 to 1 ratio when adjusting the crop area.</dd>
<dt>Maximum Dimensions (200&#215;200)</dt>
<dd>The Cropper UI will require a maximum 200px by 200px crop area and will not allow anything less.</dd>
<dt>Maximum Dimensions (200&#215;200) with Ratio (1:1)</dt>
<dd>The Cropper UI will require a maximum 200px by 200px crop area and will not allow anything less. It will also apply a 1 to 1 ratio when adjusting the crop area.</dd>
<dt>Fixed Dimensions (200&#215;200)</dt>
<dd>You&#8217;re provided with a crop area at a fixed size of 200px by 200px. The drag handles are also removed as an added convenience.</dd>
<dt>Minimum Dimensions (100&#215;100) &amp; Maximum Dimensions (200&#215;200)</dt>
<dd>With this option, you&#8217;re limited to a crop area range scaling from 100px by 100px to 200px by 200px.</dd>
</dl>
<p>The Cropper UI is quite impressive in and of itself as you can see by the number of options you can apply by changing some values. For example, one thing I didn&#8217;t include in the demo is a Cropper UI that is limited to minimum and maximum dimensions as well as an aspect ratio of 1:1. You can easily invoke a Cropper UI with these attributes by creating a new file (<code>lib/init_cropper/min_max_ratio.js</code> for example) and inserting the following:</p>
<pre class="sh_javascript"><code>function onEndCrop(coords, dimensions) {
	$('cropX').value = coords.x1;
	$('cropY').value = coords.y1;
	$('cropWidth').value = dimensions.width;
	$('cropHeight').value = dimensions.height;
}

Event.observe( window, 'load', function() {
	new Cropper.Img(
		'cropImage', {
			ratioDim: { x: 1, y: 1 },
			minWidth: 200,
			minHeight: 200,
			maxWidth: 300,
			maxHeight: 300,
			onEndCrop: onEndCrop
		}
	);
});</code></pre>
<p>Swapping in this JavaScript would invoke a new Cropper UI for your image with a minimum dimension of 200px by 200px, a maximum dimension of 300px by 300px, as well as an aspect ratio of 1:1. Going further, you&#8217;re also able to specify a minimum or maximum for a height or width alone. This will result in a Cropper UI with handles only on the top and bottom if you wish. I would definitely suggest checking out the official website for <a href="http://www.defusion.org.uk/code/javascript-image-cropper-ui-using-prototype-scriptaculous/">Dave Spurr&#8217;s Cropper UI</a> for more details</p>
<h3>Download &amp; installation instructions</h3>
<p>Installation is very straightforward. Download links to follow.</p>
<ol>
<li>Download the GD or ImageMagick version</li>
<li>Extract</li>
<li>Upload to your webserver</li>
<li><em>Give write permissions</em> to the <code>working</code> folder and subfolders</li>
<li>Begin using the demo</li>
</ol>
<p><a class="zipDownload" href="/examples/crop-resize/1.1/download/crop-resize-gd-1.1.zip">Download GD Crop and Resize v1.1 (.zip)</a></p>
<p><a class="zipDownload" href="/examples/crop-resize/1.1/download/crop-resize-imagemagick-1.1.zip">Download ImageMagick Crop and Resize v1.1 (.zip)</a></p>
<p class="update">The demos and downloads have been removed temporarily due to a security issue. Replacements will be linked as soon as possible. Thank you for your patience. Please discontinue use as soon as possible until a revision has been posted.</p>
<p>Many times, if you&#8217;re experiencing odd behavior such as pages turning up blank, there is an issue with write permissions on your server. The demo will need write access to the directory in which it is stored as well as the <code>working</code> folder and all folders within it. Errors with the code itself will more than likely be output to the screen. If that happens, please feel free to post your errors at your earliest convenience.</p>
<h3>What about AJAX?</h3>
<p>Another request that popped up more than once was a request for an AJAX version, something that didn&#8217;t require the page to reload. I thought about working out something such as that but quickly dismissed it, at least for now. My intention with this project was to provide something which would be used by the widest audience possible. Too many times have I seen examples too far into their own development to prevent me from writing something from scratch. In my opinion, an AJAX version of this example would prevent easy adoption and inclusion for many developers. AJAX may be a possibility for a future version, but I&#8217;d like to seriously consider as many angles as possible. This directly relates to the (lack of) design when looking at the demonstration. I wanted to keep things minimal in order to create the least work for anyone who wants to try incorporating this into something they&#8217;ve written.</p>
<p>I hope at the very least, the GD version presents itself as useful to at least a few people over the coming months. I do plan continuing work on future version, I simply hope it doesn&#8217;t take as long as this revision has. Please provide any comments you&#8217;d like, especially bug reports, and enjoy the demo!</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=113&c=1544229577' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=113&c=1544229577' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20071217/crop-and-resize-images-with-gd-or-imagemagick-v11/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>&#8226; I&#8217;ve Switched from Linux and Settled on OS X</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20071126%2Five-switched-from-linux-and-settled-on-os-x%2F&#038;seed_title=%26%238226%3B+I%26%238217%3Bve+Switched+from+Linux+and+Settled+on+OS+X</link>
		<comments>http://mondaybynoon.com/20071126/ive-switched-from-linux-and-settled-on-os-x/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 13:54:30 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Macintosh]]></category>
		<category><![CDATA[OS X]]></category>
		<category><![CDATA[TextMate]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/2007/11/26/ive-switched-from-linux-and-settled-on-os-x/</guid>
		<description><![CDATA[Two of the more popular articles I&#8217;ve ever posted to this site are Linux and Web Development Intro and Linux and Web Development Part 2. In each piece, I documented my transition from using Windows my entire life to working with Linux (Ubuntu particularly). I first began working with Linux at home, I came to [...]<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=109&c=1521529680' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=109&c=1521529680' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>Two of the more popular articles I&#8217;ve ever posted to this site are <a href="/2006/07/03/linux-and-web-development-intro/">Linux and Web Development Intro</a> and <a href="/2006/09/11/linux-and-web-development-part-2/">Linux and Web Development Part 2</a>. In each piece, I documented my transition from using <a href="http://en.wikipedia.org/wiki/Microsoft_Windows">Windows</a> my entire life to working with <a href="http://en.wikipedia.org/wiki/Linux">Linux</a> (<a href="http:/www.ubuntu.com">Ubuntu</a> particularly). I first began working with Linux at home, I came to really enjoy the operating system as well as the power it gave you to alter and customize just about anything you wanted. After spending enough time with the operating system, I wanted to really see if it was ready for me to use as a primary environment at work as well. Luckily, the office in which I work doesn&#8217;t have any sort of restriction in place as far as operating systems are concerned. I was successful in my transition to Linux for work as well, and that was using Ubuntu 6.06 (Dapper Drake). I documented my findings, my successes, and my failures in those two articles. Overall, I was quite pleased with Linux after getting used to the changes. Settling on an operating system is a very personal choice, and I was happy to finally have given myself the opportunity to choose between more than <a href="http://en.wikipedia.org/wiki/Windows_XP">Windows XP</a> and Windows XP.</p>
<h2>So why did I switch to OS X?</h2>
<p>There was a long time where I had no interest in anything <a href="http://www.apple.com">Apple</a> was doing. I&#8217;m not sure how to provide much detail, but I was put off by Macs since working with them in high school. There are a number of Macs in my office, but a lack of interest prevented me from doing much of anything with them.</p>
<p>It&#8217;s no secret that Apple stole the hearts of so many people in the design and development communities. Each may have their own reasons, and many take the time to let others know why they enjoy Apple so very much. Their reason didn&#8217;t appear to be because they&#8217;re (all) blatantly against Microsoft, the reason seemed different. When the Internet repeatedly became, dare I say, <em>plagued</em> with articles written about just about anything going on in Cupertino; my interest was piqued. To put things simply, I wanted to see what all the fuss was about.</p>
<h3>It was about the software</h3>
<p>A major driving force for my interest in <a href="http://en.wikipedia.org/wiki/Mac_OS_X">OS X</a> was the software. Time after time I would read an article referencing this gift of an application; <a href="http://macromates.com/">TextMate</a>. I watched a few screencasts and my jaw dropped; snippets would change the way I work <em>completely!</em> I tried my hardest to find a Linux equivalent, and ended up finding something that would suffice by <a href="/2007/03/12/using-scite-with-textmate-style-snippets/">using SciTE with TextMate style snippets</a>. I was instantly hooked to tab-triggers. Not only do they save you many keystrokes, they can help you avoid frustration from forgetting a quote or semicolon somewhere. I came across <a href="http://www.e-texteditor.com/">E Text Editor</a> at some point, and was again drawn to TextMate. The application was far superior to what I had pieced together using SciTE; I really wanted to learn more about it. Reading a few articles had me convinced that it truly was a fantastic editor for my personal use.</p>
<p>Another factor contributing to my eventual Apple endeavor was <a href="http://www.adobe.com">Adobe</a>. While I had no major problems using a virtual machine to get Windows XP up and running, it was quite a resource hog paired up with <a href="http://en.wikipedia.org/wiki/Adobe_Photoshop">Photoshop</a>. Booting the <abbr title="Virtual Machine">VM</abbr> and then running Photoshop would bring the machine from a steady sprint down to a moderate jog. Slicing and cutting comps approached annoying in the increased time it took to get things done. While running Windows inside a VM really wasn&#8217;t a huge deal, I&#8217;ve got a bit of <abbr title="Obsessive Compulsive Disorder">OCD</abbr> when it comes to productivity.</p>
<p>Additionally, I began to question what I would do five years down the road when it came to working in Photoshop. It&#8217;s flat out essential for me at work. I tried to picture Adobe taking the time to announce their effort to port the most popular applications from the <a href="http://en.wikipedia.org/wiki/Adobe_Creative_Suite">Creative Suite</a> to Linux, but we all know that isn&#8217;t happening any decade soon. I refused to explore the possibility of running <a href="http://en.wikipedia.org/wiki/Windows_Vista">Windows Vista</a>, so would I continue to use Windows XP until the day I retire? Neither option sounded very compelling.</p>
<h3>It was about the hardware</h3>
<p>It&#8217;s true that there have been quite a few articles published which act as a horror-filled documentation of an individual experience with Apple, but they&#8217;re computers. Bad things happen from time to time, take a look at some of the review threads on <a href="http://www.newegg.com">Newegg</a>, you&#8217;ll find opinions from one end of the spectrum to the other for nearly every product available. Overall, I heard many good things about the hardware itself. I checked things out in more detail and I was impressed with what I found. The build quality of Apple hardware is impressive, and that&#8217;s a huge selling point for me. I&#8217;ve had my fair share of &#8220;discount&#8221; hardware and been sorely disappointed.</p>
<p>One thing I was also looking forward to was the &#8220;it just works&#8221; factor. With Linux, things will definitely work, it&#8217;s just that sometimes they require a bit of elbow grease to get the gears turning. If you&#8217;re into that sort of thing (which I can truly say I am), then Linux is really that much more fitting for you. I had a lot of fun working with Linux, but when it came down to it, I wanted to get work done faster. Plugging in an external monitor and having OS X automatically enable the display and find the native resolution was a welcome change to editing <samp>xorg.conf</samp>. There are many more details about the hardware itself that was a selling point, but the overall quality of Apple products was another attractive feature to look forward to.</p>
<h3>At the end of the day</h3>
<p>Finally, I went ahead and picked up a MacBook running a 2GHz Intel Core 2 Duo, popped in 2 gigs of <acronym title="Random Access Memory">RAM</acronym>, and went on my way. The first couple days were all discovery, but nothing out of the ordinary. I had spent nearly two years in a Linux-only environment, so I was partially used to working with an entirely new operating system.</p>
<p>I made the switch to Mac about six months before the time of this writing, and I can say that overall I&#8217;m glad I did. I now see why so many designers and developers simply love OS X. With a bit of tinkering, you could make a Linux installation look quite good, but OS X is quite stunning out of the box. The great thing is, applications follow suit. Many applications written for OS X pride themselves on their design.</p>
<p>After six months, I can say that I&#8217;ll probably be sticking with Apple for the foreseeable future. The software is great, the hardware is great, and the aesthetics are a nice bonus. I wanted to make sure I had at least some experience before writing that I had made the switch, whether it be good, bad, or great. I <strong>really enjoyed</strong> my time working with Linux, and had there been a native version of Photoshop to accompany it, I may have never made the switch to be honest. I still use my Ubuntu machine quite a bit. It&#8217;s an in-house development server, a file server, as well as the machine on which I capture and touch up photos (using <a href="http://www.lightcrafts.com/products/">LightZone</a> which used to be a free download for Linux). Linux is by far the operating system I would suggest to someone looking to change things up a bit. You&#8217;ve got all the benefits of a UNIX-based machine (as you do with OS X) without the cost. If you&#8217;re not strapped to working on tight deadlines, Linux with a virtual machine to run that application or two you simply can&#8217;t live without is a completely great solution.</p>
<p>I hope this article didn&#8217;t come off as my waving a brand new Apple flag, I simply wanted to offer my experience of switching from Linux to OS X as opposed to the usual Windows to OS X move. If you&#8217;ve been back and forth asking yourself whether or not a Mac is for you, the best way to find out is to try. I know it&#8217;s an expensive trial, but simply working for a few minutes on a friends machine really doesn&#8217;t help you see whether or not OS X is for you. If you&#8217;re simply itching to rid yourself of Windows, give Linux a shot with a virtual machine. You really can&#8217;t go wrong with a free operating system filled with free software.</p>
<p>I hope to offer some more detailed accounts of what I like about OS X, but I thought I&#8217;d test the waters with a bit of an introductory article to see if it&#8217;s anything readers have an interest in. Would you rather me not single out software/hardware in what I write? I know that articles written about Apple in general can come off a bit fanboy-ish, and that&#8217;s what I&#8217;d like to avoid, as I&#8217;m not trying to tout OS X or Apple in any way. If readers might be interested in finding out more about the tools I use and my process with them, I&#8217;d be more than happy to put some pieces together over the next few months.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=109&c=711810430' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=109&c=711810430' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20071126/ive-switched-from-linux-and-settled-on-os-x/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>&#8226; Installing and Running WebKit in Linux Using Qt</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20070423%2Finstalling-and-running-webkit-in-linux-using-qt%2F&#038;seed_title=%26%238226%3B+Installing+and+Running+WebKit+in+Linux+Using+Qt</link>
		<comments>http://mondaybynoon.com/20070423/installing-and-running-webkit-in-linux-using-qt/#comments</comments>
		<pubDate>Mon, 23 Apr 2007 09:38:46 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Workbench]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[How-To]]></category>
		<category><![CDATA[open-source]]></category>
		<category><![CDATA[Qt]]></category>
		<category><![CDATA[rendering-engine]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[WebKit]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/2007/04/23/installing-and-running-webkit-in-linux-using-qt/</guid>
		<description><![CDATA[Running WebKit in Linux is quite easy now that it has been ported to Qt.  This article is a walk through on installing WebKit in Ubuntu Feisty 7.04.<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=76&c=852431186' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=76&c=852431186' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m coming to appreciate more and more all of the hard work software developers perform.  I wouldn&#8217;t consider myself an open source <a href="http://en.wikipedia.org/wiki/Elitism">elitist</a>, but there&#8217;s something special about the associated ideologies.  When a large community of people band together to work on a project, a lot of fantastic products can be created.</p>
<p>One such product is <a href="http://webkit.org/">WebKit</a>, the open source Web browser rendering engine used by <a href="http://www.apple.com/safari">Safari</a> (as well as a number of other products).  It&#8217;s very important to keep in mind that Safari and WebKit are two very different things.  Safari is a Web browser that uses WebKit as it&#8217;s <a href="http://en.wikipedia.org/wiki/Rendering_engine">rendering engine</a>.</p>
<p>The WebKit developers put forth the effort to port WebKit to <a href="http://www.trolltech.com/products/qt">Qt</a>, which is, as stated by the developers:</p>
<blockquote cite="http://www.trolltech.com/products/qt/features/index"><p>Qt is a comprehensive development framework that includes an extensive array of features, capabilities and tools that enable development of high-performance, cross-platform rich-client and server-side applications.</p>
</blockquote>
<p>Qt is truly cross-platform and allows deployment on a wide range of hardware configurations, as opposed to other &#8220;cross-platform&#8221; products that are restricted to <a href="http://www.microsoft.com/windows/">Windows</a> and <a href="http://www.apple.com/macosx/">Mac OS X</a>.  The fact that the WebKit developers put forth the effort of porting to <a href="http://www.trolltech.com/products/qt/whatsnew">Qt4</a> gives users the ability to run their rendering engine on any platform.  Thanks to their hard work, it&#8217;s quite easy to run a WebKit-based browser in Linux.</p>
<h2>Preparing your Linux system for WebKit</h2>
<p>I&#8217;d like to be explicit in saying that the following instructions are geared towards a fresh install of <a href="http://www.ubuntu.com">Ubuntu</a> 7.04, but should be applicable to a wide variety of Linux distributions. First and foremost you&#8217;ll need to <a href="http://ubuntuguide.org/wiki/Ubuntu:Feisty#How_to_add_extra_repositories">add extra repositories</a>.  After you have followed those steps we can begin.</p>
<p>There are a number of packages you&#8217;ll need to successfully build a Qt4 Web browser that uses WebKit.</p>
<pre><kbd>sudo apt-get install libqt4-dev libxslt-dev gperf bison libsqlite3-dev flex build-essential subversion</kbd></pre>
<p>There will be a lot of additional packages to install, so don&#8217;t be surprised if the list of packages for installation is significantly large.</p>
<h2>Obtaining a nightly build of WebKit</h2>
<p>Next, we&#8217;ll need to use <a href="http://subversion.tigris.org/">Subversion</a> to check out the WebKit source.  The following command will check out files to a folder titled <code>WebKit</code> within your working directory, so be sure your working directory is appropriate (I used my <code>home</code> directory).</p>
<pre><kbd>svn checkout http://svn.webkit.org/repository/webkit/trunk WebKit</kbd></pre>
<p>You will be able to monitor the checkout process as each file is listed in your terminal.</p>
<p><span id="more-76"></span></p>
<p class="screenshot"><img src="/images/webkit/01-svn-checkout.jpg" alt="Screenshot of Subversion checking out WebKit" /></p>
<p>The checkout will take some time, as there are quite a few files to download.  When the checkout is complete, you&#8217;ll see the following message:</p>
<p class="screenshot"><img src="/images/webkit/02-svn-checkout-complete.jpg" alt="Screenshot of a completed Subversion checkout" /></p>
<h2>Building your Qt4 WebKit browser</h2>
<p>When the checkout is complete, you can initiate the build of your Qt4 WebKit browser using the following command:</p>
<pre><kbd>QTDIR=/usr/share/qt4/ WebKit/WebKitTools/Scripts/build-webkit</kbd></pre>
<p>The script will take a minute to prepare the build, and then the process will begin.</p>
<p class="screenshot"><img src="/images/webkit/03-build-read.jpg" alt="Screenshot of building a WebKit browser" /></p>
<p>This step can take quite a bit of time depending on your hardware configuration, so take a few minutes to have a cup of coffee and relax while your browser is being built.  Your terminal will scroll with hundreds of lines of build commands and more, so don&#8217;t feel the need to sit and watch it build (unless you&#8217;re interested &#8212; I was).</p>
<p class="screenshot"><img src="/images/webkit/04-build.jpg" alt="Screenshot of building a WebKit browser" /></p>
<p>When your build is complete, you&#8217;ll see the following message:</p>
<p class="screenshot"><img src="/images/webkit/05-build-complete.jpg" alt="Screenshot of a successful build of a Qt4 Web browser using WebKit" /></p>
<h2>Running the browser</h2>
<p>A successful build means you can run your Qt4 WebKit browser using the following command:</p>
<pre><kbd>WebKit/WebKitBuild/Release/WebKitQt/QtLauncher/QtLauncher about:blank</kbd></pre>
<p>A very basic browser window will appear with limited controls and an address bar.  There will be some information scrolling in your terminal, but it can generally be disregarded.</p>
<p class="screenshot"><img src="/images/webkit/06-qt4-webkit.jpg" alt="Screenshot of a Qt4 Web browser using WebKit" /></p>
<p>You&#8217;ve now got a native WebKit browser to play around with in Linux.  I took a second to attach the launch command to an entry in an panel using the WebKit icon.  It&#8217;s more convenient than keeping the command saved somewhere to copy and paste when I&#8217;d like to test in WebKit.</p>
<p class="icon"><img src="/images/webkit/webkit-icon.png" alt="WebKit Icon" /></p>
<p>You can also add your WebKit browser as an entry in your Applications menu using the menu editor if you prefer.</p>
<h3>Some quirks I&#8217;ve come across so far</h3>
<p>There are a few things that will appear out of place.  First and foremost, you&#8217;ll notice that form inputs will have, what seem to be, a random <code>background-color</code>.  I may be completely mistaken, but I haven&#8217;t looked into things deep enough to find the rhyme or reason behind the discrepancy.  From what I can tell, if the <code>input</code> is styled with <abbr title="Cascading Style Sheets">CSS</abbr>, the style takes precedence over any &#8216;default&#8217; colorization.</p>
<p>The next issue I&#8217;ve come across is that you&#8217;re not able to work with <code>xHttpRequest</code>.  This is another issue I have not researched in enough detail, but if anyone has any insight regarding an inability to make use of <abbr title="xHttpRequest">XHR</abbr>, I&#8217;d be interested in reading about it.</p>
<p>Finally, the only other quirk I&#8217;ve come across so far is that you&#8217;ll need to include <code>http://</code> in any <abbr title="Uniform Resource Locator">URL</abbr> you enter in the address bar.  While this may seem like a small detail to write about, after my first successful build I spent a few minutes thinking that something went wrong.</p>
<h4>Things to keep in mind</h4>
<p>Perhaps the most important thing to keep in mind is that you&#8217;re running a nightly build of WebKit, not the build Safari is using.  The nightly versions are much more advanced than Safari&#8217;s WebKit, so some of the quirks that appear in Safari may be handled in your Qt4 browser.</p>
<p>Due to the version discrepancy, you can&#8217;t depend on a nightly build of WebKit sufficing for a legitimate test in Safari.  It is useful, however, to take a quick look at overall structural elements of your designs before making the effort of moving to an OS X machine.</p>
<h5>Footnotes and inspiration</h5>
<p>I was originally drawn to working with WebKit on Linux by <a href="http://kryogenix.org/days/2007/04/08/webkit-browser-on-linux" title="Running WebKit on Linux">a post on the same subject</a> at <a href="http://www.kryogenix.org/days/">as days pass by</a>.  I had followed his instructions and ran into a few issues.  Going on his advice, I joined <code>#webkit</code> on <code>irc.freenode.net</code> and started discussing a few issues with one of the developers there.  He (or she) was <em>extremely helpful</em> in assisting me to successfully build WebKit.  I was also directed to a <a href="http://trac.webkit.org/projects/webkit/wiki/BuildingQtOnLinux" title="Building Qt on Linux">Wiki page</a> which included similar instructions to the post on <cite>as days pass by</cite>.  I felt compelled to write this post based on specific instructions surrounding Ubuntu Feisty but would like to give much credit to the hard work of others.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=76&c=1004055601' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=76&c=1004055601' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20070423/installing-and-running-webkit-in-linux-using-qt/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>&#8226; Linux Font Equivalents to Popular Web Typefaces</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20070402%2Flinux-font-equivalents-to-popular-web-typefaces%2F&#038;seed_title=%26%238226%3B+Linux+Font+Equivalents+to+Popular+Web+Typefaces</link>
		<comments>http://mondaybynoon.com/20070402/linux-font-equivalents-to-popular-web-typefaces/#comments</comments>
		<pubDate>Mon, 02 Apr 2007 12:37:31 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Favorites]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Workbench]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[type]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/2007/04/02/linux-font-equivalents-to-popular-web-typefaces/</guid>
		<description><![CDATA[Linux should not be ignored when thinking about typography on the Web. I&#8217;ve taken some time to compile a list of fonts that ship by default with Ubuntu with type that has come to be considered Web safe.<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=73&c=1576291017' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=73&c=1576291017' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>I have written before about my <a href="/2007/01/01/admiration-for-typography-on-the-web/">admiration for Web typography</a>, and in that article I touched on the fact that many &#8220;Web safe&#8221; fonts can&#8217;t be applied to Linux.  Linux distributions each ship with their own font libraries, but I&#8217;d like to focus on similar typefaces you can use within a <code>font-family</code> to help make your design bulletproof.</p>
<h2>Like Windows &amp; OS X, Linux does type too</h2>
<p><a href="/2006/07/03/linux-and-web-development-intro/">I&#8217;ve been a Linux user</a> for some time now, and Linux is my platform of choice <a href="/2006/09/11/linux-and-web-development-part-2/">both at work and at home</a>.  My distribution of choice is <a href="http://www.ubuntu.com">Ubuntu</a> not because it&#8217;s the most popular, but because I&#8217;ve tried a wide variety of Linux versions, and Ubuntu works the best for me.  I say this because I&#8217;m going to focus on the fonts that <em>ship by default</em> with Ubuntu, so there may be some discrepancy among distributions.</p>
<p>While the list of Web safe fonts we have come to know and love is relied heavily upon, it can be very beneficial to include similar default Linux fonts in your <code>font-family</code> as well.</p>
<h3>What about msttcorefonts?</h3>
<p><a href="http://corefonts.sourceforge.net/">msttcorefonts</a> is a Linux package providing many Microsoft fonts for easy installation.  Personally msttcorefonts is one of the first packages I install when setting up a new Linux installation, but it can&#8217;t be assumed that every other Linux user does the same.  I&#8217;m sure there are many people who choose not to install the package as well, leaving readers out to dry when a bulletproof <code>font-family</code> is not provided.</p>
<p>The fonts provided with msttcorefonts are as follows:</p>
<ul class="fonts">
<li>Andale Mono</li>
<li>Arial Black</li>
<li>Arial (Bold, Italic, Bold Italic)</li>
<li>Comic Sans MS (Bold)</li>
<li>Courier New (Bold, Italic, Bold Italic)</li>
<li>Georgia (Bold, Italic, Bold Italic)</li>
<li>Impact</li>
<li>Times New Roman (Bold, Italic, Bold Italic)</li>
<li>Trebuchet (Bold, Italic, Bold Italic)</li>
<li>Verdana (Bold, Italic, Bold Italic)</li>
<li>Webdings</li>
</ul>
<p>Taking into consideration <a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html">Common fonts to all versions of Windows &#038; Mac equivalents</a>, there are a number of fonts often included in designs that readers running Linux will never see (by default).</p>
<ul class="fonts">
<li>Book Antiqua</li>
<li>Charcoal</li>
<li>Helvetica</li>
<li>Geneva</li>
<li>Lucida Console</li>
<li>Lucida Grande</li>
<li>Lucida Sans Unicode</li>
<li>MS Sans Serif</li>
<li>MS Serif</li>
<li>New York</li>
<li>Palatino Linotype</li>
<li>Symbol</li>
<li>Tahoma</li>
<li>Times</li>
<li>Wingdings</li>
<li>Zapf Dingbats</li>
</ul>
<p>Using a fresh installation of Ubuntu, I took some time to find Linux typefaces that closely resemble fonts commonly used in Web design.  I have purposely left a number of fonts out due to their rarity in actual use.  The fonts you won&#8217;t find in the following screen shots are:</p>
<ul class="fonts">
<li>Webdings</li>
<li>Wingdings</li>
<li>Zapf Dingbats</li>
<li>Symbol</li>
<li>MS Serif</li>
<li>MS Sans Serif</li>
</ul>
<p>While Linux does ship with a couple symbol-based fonts, I have chosen to exclude them due to character inconsistencies </p>
<p><span id="more-73"></span></p>
<h3>Linux equivalents to common Windows and OS X Fonts</h3>
<p>The following aren&#8217;t meant to be exact replicas of fonts from Windows or OS X.  They&#8217;re merely a similar typeface to use as a last resort in your <code>font-family</code> for us Linux users.</p>
<dl id="fonts-compare">
<dt>Arial</dt>
<dd><a href="/examples/font-comparisons/arial.html"><img src="/images/font-comparisons/arial.jpg" alt="Screenshot the Linux equivalent to the Arial typeface" /></a>
  </dd>
<dt>Charcoal</dt>
<dd><a href="/examples/font-comparisons/charcoal.html"><img src="/images/font-comparisons/charcoal.jpg" alt="Screenshot the Linux equivalent to the Charcoal typeface" /></a>
  </dd>
<dt>Comic Sans MS</dt>
<dd><a href="/examples/font-comparisons/comic-sans-ms.html"><img src="/images/font-comparisons/comic-sans-ms.jpg" alt="Screenshot the Linux equivalent to the Comic Sans MS typeface" /></a>
  </dd>
<dt>Courier New</dt>
<dd><a href="/examples/font-comparisons/courier-new.html"><img src="/images/font-comparisons/courier-new.jpg" alt="Screenshot the Linux equivalent to the Courier New typeface" /></a>
  </dd>
<dt>Georgia</dt>
<dd><a href="/examples/font-comparisons/georgia.html"><img src="/images/font-comparisons/georgia.jpg" alt="Screenshot the Linux equivalent to the Georgia typeface" /></a>
  </dd>
<dt>Helvetica</dt>
<dd><a href="/examples/font-comparisons/helvetica.html"><img src="/images/font-comparisons/helvetica.jpg" alt="Screenshot the Linux equivalent to the Helvetica typeface" /></a>
  </dd>
<dt>Lucida Grande</dt>
<dd><a href="/examples/font-comparisons/lucida-grande.html"><img src="/images/font-comparisons/lucida-grande.jpg" alt="Screenshot the Linux equivalent to the Lucida Grande typeface" /></a>
  </dd>
<dt>New York</dt>
<dd><a href="/examples/font-comparisons/new-york.html"><img src="/images/font-comparisons/new-york.jpg" alt="Screenshot the Linux equivalent to the New York typeface" /></a>
  </dd>
<dt>Tahoma</dt>
<dd><a href="/examples/font-comparisons/tahoma.html"><img src="/images/font-comparisons/tahoma.jpg" alt="Screenshot the Linux equivalent to the Tahoma typeface" /></a>
  </dd>
<dt>Times New Roman</dt>
<dd><a href="/examples/font-comparisons/times-new-roman.html"><img src="/images/font-comparisons/times-new-roman.jpg" alt="Screenshot the Linux equivalent to the Times New Roman typeface" /></a>
  </dd>
<dt>Palatino Linotype</dt>
<dd><a href="/examples/font-comparisons/palatino-linotype.html"><img src="/images/font-comparisons/palatino-linotype.jpg" alt="Screenshot the Linux equivalent to the Palatino Linotype typeface" /></a>
  </dd>
<dt>Verdana</dt>
<dd><a href="/examples/font-comparisons/verdana.html"><img src="/images/font-comparisons/verdana.jpg" alt="Screenshot the Linux equivalent to the Verdana typeface" /></a>
  </dd>
</dl>
<p>I know some of the above examples are a stretch and certain flagship characters don&#8217;t quite fit, but in my opinion they&#8217;re pretty close.  That is much of the reason behind the existence of multiple equivalents for certain fonts.  I&#8217;ll leave the final decision up to you and your good discretion.</p>
<h5>There are still a few fonts to go over</h5>
<p>Unfortunately there was a list of fonts to which I was unable to find a Linux equivalent:</p>
<ul class="fonts">
<li>Book Antiqua</li>
<li>Impact</li>
<li>Monaco</li>
<li>Lucida Console</li>
<li>Geneva</li>
<li>Lucida Sans Unicode</li>
<li>Trebuchet MS</li>
<li>Arial Black</li>
</ul>
<p>While these typefaces don&#8217;t have a similar equivalent in Linux, all is not lost.  You should always provide a very generic &#8220;failsafe&#8221; font at the end of your <code>font-family</code> in an effort to at least control whether your font is serif, sans-serif, or monospace.</p>
<h6>Keep Linux Web fonts in consideration</h6>
<p>Many people find Linux to be an afterthought as far as target audience is concerned, but Linux is exponentially increasing in popularity as an alternative to other operating systems.  As a Linux user, it&#8217;s easier for me to keep an eye on inconsistencies and try to compensate in the best way possible.  Web design should be bulletproof &amp; your choice of type should be no different.</p>
<p>Hopefully the above screenshots will help your <code>font-family</code> of choice to become that much more bulletproof now that Linux users aren&#8217;t forced to see the lowest common denominator.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=73&c=1383268125' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=73&c=1383268125' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20070402/linux-font-equivalents-to-popular-web-typefaces/feed/</wfw:commentRss>
		<slash:comments>65</slash:comments>
		</item>
		<item>
		<title>&#8226; When Readers Choose to Use Their Own Style</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20070326%2Fwhen-readers-choose-to-use-their-own-style%2F&#038;seed_title=%26%238226%3B+When+Readers+Choose+to+Use+Their+Own+Style</link>
		<comments>http://mondaybynoon.com/20070326/when-readers-choose-to-use-their-own-style/#comments</comments>
		<pubDate>Mon, 26 Mar 2007 12:56:27 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Firefox]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/2007/03/26/when-readers-choose-to-use-their-own-style/</guid>
		<description><![CDATA[User style sheets can sometimes interfere with author CSS.  Most commonly, users don&#8217;t create their own style sheet due to the requirement of a working CSS knowledge.  Automated scripts adding custom style sheets for users changes things up a bit, however.<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=72&c=1908740282' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=72&c=1908740282' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>When taking into consideration the average person browsing the Web, there isn&#8217;t much cause for concern regarding user style sheets interfering with your intended <abbr title="Cascading Style Sheets">CSS</abbr>.  Many people are not aware of the fact that you&#8217;re able to control virtually every aspects of any document rendered in your own browser.  This can be attributed to the fact that in order to take advantage of such a feature, a working knowledge of <abbr title="Cascading Style Sheets">CSS</abbr> is required.</p>
<h2>Customizing browser form controls with user <abbr title="Cascading Style Sheets">CSS</abbr></h2>
<p>A small post over at <a href="http://openswitch.org/2007/03/22/ubuntu-firefox-widgets-at-transformatum/">Open Switch</a> clued me into an article with instructions on <a href="http://ubuntudaily.com/2007/03/08/how-to-prettify-the-firefox-widgets/">how to prettify the Firefox widgets</a> (screenshot provided).  The post provided readers using Linux a way to improve the aesthetics of the various form controls provided by default in Firefox.</p>
<p>I was intrigued so I took a second to run the small script, after a quick Firefox restart all of the &#8216;default&#8217; form controls had a new and improved look.  At first glance, they&#8217;re a vast improvement over the stock controls originally offered.  Naturally, I became curious as to what exactly was happening under the hood.</p>
<p>I began poking around the shell script, inspecting the installation process.  To put things simply, the script appends two style sheets as well as a set of six images to complete the new control designs.</p>
<h3>The purpose of user styles</h3>
<p>User styles are designed to allow readers the ability to control how their browser displays content by default.  While user styles can still be influenced by site <abbr title="Cascading Style Sheets">CSS</abbr>, user styles can have great affect on the final display of any webpage. A good way to think about user style sheets is giving your reader the ability to infinitely expand various dialogs in their browser preferences to include any aspect of a documents design.</p>
<p class="screenshot"><img src="/images/screenshots/firefox-prefs.jpg" alt="Screenshot of Firefox preferences" /></p>
<p>In my personal experience, however, I don&#8217;t think that I&#8217;ve come across anybody that has taken the time to customize their default font size or link colors, let alone use an entire style sheet.</p>
<p><span id="more-72"></span></p>
<h4>Does anyone you know use their own style sheet?</h4>
<p>In your personal experience, have you ever run into a reader who uses a custom style sheet?  I personally don&#8217;t use one, and haven&#8217;t seen any circumstance in which a user style sheet was used.</p>
<p>The Firefox form control updates put a different spin on user style sheets, however.  This script doesn&#8217;t require that the reader have any working knowledge of <abbr title="Cascading Style Sheets">CSS</abbr>, yet a custom style sheet will be applied to all documents after installation.  This concept isn&#8217;t something that had occurred to me before, but it could be a trend that becomes more common in the future.</p>
<h5>There is a moral to this story</h5>
<p>What I took home from installing these custom Firefox controls is that user style sheets can have a strong impact on the <abbr title="Cascading Style Sheets">CSS</abbr> I author.  While some of the applied <abbr title="Cascading Style Sheets">CSS</abbr> in this example is overridden by author <abbr title="Cascading Style Sheets">CSS</abbr>, there are other selectors that need attention to achieve the look I originally intended.  Some of these specific selectors are proprietary, and the thought of having to nullify or correct them wouldn&#8217;t normally cross my mind.</p>
<p>Authors have absolutely no control over user styles, and in all honesty, stressing over the possibility of their presence isn&#8217;t in our best interest.  What&#8217;s important to do, however, is be mindful of the possibility that a reader may have a user style sheet for accessibility purposes over aesthetic reasons.</p>
<p>A user style sheet that bumps up the default font size is very important to readers with impaired vision.  User style sheets can also be used to improve color contrast by default by forcing a certain <code>color</code> and <code>background-color</code>.  These things are important to keep in mind, and the best thing we can do is compensate our <abbr title="Cascading Style Sheets">CSS</abbr> with a bulletproof design.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=72&c=1138274529' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=72&c=1138274529' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20070326/when-readers-choose-to-use-their-own-style/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>&#8226; Using SciTE with TextMate Style Snippets</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20070312%2Fusing-scite-with-textmate-style-snippets%2F&#038;seed_title=%26%238226%3B+Using+SciTE+with+TextMate+Style+Snippets</link>
		<comments>http://mondaybynoon.com/20070312/using-scite-with-textmate-style-snippets/#comments</comments>
		<pubDate>Mon, 12 Mar 2007 11:29:13 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[Examples]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[example]]></category>
		<category><![CDATA[productivity]]></category>
		<category><![CDATA[SciTE]]></category>
		<category><![CDATA[Snippets]]></category>
		<category><![CDATA[TextMate]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/2007/03/12/using-scite-with-textmate-style-snippets/</guid>
		<description><![CDATA[SciTE is a very powerful and capable editor.  Using a Snippets plugin developed by Mitchell, you&#8217;re able to mimic some of the functionality that has made TextMate as popular as it is.<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=70&c=1364656200' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=70&c=1364656200' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>Ever since watching <a href="http://www.dustindiaz.com/screencast-episode-01/">Dustin Diaz&#8217;s first screencast</a>, I was incredibly jealous of <a href="http://macromates.com/">TextMate</a> (specifically the keyboard triggered <a href="http://macromates.com/textmate/manual/snippets">snippets</a>).  I was on a mission to find an alternative that wasn&#8217;t limited to Mac OS X as it was clear there wouldn&#8217;t be a Linux version of TextMate.  There are <a href="http://macromates.com/blog/archives/2005/11/07/windowslinux-alternative/">quite a few suggestions</a> on the TextMate site itself, but I found nothing that mimicked the Snippets functionality of TextMate properly.  <a href="http://www.e-texteditor.com/">E TextEditor</a> came out for Windows, making me <em>even more jealous</em>. Now there was an application for Windows that performed similarly to TextMate, and I had nothing to work with.  The author of E indicated that there would eventually be a Linux version, but not until the Windows version was final. After a continued search, I finally came upon <a href="http://caladbolg.net/scite_snippets.php">SciTE Snippets</a>.</p>
<h2>SciTE &#8211; My New Favorite Editor</h2>
<p><a href="http://www.scintilla.org/SciTE.html">SciTE</a> is (freely) available for both Linux and Windows, but this article will dedicate itself to the Linux install process as it is the only environment in which I&#8217;ve set it up.  Furthermore, the details of the installation process will be specific to <a href="http://www.ubuntu.com/">Ubuntu 6.10</a>, as it is <a href="/2006/09/11/linux-and-web-development-part-2/">my distribution of choice</a>, but the install process itself should be similar on just about any version of Linux.</p>
<h3>Installing SciTE</h3>
<p>SciTE is easily available to install by executing the following in a terminal:</p>
<pre><kbd>sudo apt-get install scite</kbd></pre>
<p>After you enter your password, SciTE will be automatically installed and setup.  You can also install SciTE using Synaptic Package Manager, but I prefer the command line.  SciTE can be run by entering <code>scite</code> in the command line, or using the menu: Applications > Programming > SciTE Text Editor.</p>
<p class="screenshot"><img src="/images/screenshots/scite-default.jpg" alt="Screenshot of default SciTE installation" /></p>
<p>By default, SciTE doesn&#8217;t include the snippet functionality offered by TextMate, but incorporating all of the hard work by <a href="http://caladbolg.net/">Mitchell</a>, <a href="http://caladbolg.net/scite_snippets.php">SciTE Snippets</a> are easy to implement.</p>
<p><span id="more-70"></span></p>
<h3>Implementing SciTE Snippets</h3>
<p>I spent some time trying to grasp how to actually install the snippets plugin Mitchell developed.  Following his <a href="http://caladbolg.net/scite_snippets.php#quick_install">documentation</a> proved to be quite useful and I had SciTE Snippets up and running after a bit of trial and error.  It involved a process that some people new to Linux may find intimidating, so I&#8217;ve decided I would try to use the <a href="http://caladbolg.net/scite.php#binaries">SciTE binaries offered on the site</a>.  Not only do you get working Snippets, you&#8217;re provided with a new look and feel for SciTE itself.  A large library of Snippets are included to work with and add upon and I found it to be a great starting point for using Snippets in SciTE.</p>
<p>The <a href="http://caladbolg.net/scite.php#binaries">binaries Mitchell offers</a> are stored on <a href="http://code.google.com/p/scite-tools/downloads/list">Google Code</a> and available for Windows as well as Linux.  Download the latest Linux Binaries (<code>scite-tools_linux_bin_r3.tgz</code> at the time of this writing) as well as the Source Code (<code>scite-tools_src_r3.zip</code> at the time of this writing) which will come in useful later.</p>
<dl class="installInstructions">
<dt>Extract <kbd>scite-tools_linux_bin_r3.tgz</kbd></dt>
<dd>
<pre><kbd>tar xzvf scite-tools_linux_bin_r3.tgz</kbd></pre>
</dd>
<dt>Copy the new SciTE binary over your installed version</dt>
<dd>
<pre><kbd>cd scite-tools_linux_bin_r3
sudo mv /usr/bin/scite /usr/bin/scite.bak
sudo cp SciTE /usr/bin/scite</kbd></pre>
</dd>
</dl>
<p>The binary has now been copied to your existing installation, it&#8217;s an updated version compared to the one offered in the Ubuntu repositories.  You&#8217;ll notice that if you run SciTE, not much has changed; we&#8217;ll still need to copy over Mitchell&#8217;s configuration files as well as his included snippets.</p>
<dl class="installInstructions">
<dt>Extract scite-tools_src_r3.zip:</dt>
<dd>
<pre><kbd>unzip scite-tools_src_r3.zip</kbd></pre>
</dd>
<dt>Implement configuration and Snippets:</dt>
<dd>
<pre><kbd>cd scite-tools_src_r3/
sudo cp -R * /usr/share/scite/</kbd></pre>
</dd>
</dl>
<p>Just to be clear, not only have you copied over the configuration and included Snippets, you&#8217;ve also copied the source.  If you feel the need to remove the extra files, feel free to do so.  Now that the configuration files have been copied, you can run SciTE again, and you&#8217;ll see it&#8217;s received quite a makeover:</p>
<p class="screenshot"><img src="/images/screenshots/scite-snippets.jpg" alt="Screenshot of default SciTE installation" /></p>
<p>SciTE Snippets are now at your disposal using the <kbd>CTRL+i</kbd> keyboard combination after typing your trigger.</p>
<h4>Customizing SciTE Snippets</h4>
<p>While Mitchell includes many of his personal Snippets, I have a certain way of writing markup, style, and code.  Each developer will want to make adjustments to existing snippets &#8212; as well as add some &#8212; in order to streamline his process even further and take full advantage of their presence.  Managing your Snippets is actually quite easy if you follow the conventions established by Mitchell.  Your snippets are stored in <kbd>/usr/share/scite/scripts/</kbd> and organized according to language.</p>
<p><a href="http://caladbolg.net/scite_snippets.php#creating">Creating Snippets</a> is well documented on Mitchell&#8217;s site, and he even offers a <a href="http://caladbolg.net/scite_snippets.php#gen_snippets">Ruby Snippet Generation Script</a> which can come in quite handy.  Personally, I found the example Snippets offered in <kbd>/usr/share/scite/scripts/html/snippets.lua</kbd> to be most helpful in understanding Snippets and how they worked.  I simply manage the snippets I wish to use in that file and it&#8217;s worked out well so far.</p>
<p>Mitchell has provided a really great tool for many people, free of charge.  He has <a href="http://caladbolg.net/scite_snippets.php">provided screencasts</a> which show his Snippets in action, including a demonstration of <a href="http://caladbolg.net/scite_snippets.php#scopes">how to use scopes</a>, a very powerful feature he&#8217;s included.</p>
<h4>Customizing the SciTE interface</h4>
<p>When using SciTE for the first time, I was surprised not to find a Preferences dialog.  Like anybody, I have preferences as to the type used in my editor, so I was looking to make that simple change.  Instead of a Preferences dialog, you&#8217;ll need to edit a configuration file.  While I&#8217;d much prefer to have a GUI dialog, having to edit a configuration file really isn&#8217;t that big of a deal to me, but I know many people would look at the application as inferior for that very reason.</p>
<p>Regardless, the configuration file can be edited by selecting Options > Open Global Options File within SciTE.  The associated file holds all of the preferences you&#8217;ll want to tinker with to get SciTE to look just how you want it.  If you&#8217;re using Mitchell&#8217;s configuration, you&#8217;ll notice he took the time to reorganize this file, making it very easy to manage.</p>
<h5>SciTE (especially with Snippets) is my new favorite tool</h5>
<p>I&#8217;ve found that creating Snippets can be a lengthy process, but one that offers great benefit.  Using Snippets allows you to work at a much faster pace without getting ahead of yourself and losing focus.  It takes away much of the tedious aspects that come with writing markup.  The speed benefits alone made switching from Bluefish/Quanta worth it.  I have a feeling that many editors will incorporate such a feature in their upcoming releases.</p>
<p>It goes without saying that SciTE has all of the features you would expect in an editor: line numbering, code folding, syntax highlighting, etc.  I&#8217;m very pleased to make the switch to SciTE, and I definitely recommend it to anybody who isn&#8217;t willing to fork over the cash for a copy of <a href="http://www.e-texteditor.com/">E</a>.  I&#8217;ve only been working with SciTE a short time so far, so if anybody has any tips or tricks they&#8217;re willing to offer, it would be great to post them as a comment.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=70&c=1938642466' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=70&c=1938642466' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20070312/using-scite-with-textmate-style-snippets/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>&#8226; Linux and Web Development Part 2</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20060911%2Flinux-and-web-development-part-2%2F&#038;seed_title=%26%238226%3B+Linux+and+Web+Development+Part+2</link>
		<comments>http://mondaybynoon.com/20060911/linux-and-web-development-part-2/#comments</comments>
		<pubDate>Mon, 11 Sep 2006 13:43:36 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Favorites]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[software]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/2006/09/11/linux-and-web-development-part-2/</guid>
		<description><![CDATA[It has been over two months since my last writeup about using Linux for Web development. I thought now would be a good time to revisit that subject and write a bit about my findings after using the new operating system for a little while.<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=38&c=1459037307' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=38&c=1459037307' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>It has been over two months since my initial writeup of using <a href="/2006/07/03/linux-and-web-development-intro/">Linux for Web Development</a>.  I had no idea that article would be received as it was, but I couldn&#8217;t be happier about it.  Some people had concerns about my phrasing of &#8216;Web development&#8217; and were disappointed that I wasn&#8217;t speaking about programming for the Web.  I apologize for any confusion I caused with the vocabulary I chose to use, but to me it seems to be the most descriptive given the situation.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/tux.jpg" alt="Linux Logo" /></p>
<p>I&#8217;d like to provide an update to what I&#8217;ve learned about using Linux in my day-to-day personal and professional work.  After much testing and many changes, I think that I may be able to offer some prospective users some direction in their switch to Linux.</p>
<h2>Software</h2>
<p>This article will concentrate mostly on software solutions, mostly unique to Linux.  I&#8217;ve had many experiences generating from suggestions provided in the comments of my first article, and after two months of usage, I have some conclusions to write about.</p>
<h3>Revisiting Editors</h3>
<p>There are many reasons a developer chooses one editor over another.  Whether it&#8217;s a particular feature they can&#8217;t do without, application speed, or overall usage experience, it&#8217;s rare to find a developer who hasn&#8217;t gone back and forth between multiple editors before settling on their favorite.</p>
<p><span id="more-38"></span></p>
<p>As it last stood, I was head over heels for <a href="http://bluefish.openoffice.nl/">Bluefish</a>, but after a few weeks using it at work, I began noticing a couple of the shortcomings that had been mentioned.  Once any particular file reached a couple hundred lines in length, highlighting would take noticeably longer which began to wear my nerves.  I also found myself missing certain features I had become used to in the past.  Such things as <a href="http://en.wikipedia.org/wiki/Code_folding">code folding</a> and current line highlighting.  While those features are quite small, I&#8217;m used to them and prefer their presence.  A hunt for a possible replacement resulted.  Working from the huge list of recommendations provided in <a href="/2006/07/03/linux-and-web-development-intro/">the Intro</a>, I began using a different editor every week, trying to see which gave me the best experience.  While some may say a week is not nearly enough time to determine whether or not an editor is for you, I thought it was sufficient.</p>
<p>What I found is that there is an editor out there for everyone under the Linux platform.  From <a href="http://www.vim.org/">vim</a> to <a href="http://www.jedit.org/">jEdit</a> to <a href="http://www.aptana.com/">Aptana</a>, there is something to suit your needs, whatever they might be.  I can&#8217;t provide a general recommendation for anybody simply because everyones preferences are different.  Out of all the editors I tried (and I tried just about every one I could find), I think I&#8217;ve settled on one.</p>
<h4>Quanta Plus</h4>
<p><a href="http://quanta.kdewebdev.org/">Quanta Plus</a> is an editor based partly on <a href="http://kate.kde.org/">Kate</a>, therefore inheriting Kate&#8217;s speed and versatility.  Quanta Plus, unlike Bluefish, has code folding and current line highlighting, the small features I had come to miss.  It will highlight a document significantly faster than Bluefish once line counts exceed a couple hundred.  Something I hadn&#8217;t run across before was a feature that Quanta Plus refers to as Document Structure.  Essentially it&#8217;s an outline for any document you&#8217;re working on based on the structure of whichever language you&#8217;re using (XHTML, CSS, etc.).  I think as I get used to a feature like that, I&#8217;ll use it more and it will help with productivity.  There&#8217;s also a plugin included by default which I can compare to Dreamweaver in that an inline dropdown menu appears with contextual information based on any tag you&#8217;re editing.  What makes this instance different, however, is that the dropdown appears not only with predefined items such as <code>classes</code> or <code>ids</code> you&#8217;ve used in your document, it also offers color code and word completion which can come in handy sometimes.  It also includes the expected property value options.  On top of that, Quanta Plus has integrated <acronym title="Concurrent Versions System">CVS</acronym> support which I look forward to using once our CVS repository is setup.</p>
<p><a href="http://quanta.kdewebdev.org/"><img src="/images/linux/quantaplus.png" alt="Quanta Plus Logo" /></a></p>
<p>So far I haven&#8217;t found any major shortcomings to Quanta Plus.  I&#8217;ve only been using it a short time but I&#8217;m very pleased with the feature set and reliability it provides.  As a Gnome user, the KDE interface of Quanta Plus takes some getting used to, but overall that&#8217;s quite minor.</p>
<h3>Web Browsers</h3>
<p>Cross browser testing was discussed in good detail in the previous article, but even more so in the comments.  Some information was provided that I had neglected to include in my writeup.</p>
<h4>Konqueror in Comparison to Safari (Webkit)</h4>
<p>As indicated, <a href="http://www.konqueror.org/">Konqueror</a> is based on <a href="http://en.wikipedia.org/wiki/KHTML">KHTML</a>, which was the base Apple used for Safari.  This can be a great benefit and save everyone from having to track down a way to test on Safari.  Since switching to Linux, I&#8217;ve tested any site I worked on in both Konqueror and Safari to see if I could find any discrepancies.  For the most part, Konqueror absolutely rendered a site exactly as Safari did, including any tiny quirks.  One major change that I&#8217;ve found so far is the difference between the two in their rendering of various forms.  For one reason or another there would be a missing input in one browser or another, usually due to space restrictions or otherwise.  Unfortunately I think that as a developer, even using Linux and Konqueror, you should still test for Safari on a Mac.  It is a good way to get a quick look as to what any problems <em>might be</em>, however.</p>
<p><a href="http://www.konqueror.org/"><img src="/images/linux/konqueror.png" alt="Konqueror Logo" /></a></p>
<h4>Internet Explorer 7</h4>
<p>With an official <a href="/2006/07/31/current-events-ie7-and-google/">release of Internet Explorer 7</a> just around the corner, it&#8217;s important to test in that browser as well.  Unfortunately <a href="http://www.tatanka.com.br/ies4linux/index-en.html">IEs4Linux</a> hasn&#8217;t included IE7 into the package yet, but hopefully that will happen soon enough.</p>
<p><img src="/images/linux/ie7_logo.jpg" alt="Internet Explorer 7 Logo" /></p>
<h4>Update</h4>
<p>As stated below in the comments (thanks Roy!), the IEs4Linux developer has actully <a href="http://www.tatanka.com.br/ies4linux/news/28">succeeded in running IE7 under Wine</a>.  Quoting the developer, it&#8217;s usage can be considered &#8220;pre-pre-alpha&#8221; so your results may not be too stable, but this is really good news for Linux Web designers/developers.</p>
<h3>Still in Need of that One Application?</h3>
<p>If it turns out there&#8217;s still <em>that one application</em> stopping you from making the switch to Linux, there&#8217;s still hope.  You can solve that problem through the use of <a href="http://en.wikipedia.org/wiki/Virtual_machine">virtual machines</a>.  Using a virtual machine you can install an operating system within Linux.  This lets you run that particular application without the hassle of rebooting all the time.</p>
<h4>VMware</h4>
<p><a href="http://www.vmware.com/">VMware</a> is a completely free virtualization solution that I would definitely recommend if virtualization is something you need.  After installing VMware, you can setup as many virtual machines as you need in order to install what you use, especially the one app holding you back from completely switching.  Using VMware you can continue to use Photoshop, work in Flash, or test natively in IE7.</p>
<p><a href="http://www.vmware.com/"><img src="/images/linux/vmware_logo.gif" alt="VMware Logo" /></a></p>
<h3>Image Editing</h3>
<p>Solid image editing is definitely a requirement for me, I think it&#8217;s important to have legitimate tools to work with.  The two tools I use primarily for image editing are Pixel and the GNU Image Manipulation Program.</p>
<h4>Update on the GIMP</h4>
<p>From what I can see, the <a href="http://www.gimp.org/">GIMP</a> basically has a cult following.  Many people find the interface intimidating and just can&#8217;t work with it.  Others just don&#8217;t like it because they feel the name is inappropriate.  And then there is a whole slew of people who have no problem working in the GIMP and actually enjoy it.  Regardless of how it&#8217;s received, I have a few tips to make it more useful.</p>
<p>First and foremost, layer boundaries should be hidden.  I don&#8217;t quite get why they&#8217;re displayed by default but at least you can turn them off &#8212; their presence quickly clutters things and makes any file really confusing to work with.  <a href="http://www.azcazandco.com/?p=153">Alan White</a> has written up a small list of some really great tips on starting out with the GIMP.  One that I can whole heartedly support is making one big &#8216;toolbar&#8217; out of the two windows put on display by default.  To do this you can drag the various panels from place to place by clicking and dragging their title section as shown below:</p>
<p><img src="/images/gimp/paneldrag.png" alt="GIMP screenshot" /></p>
<p>Once you grab the panel you can drag it from one window to another and it will attach itself.  You can either add it as a new panel to any particular window or an additional tab of a current panel.  To add something as a new panel of a current window you will need to drop the panel on a horizontal bar within the target window.  The horizontal bar will only turn a new color when you&#8217;re hovering the right spot so you will have to move the mouse around a bit until you&#8217;ve got it right.  If you&#8217;d like to add a tab to an already existing panel, you simply drag into the target panel and you&#8217;ll see a black outline appear where the tab will be added.  If you&#8217;d like to change the order of tabs you can simply drag to reorder.  This is one feature of the GIMP that I had overlooked in the past but proven to be extremely valuable in making the interface more natural to use.</p>
<h4>Update on Pixel</h4>
<p>Although I&#8217;m using GIMP more and more, I couldn&#8217;t live without <a href="http://pixel32.box.sk/">Pixel</a>.  I love its implementation of live effects and the more familiar interface.  On the other side I&#8217;ve found it partially difficult to work with blocks of text, as the word wrapping is something to get used to.  I&#8217;ve also run into a few issues with brushes in Pixel, but nothing huge to complain about.  My last issue is the fact that there&#8217;s not pressure support under Linux, but the developer is awesome and has indicated that it&#8217;s coming.</p>
<h4>Latest news on Flash</h4>
<p>I had recently come across an article detailing a method of copying an installation of Flash piece by piece into an installation of Wine on a Linux machine and having it work.  While it may in fact work for some people, it comes with some licensing issues and seemed a bit hackneyed for my taste.  On the Flash plugin front, <a href="http://blogs.adobe.com/penguin.swf/">PENGUIN.SWF</a> (Flash Plugin for Linux official blog), Flash 9 for Linux looks like it will be <a href="http://blogs.adobe.com/penguin.swf/2006/08/minimal_widget.html">arriving</a> quicker than once thought, which is great.</p>
<h3>FTP Update</h3>
<p>As I had said earlier, <acronym title="File Transfer Protocol">FTP</acronym> clients for one reason or another, are less than pleasant to work with (for the most part).  Reading through the comments I was guided in many different directions.  Again, each solution had pros and cons and I began sifting.  <a href="http://gftp.seul.org/">gFTP</a> wasn&#8217;t doing anything for me and was more trouble than it was worth, so after trying many of the other suggested applications, I&#8217;ve pretty much settled on <a href="http://fireftp.mozdev.org/">FireFTP</a>, an FTP client plugin for <a href="http://www.mozilla.com/firefox/">Firefox</a>.  As I began getting used to the plugin, I became more pleased with the idea behind it.  Personally, I spend most of my time uploading pieces of a client website that I&#8217;m working on.  The fact that I can open up an FTP client in a tab of my browser makes perfect sense.  It&#8217;s one less app to have open and puts things within easy reach.  So far FireFTP has been great and stable for me and I think I&#8217;ll stick with it.</p>
<p>Lucky for me, we&#8217;re probably going to be setting up a CVS repository on a new in house development server, so the only time I should be using FTP is upon a site launch, which will be <em>completely great</em>.  I&#8217;ll be able to edit sites in development within a working environment which will allow me and my co-workers to work at a much faster pace in the long run.</p>
<h2>When Things Go Terribly Wrong</h2>
<p>Along with all the positive experiences with switching to Linux, I&#8217;ve also had the benefit of experiencing one of the worst circumstances you could run into at any time.  I recently sat down to a frozen desktop, unable to force quit anything and it was impossible to get any sort of response.  At first I disregarded it as a fluke and hard reset the machine.  To my surprise, the machine wouldn&#8217;t boot.  It was acting strange during <acronym title="Power On Self Test">POST</acronym> and I couldn&#8217;t figure out what was wrong.  After hard resetting a couple more times I was able to see the familiar Ubuntu boot process and took a second for a sigh of relief.  Before I could exhale I was looking at an error message I had never seen before, telling me the filesystem was unreadable and I need to run a disk check.  Luckily there were instructions on how to do just that included in the error message, or else I would have been completely lost.</p>
<h4>My First <code>fsck</code> Experience</h4>
<p>The instructions told me to reboot and force <acronym title="filesystem check"><code>fsck</code></acronym>, which I did.  Upon doing so I was faced with countless errors including disk parity errors, I/O errors, filesystem flag errors, and many other error types I had never heard of before.  I was forced to come to the conclusion that the hard drive had failed.  Panicked that I had also lost the second drive (where I keep all my backups) I tried to figure out what I could do.  This was my first experience with a mission critical drive failure.</p>
<h3>Linux Basically Saved the Day</h3>
<p>I still had my <a href="http://www.ubuntu.com/">Ubuntu</a> Dapper install DVD lying around so I decided to check out what trouble I could get into from booting the DVD.  It can&#8217;t get much worse, right?  After booting, I was able to create a couple mount points and mount both hard drives to see what damage had been done.  To my surprise I could still browse both hard drives.  My backup drive seemed to be operating normally, while I was still able to check out my <code>home</code> folder.  For those who aren&#8217;t familiar, Linux creates a home folder for each user which contains all the configuration files related to any personal or application settings that user might have.  Until now I didn&#8217;t think much of it, but in this case it was completely wonderful.  Essentially I was able to copy my home folder from the damaged drive onto my backup dive, replace the damaged drive, and copy most of that home folder back into a fresh reinstall &#8212; and basically carry on from where I had left off.</p>
<p>Most of the applications I use are included with many default Linux installations.  After a few minutes, the remaining apps are installed and I&#8217;m almost to where I left off.  Given my home directory, I&#8217;m able to copy over my configuration directories and things are <em>exactly as I had left them</em>.  Personally I think this a great position to be in should a hard drive fail for you (if you&#8217;re good about keeping up-to-date backups).</p>
<h2>Is Linux Still Working?</h2>
<p>Overall I&#8217;m still absolutely pleased with my switch from Windows to Linux both at home and at work.  If anything I honestly think I work faster, smarter, and happier.  Given my recent experience with hard drive failure, I&#8217;m glad Linux provided the functionality to get back up and running very quickly and easily.  I&#8217;ll definitely be looking into some automated nightly backup solutions over the next few days due to the fact that a <acronym title="Redundant Array of Independent Disks">RAID</acronym> setup isn&#8217;t in the cards for me just yet.  I don&#8217;t plan on retreating back to Windows any time soon and I look forward to working with Linux for a long time to come.  I&#8217;m not trying to push anyone into checking out Linux and switching, just cataloging my experiences thus far.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=38&c=1496493845' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=38&c=1496493845' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20060911/linux-and-web-development-part-2/feed/</wfw:commentRss>
		<slash:comments>64</slash:comments>
		</item>
		<item>
		<title>&#8226; Linux and Web Development Intro</title>
		<link>http://mondaybynoon.com/feeder/?FeederAction=clicked&#038;feed=Posts+%28RSS2%29&#038;seed=http%3A%2F%2Fmondaybynoon.com%2F20060703%2Flinux-and-web-development-intro%2F&#038;seed_title=%26%238226%3B+Linux+and+Web+Development+Intro</link>
		<comments>http://mondaybynoon.com/20060703/linux-and-web-development-intro/#comments</comments>
		<pubDate>Mon, 03 Jul 2006 10:54:43 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Beagle]]></category>
		<category><![CDATA[Bluefish]]></category>
		<category><![CDATA[GIMP]]></category>
		<category><![CDATA[nVidia]]></category>
		<category><![CDATA[open-source]]></category>
		<category><![CDATA[Pixel]]></category>
		<category><![CDATA[Ubuntu]]></category>

		<guid isPermaLink="false">http://www.mondaybynoon.com/2006/07/03/linux-and-web-development-intro/</guid>
		<description><![CDATA[I recently switched to using Linux full time from Windows and here&#8217;s my experience so far.<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=28&c=1055966322' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=28&c=1055966322' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s a good chance you&#8217;ve heard of <a href="http://www.linux.org/">Linux</a>.  Recently there has been a whole lot of buzz going around the Internet about a particular distribution of Linux dubbed <a href="http://www.ubuntu.com/">Ubuntu</a>.  There are a ridiculous amount of articles floating around regarding the operating system itself and all sorts of introductory pieces surrounding it.  I&#8217;ll leave it to you and Google to read about that if this is the first time you&#8217;ve heard of Linux.  This article isn&#8217;t going to focus particularly on Ubuntu, but Linux in general, as the subject matter will be surrounding Linux as an operating system for Web development, not Ubuntu as a distribution of choice.  Software mentioned here is not specific to the Ubuntu distribution, but specific to Linux itself.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/tux.jpg" alt="Linux Logo" /></p>
<p>I&#8217;m generally not a fan of Apple/Mac/Jobs and I&#8217;ve grown to dislike Microsoft/Windows/Gates.  <em>I don&#8217;t say that to offend anyone</em>, so please don&#8217;t take it the wrong way.  We all have our reasons for the setups on our desks.  This article is going to reflect my opinions of using Linux for Web development, not knock or support anything else.</p>
<p><span id="more-28"></span></p>
<h2>Why I Choose Linux</h2>
<p>I&#8217;ve always had an interest in Linux, and over the past few years I&#8217;ve become increasingly frustrated with Windows.  My first Linux installations weren&#8217;t an absolute disaster but at the same time I had no idea what I was doing and found myself back on Windows in a matter of hours.  Regardless, my interest was there.</p>
<p>Some months ago, I decided to give it another shot.  I use both a laptop and a desktop at home and thought that since I only really used my laptop for minimal tasks, it would make a good test bed for Linux.  My venture began with <a href="http://fedora.redhat.com">Fedora Core</a> and to make a long story short, a bad update rendered my display useless and I had no idea how to fix it.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/ubuntu.jpg" alt="Ubuntu Linux Logo" /></p>
<p>Enter <a href="http://www.ubuntu.com/">Ubuntu</a>.  I don&#8217;t remember where I first read about Ubuntu Linux, but what struck me was all the ranting and raving about its out of the box compatibility with a wide range of hardware &#8212; especially laptops.  I thought I&#8217;d give it a shot with the 5.04 release and I was delighted with the results.  All of my hardware worked just fine, including my WiFi, which was a feat in itself using Fedora Core.  I now run Ubuntu 6.06 on that same laptop, my main home machine, and most recently my setup at work.  After working out all of the customizing issues at home over the course of eight months or so, I finally feel comfortable enough to be using Linux both personally and professionally.  Using it for work will be my true test, and I&#8217;d like to record my findings here.</p>
<h3>Getting Set Up</h3>
<p>The only issue I was faced with using this particular distribution of Linux was setting up and managing dual monitors.  I have grown to know and love a dual monitor setup and I&#8217;m not sure I would want to cope without.</p>
<h4>nVidia Makes Life Easy</h4>
<p>Luckily all of my video cards are <a href="http://www.nvidia.com">nVidia</a> based, which is a great thing because nVidia has taken the time and effort to publish video card drivers for their chipsets under Linux.  Following the proper documentation you can have their drivers installed in minutes, which is a blessing compared to setups with other chipsets from what I&#8217;ve read.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/nvidia.jpg" alt="nVidia Logo" /></p>
<p>Getting two displays up and running isn&#8217;t as easy as checking &#8220;Extend my Desktop to this monitor&#8221; in Linux.  I had to manually edit a configuration file, but using the nVidia provided options, setup was painless and I now run a dual monitor system as I was in Windows.</p>
<h4>What About Your Wacom?</h4>
<p>I didn&#8217;t have to do a thing to get my Wacom tablet up and running in Linux.  It was working out of the box for me using Ubuntu 6.06 so there really isn&#8217;t much to write about the setup.  Support in applications is another issue I will touch upon in a bit.</p>
<h3>Software for Web Development</h3>
<p>The abundance of equivalent software for Linux for general tasks are heavily discussed in other areas of the net.  I&#8217;m going to focus on the applications that I find essential for Web development.</p>
<h4>Email and Web</h4>
<p>I was already using Firefox and Thunderbird on other platforms, so using them required absolutely no change.  All of my choice extensions work under Linux and I had no issues with the migration.</p>
<p>As a Web developer, I needed to have other browsers at my disposal for testing.  I was able to install Opera with ease and my only real hurdle was Internet Explorer.  Luckily after a bit of searching I came across <a href="http://www.tatanka.com.br/ies4linux/index-en.html">IEs 4 Linux</a>.  This beautiful script will install a version of Internet Explorer 6 on top of <a href="http://www.winehq.com/">WINE</a> to allow me to test for IE6/Win.</p>
<h4>Have you Heard of Beagle?</h4>
<p>Something I&#8217;m really excited to write about after a few months of typical use on a Linux setup is using <a href="http://beagle-project.org/Main_Page">Beagle</a>.  For you Mac users, Beagle is most closely compared to <a href="http://www.apple.com/macosx/features/spotlight/">Spotlight</a> in OS X in that it keeps an archive of all files on your disks for easy searching.  I think it&#8217;s going to be great to be able to search all files, Emails, even Gaim logs on the fly and instantly.  If you haven&#8217;t heard of Beagle, <a href="http://nat.org/demos/">check out these videos of Beagle</a> in action &#8212; I&#8217;m very impressed with it so far.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/beagle.jpg" alt="Beagle Logo" /></p>
<h2>Actual Development in Linux</h2>
<p>Finding a good application for writing, editing, and managing your code is essential for anyone who develops.  Whether it be on the Web or otherwise, if you aren&#8217;t using a proper application your life can become much more difficult than it should be.  I&#8217;m not talking <acronym title="What You See Is What You Get">WYSIWYG</acronym> here, because any serious developer would laugh at its mention.</p>
<h4>Bluefish is King for Development</h4>
<p>I fell in love with <a href="http://bluefish.openoffice.nl/index.html">Bluefish</a> the instant I ran it for the first time.  It is by far my favorite editor and being able to use it daily at work is a great thing for me.  Why do I like it so much?  Apart from the things that most of the other editors do such as highlighting and auto line indent, it has the ability to create Projects, which some of the other editors I was using never had.  I am a fan of this feature because I&#8217;m working on different projects throughout the day and it is an easy way to switch.  The GUI is effective, nice looking, and everything seems to be in just the right spot.  I&#8217;d like to devote an entire article to its benefits in the future, but for the sake of time I&#8217;ll leave it at that.</p>
<h4>Aren&#8217;t Fonts an Issue?</h4>
<p>I think it&#8217;s great not to have the Windows default fonts at my disposal.  It really opened my eyes to taking more time in selecting a font family due to the fact that I didn&#8217;t have many of the typical fonts used on the Web.  It is possible to install TrueType fonts using Linux and if that&#8217;s something you&#8217;re interested in, it can be done.  I have since installed many of the fonts I was using under windows and don&#8217;t really notice any problems using the TrueType fonts.</p>
<h3>Creating Site Mocks</h3>
<p>More often than not a site design begins with a mock.  A static image that&#8217;s shown to the client to see if it meets approval.  From time to time I&#8217;ll be able to work on a mock, but they&#8217;re usually taken care of by the designers.  This brings up two situations that need to be handled by a developer using Linux.  First, which application is comprehensive enough to make the design?  Secondly, how are you going to work with that PSD the designer sent over?</p>
<h4>Pixel and GIMP</h4>
<p><a href="http://www.gimp.org">GIMP</a> is an extremely powerful image editing application.  It is very feature rich, but often confusing to use.  Scott Moschella&#8217;s <a href="http://www.plasticbugs.com/index.php?p=241">GIMPshop</a> and <a href="http://epierce.freeshell.org/gimp/gimp_ps.php">editing the keyboard shortcuts</a> can make GIMP a very Photoshop-like experience, and given some time and effort can be effective.  After some time using it, I still found GIMP to be awkward to use exclusively.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/gimp.jpg" alt="GIMP Logo" /></p>
<p>That is, until I came across <a href="http://www.kanzelsberger.com">Pixel</a>.  Pixel has a much more Photoshop-like interface and can do many of the things Photoshop can, and in the way Photoshop does them.  It has been in development for many years and is not OSS nor is it free to use (save the demo version).  There are still a few bugs in the application as it is still in the beta stage, but Pixel has some definite promise and I was more than happy to pay the nominal fee to use it.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/pixel.jpg" alt="Pixel Screenshot" /></p>
<h3>You Can&#8217;t Forget About Flash</h3>
<p>Personally, I don&#8217;t develop in Flash at this time.  There is a very talented coworker of mine that handles the Flash projects we get so developing in Flash isn&#8217;t an issue for me.  Had it been, I probably wouldn&#8217;t be able to make the shift to Linux being that I wouldn&#8217;t have a way to work in Flash.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/flash.jpg" alt="Flash Logo" /></p>
<p>Viewing Flash documents is another issue entirely.  While Adobe provides a download for a Linux Flash player, but it&#8217;s obvious that effort was lacking in it&#8217;s development.  Flash video is a bit choppy and more often than not will lag over time and the audio will desync.  When it isn&#8217;t video, a Flash movie will behave more or less normally which is a good thing, I suppose.  After a bit of reading I&#8217;ve found that version 9 will be releasing for Linux in the coming months and it should behave much better than the current version.</p>
<h3>File Transfers</h3>
<p>FTP is nothing but essential when developing for the Web.  This is where my first and one of my only issues with Linux arises.  The application I&#8217;m currently using for file transfers is <a href="http://gftp.seul.org/">gFTP</a>.  gFTP is great in that it works and has a GUI interface, but from a usability standpoint I&#8217;m not a big fan.  The interface closely resembles the WS_FTP of 1998 and you <em>have to use the right and left arrow buttons to make transfers.</em>  There&#8217;s no dragging from your local view to your remote view to make the transfer.  That&#8217;s really irritating to me.  Another problem I have with the application is that it doesn&#8217;t remember your site logins.  Security risk or not, I liked it when <a href="http://filezilla.sourceforge.net/">FileZilla</a> remembered my past few logins so I didn&#8217;t have to enter them every day.  Lastly, gFTP won&#8217;t keep your connection alive, so if you&#8217;re editing code for more than about a minute, you&#8217;ll have to reconnect to the server to upload your changes.  If there&#8217;s a way to change any of that, I haven&#8217;t found it and would love to hear what I&#8217;m doing wrong.  Luckily, FileZilla 3 is on the way and with it being cross platform, I&#8217;ll be able to return to my old habits.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/gftp.jpg" alt="gFTP Screenshot" /></p>
<h4>Audio is Essential</h4>
<p>If you&#8217;re anything like me, you have music playing the majority of the time you&#8217;re working.  There were many audio solutions for Linux, but my favorite by far has to be <a href="http://amarok.kde.org/">Amarok</a>.  It will organize your entire collection into a searchable database as many other audio players will do, but what I like about Amarok is that it takes things to the next level.  If you&#8217;re a member of <a href="http://www.last.fm/">last.fm</a>, you&#8217;re able to enter your account information from the start which is great.  Other features I like are integrated lyric lookup and incorporating the <a href="http://musicbrainz.org/">MusicBrainz</a> service to provide you a list of recommended songs based on what you&#8217;re listening to.  I just really like the way it functions and if you get the chance, take a second to check it out.  As a side note, you don&#8217;t need to be running <a href="http://www.kde.org/">KDE</a> for it to work, I&#8217;m using it in <a href="http://www.gnome.org/">Gnome</a>.</p>
<p><img src="http://www.mondaybynoon.com/images/linux/amarok.jpg" alt="Amarok Logo" /></p>
<h2>So Can it Work?</h2>
<p>After a week of using Linux at work I have to say that I&#8217;m very pleased so far.  I&#8217;m mostly ecstatic about using Bluefish exclusively for writing code and I can&#8217;t wait to make more use of its features now that I&#8217;ll have the time and place to really give it a go.  So far working with Web mocks has been the biggest obstacle, and I think the only solution for that will be a Linux port of Photoshop.  Unfortunately I don&#8217;t see that happening any time soon as it is not in the best interest of Adobe to put any resources into such a thing.</p>
<p>Browser testing is completely transparent as to which operating system I&#8217;m using.  With IEs 4 Linux I&#8217;m able to see the faults of Internet Explorer in all their glory, and also able to test in Opera.  Not being on a Mac I&#8217;m still forced to use a coworkers machine to check out Safari and the associated Mac browsers, but that is nothing new.</p>
<p>Using Beagle has already become useful.  It&#8217;s great to be able to type in the name of a client and have all of their associated files, emails, Gaim logs, and anything else related to them put on display right in front of me.</p>
<p>I think completely migrating to Linux will be a positive move for me.  I mainly develop at work so I will be able to deal with the image editing shortcomings I&#8217;ve discovered.  I may find that it will only take some time to learn the ins and outs of Pixel and GIMP and Photoshop can be a temporary memory until ported to Linux.  I haven&#8217;t received a complicated PSD from the designers yet but I&#8217;m sure that will provide an interesting morning or afternoon.  The only drawback I&#8217;ve found is that Wacom pressure sensitivity works only in GIMP, not Pixel.  The Pixel developer has indicated, however, that he is working on including Wacom support in a future build which is great.  I&#8217;ll be sure to include my findings in a future article.</p>
<p>I&#8217;m going to enjoy not having to worry about hard drive fragmentation, <a href="http://www.microsoft.com/genuine/downloads/whyValidate.aspx">WGA</a> and the <a href="http://news.zdnet.com/2100-3513_22-6081286.html">garbage it brings</a>, Vista, spyware, viruses, and the other problems I came across from using Windows.  Linux is becoming better by the day and I&#8217;ll be excited to see how much further it reaches by the time Vista hits the shelves.</p>
<p>The next few months will be really interesting as I&#8217;ll be able to find out whether or not Linux is the solution for me when it comes to my work environment.  I&#8217;d like to write again giving updates as to my findings specifically having to do with Web Development as opposed to average use.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=28&c=721984896' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1269068&k=2ee344414ac81fbb0f9de6ab08e9831e&a=28&c=721984896' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/2ee344414ac81fbb0f9de6ab08e9831e/zone/1269068' target='_blank'>Advertise here with BSA</a></p>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/20060703/linux-and-web-development-intro/feed/</wfw:commentRss>
		<slash:comments>110</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Database Caching 1/120 queries in 0.121 seconds using apc
Object Caching 1806/2015 objects using apc

Served from: www.mondaybynoon.com @ 2012-02-10 19:28:14 -->
