<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><rss 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/" version="2.0">

<channel>
	<title>Monday By Noon</title>
	
	<link>http://mondaybynoon.com</link>
	<description>A resource for Web designers and developers to read about and discuss their craft.</description>
	<pubDate>Mon, 05 Jan 2009 14:05:34 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/MondayByNoon" type="application/rss+xml" /><item>
		<title>Prosper in this Time of Economic Turmoil</title>
		<link>http://mondaybynoon.com/2009/01/05/prosper-in-this-time-of-economic-turmoil/</link>
		<comments>http://mondaybynoon.com/2009/01/05/prosper-in-this-time-of-economic-turmoil/#comments</comments>
		<pubDate>Mon, 05 Jan 2009 14:04:14 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[Current Events]]></category>

		<category><![CDATA[Opinion]]></category>

		<category><![CDATA[economy]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=282</guid>
		<description><![CDATA[The economy is causing trouble on the Web. How can you capitalize?]]></description>
			<content:encoded><![CDATA[<p>The current economic troubles in the United States have been made famous as of late. It&#8217;s terribly difficult to make it a few hours without hearing just a little more detail about how the economy in America is upside down. What&#8217;s more is the undeniable fact that every corner of the US market is feeling the recoil, and that shock wave continues to echo well beyond our borders.</p>

<p>It&#8217;s a natural tendency to consider the fact that economic issues this far gone will indeed have a direct effect on you and your lifestyle. The main question remains, however; <em>to what extent?</em> At what point will the questionable actions of major financial institutions cease influence on your life? We&#8217;re all reading every day about another group of employees losing jobs as a direct result of economic difficulty.</p>

<p>Unfortunately, it&#8217;s going to take time before the current financial situation rights itself. Considering that fact, you need to prepare yourself for as much as possible. Preparation comes from education and advice, but always keep in mind to question what you read. The advice of others may not be in your best interest, but instead in the interest of someone else entirely. I don&#8217;t mean to sound like a conspiracy theorist, but I feel strongly about personal education. Read as much as you can to arm yourself with the greatest possible variety of information. You will be much better prepared to analyze everything you read.</p>

<h2>The economy. The Web.</h2>

<p>I work on the Web. I&#8217;m <strong>extremely</strong> interested in what&#8217;s to come for myself as well as my colleagues in the industry over the next few years. I can reiterate what knowledge I&#8217;ve gained regarding the possible future of the Web industry, but that goes against my earlier point of researching for yourself.</p>

<p>The <em>general</em> consensus, from what I gather, is that the Web will begin to evolve from its current state, for the better. I say &#8216;for the better&#8217; because I believe the Web is over-saturated with designers and developers. There are too many companies that exist purely to maximize profit and minimize time. Quality doesn&#8217;t come into the picture with these companies, just turnaround time. It&#8217;s these companies which have made Web design that much more difficult to truly respect for the general public.</p>

<p>There are a number of ways to interpret that, however. It all depends on your perspective. I have that opinion as a professional designer, constantly bombarded with skepticism about each hour that goes into a project. I completely sympathize with a company and its budget, <em>but I don&#8217;t <strong>question</strong> why your budget is so small</em>.</p>

<p>Analysts mention that the next few years will be the time for small firms and freelancers. That&#8217;s comforting for me to hear, as my company currently consists of 16 people. It&#8217;s disconcerting because we&#8217;re already reading about unjust position terminations from large corporations. People say that the industry will begin to weed itself out, but I have difficulty standing completely behind that opinion. If the industry were truly taking out its own garbage, why are such high profile positions sacrificed so early? I ask that question with complete ignorance, I&#8217;m more than sure there are too many factors to consider beyond raw talent, but the facts remain.</p>

<h3>What are you doing?</h3>

<p>Why did it take economic turmoil to trigger this self-cleansing?  I&#8217;ve been thinking about this topic for quite some time, wondering if my peers have become a bit too comfortable in their professional life. That sounds terribly negative, but it should be a concern if you&#8217;re a professional designer or developer.</p>

<p>I thought I&#8217;d share with you some of the things I&#8217;m actively pursuing to avoid any significant negative influence the economy will have. It&#8217;s important that you keep yourself in check, not only because the economy is in a slump, but always. As always, my opinions are mine, expressed explicitly for the benefit of reading an outside opinion on a subject in which you may be interested.</p>

<dl>
	<dt>Keep learning</dt>
	<dd>Are you actively expanding your industry knowledge? When is the last time you read a book on a subject that would positively effect your work? On the Web, you should never stop learning. When you cease to actively expand your knowledge, you become stagnant. You will soon find yourself out of touch, and your work will indeed suffer. If you&#8217;re not currently researching various aspects of your professional duties, please start. There is always something to learn. If you&#8217;re not inspired to expand your knowledge, branch out into something a bit more abstract.</dd>
	<dt>Minimize overhead</dt>
	<dd>Your best course of action will be examining your current daily habits and the influence those habits have on the big picture. Are there areas of your day upon which you can maximize, not only to save yourself time and stress, but make the company a few extra dollars? That&#8217;s not to say you&#8217;re wasting company time, but there will always be <a href="http://en.wikipedia.org/wiki/Overhead_(business)">overhead</a>. Overhead in our industry can be kept to a minimum, but that depends heavily on your process. Are there any glaring issues you&#8217;ve picked up on recently? Don&#8217;t be shy, bring up your ideas.</dd>
	<dt>Put in the extra time and effort</dt>
	<dd>Perhaps most important is putting in a bit of extra time when you can. That&#8217;s not to say you should start working 60 hour weeks out of the goodness of your heart, but a few hours a week for the benefit of the company can work wonders. My company has recently started getting together as a team to work on internal projects over pizza and beers and the effects have been excitingly positive.</dd>
</dl>

<p>Keeping things like this on your mind is definitely not guaranteed job security, but it will indeed set you apart from the crowd should the financial belt of your company tighten. Make sure your company knows how valuable you are.</p>

<p>My strategy throughout this mess is to keep doing what I&#8217;m doing. I have a significant respect for this industry and the people in it. My company works extremely hard to prove itself with each project request that comes through the door. We&#8217;re confident that the time we have put in over the past decade will provide a strong foundation to carry us through. As a small business, we&#8217;re excited about the possibility of working with some bigger clients by capitalizing where we can. The Web will definitely change as a result of current financial happenings, we&#8217;ll need to work together to take advantage of the situation and make sure we all come out ahead.</p>

<h4>Additional reading</h4>

<ul>
	<li><a href="http://www.airbagindustries.com/archives/airbag/goldfish.php">Goldfish</a></li>
	<li><a href="http://24ways.org/2008/recession-tips-for-web-designers">Recession Tips for Web Designers</a></li>
	<li><a href="http://mondaybynoon.com/2007/07/30/improving-your-process-9-ways-to-improve-yourself/">9 Ways to Improve Yourself</a></li>
</ul><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=iJKor2.P"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=iJKor2.P" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=KrIP56.p"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=KrIP56.p" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=oIpUw8.p"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=oIpUw8.p" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/503392624" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/01/05/prosper-in-this-time-of-economic-turmoil/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2009%2F01%2F05%2Fprosper-in-this-time-of-economic-turmoil%2F</feedburner:awareness></item>
		<item>
		<title>Year in Review: Highlights from 2008</title>
		<link>http://mondaybynoon.com/2008/12/29/year-in-review-highlights-from-2008/</link>
		<comments>http://mondaybynoon.com/2008/12/29/year-in-review-highlights-from-2008/#comments</comments>
		<pubDate>Mon, 29 Dec 2008 13:25:56 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[Opinion]]></category>

		<category><![CDATA[Site News]]></category>

		<category><![CDATA[2008]]></category>

		<category><![CDATA[Design]]></category>

		<category><![CDATA[Development]]></category>

		<category><![CDATA[highlights]]></category>

		<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=277</guid>
		<description><![CDATA[A list of my favorite Web design and development articles from 2008]]></description>
			<content:encoded><![CDATA[<p>I&#8217;m hoping that Monday By Noon was able to gain a few more readers this year, so I&#8217;m keeping up my tradition of gathering a comprehensive list of my personal favorite articles from the past twelve months. I hope this list is also useful to existing readers in case a headline wasn&#8217;t intriguing enough. The list this year, as in previous years, is in chronological order (not in order of preference).</p>

<dl>
	<dt><a href="http://mondaybynoon.com/2008/01/14/improving-your-process-css-techniques-part-2/">Improving Your Process: CSS Techniques Part 2</a></dt>
		<dd>I <em>love</em> reading tips and tricks about writing CSS. From what I can see, other designers enjoy it as well. I hope to explain even more of my methods in even more detail in 2009. That is, of course, if readers are interested. Do you find these articles informative, or would you rather have more opinionated articles on a different subject entirely?</dd>
	<dt><a href="http://mondaybynoon.com/2008/01/28/ie8-version-targeting-and-the-ruckus-its-causing/">IE8, Version Targeting, and the Ruckus it’s Causing</a></dt>
		<dd>This article reminds me of a great debate this year. To me, it&#8217;s great when the entire design and development community takes the time to offer worthwhile opinions on a subject. There was absolutely no shortage of opinion on Microsoft&#8217;s decision to allow version targeting via proprietary <code>meta</code> elements. There was great uproar on both sides of the fence, and I found it to be extremely enlightening to take a passive seat on the issue for a while and read what both camps had to say.</dd>
	<dt><a href="http://mondaybynoon.com/2008/02/25/validation-zealotry-and-markup-exploitation/">Validation Zealotry and Markup Exploitation</a></dt>
		<dd>I love the design community. I credit so many people for everything I know, and I continue to be educated by simply reading a few articles published out of the goodness of someone&#8217;s heart. There are, however, some dark corners in the community which can make people feel unwelcome. Luckily, negative influence is becoming sparse (as far as I can see), but it&#8217;s important to remember where you came from. There was a time when you asked a foolish question, and received a helpful answer instead of a hurtful, useless comment. What&#8217;s great about the community as a whole is that many members will instead write a helpful piece as opposed to publicly ousting and pointing fingers.</dd>
	<dt><a href="http://mondaybynoon.com/2008/04/21/why-i-like-and-use-reset-css/">Why I Like (and Use) Reset CSS</a></dt>
		<dd>The CSS debates continued into 2008, and I&#8217;m glad for that. This past April, some waves were made concerning &#8216;reset&#8217; style sheets. The division was, again, mostly even and there were plenty of arguments on both sides. I had a personal opinion to offer on the subject, and tried to be unbiased in my delivery. I got some great responses to this article, and had good conversation on the subject in other places.</dd>
	<dt><a href="http://mondaybynoon.com/2008/04/28/raising-the-bar-with-adaptive-templates/">Raising the Bar with Adaptive Templates</a></dt>
		<dd>I like to pass on any tricks or techniques that I discover. I usually spend quite a bit of time trying to research whether a particular technique had already been published in hopes of trying to remain unique (and not unwittingly take credit for something not originally mine). I&#8217;m a big fan of this adaptation of <a href="http://www.alistapart.com/articles/supereasyblendys">Super-Easy Blendy Backgrounds</a> I was able to implement on a client site this year. I plan to revisit the technique in early 2009, and finally provide a comprehensive working example of the subject matter.</dd>
	<dt><a href="http://mondaybynoon.com/2008/06/30/siding-with-html-over-xhtml-my-decision-to-switch/">Siding with HTML over XHTML, My Decision to Switch</a></dt>
		<dd>The debate over choosing HTML or XHTML has been continuing for quite some time. I took some time this past year to really examine my personal list of pros and cons between the two technologies, and ended up feeling a preference for HTML over XHTML. Since publishing this article, I&#8217;ve only been able to make a complete switch in my personal endeavors. Unfortunately (for my decision) there are too many tools my company uses professionally which depend on the strict ruleset of XHTML to function properly. That said, I plan to discuss this topic in 2009, considering that exactly; are our tools preventing us from choosing HTML?</dd>
	<dt><a href="http://mondaybynoon.com/2008/08/04/does-higher-education-produce-web-professionalism/">Does Higher Education Produce Web Professionalism?</a></dt>
		<dd>Higher education is a debate the world over. Every individual has a specific opinion on the subject, influenced by personal experience. I felt it applicable to offer both my opinions and experience with higher education in professional Web design. There were some excellent responses to this article, and I&#8217;m thankful to read the great opinions left by other readers.</dd>
	<dt><a href="http://mondaybynoon.com/2008/09/01/css-organization-methods-and-writing-style/">CSS Organization Methods and Writing Style</a></dt>
		<dd>A small debate that found itself at the forefront of conversation for a few days was that of single line versus multiline writing style for CSS. As with all good debates, both sides had similar numbers, making for great opinions and discussions. I took things a bit further in this discussion. Seeing no feasible &#8216;right&#8217; or &#8216;wrong&#8217; way to write CSS, I offered an alternative: just <a href="http://mondaybynoon.com/reformat-css/">reformat your CSS</a> and put it back when you&#8217;re done.</dd>
	<dt><a href="http://mondaybynoon.com/2008/09/22/what-works-best-for-design-presentation/">What Works Best for Design Presentation?</a></dt>
		<dd>Client work is another passion of mine. I try to take the things I gain from working with clients every day and transform my lessons learned into &#8216;future proofing articles&#8217; to help anyone finding themselves working with clients. Client interaction can be a very delicate operation, and design presentation is a big factor in that.</dd>
	<dt><a href="http://mondaybynoon.com/2008/10/06/loving-webkit-the-web-inspector-redesign-is-huge/">Loving WebKit: The Web Inspector Redesign is Huge</a></dt>
		<dd>I <strong>cannot wait for Safari 4</strong>. I can&#8217;t say it enough, <strong>I want Safari 4</strong>. Firefox is great, and I love it, but the latest Web Inspector is just begging to be used. I dedicated an entire article to the major revamp from the WebKit team to spread the word about the utterly fantastic work they&#8217;re doing for designers.</dd>
	<dt><a href="http://mondaybynoon.com/2008/12/15/css-tools-coda-plugin/">CSS Tools Coda Plugin</a></dt>
		<dd>Much of my impatient desire for Safari 4 is directly correlated with <a href="http://www.panic.com/coda">Coda</a>. I&#8217;ve been a dedicated <a href="http://www.macromates.com">TextMate</a> user for quite some time now, and it is a <em>tremendous</em> editor. Over the past few months, I&#8217;ve been craving something more, something different, and TextMate hasn&#8217;t had a major update in eons. Panic dropped Coda 1.5 on the world and followed up with 1.6 bringing a round of changes unheard of for a free upgrade to existing users. The workflow in Coda is spot on, and I&#8217;ve found myself putting the timesaving aspects of TextMate on hold in favor of the one window deliciousness of Coda thanks to plugins. I&#8217;m usually not one to create plugins, mostly because anything I&#8217;d need has already been done. With Coda it&#8217;s a different story; plugins are brand new, and not many have been released yet. Late this year I took the time to begin porting some of my favorite features from TextMate, <a href="http://mondaybynoon.com/2008/12/15/css-tools-coda-plugin/">CSS Tools</a> being one of them.</dd>
</dl>

<p>I hope new readers are able to find a few articles of interest in that list, and ideally you existing readers are able to find a piece you may have overlooked from the past year.</p>

<h3>Resolutions By Noon</h3>

<p>I&#8217;d like to give myself a list of goals to accomplish in 2009 with this website. I must admit, there were times this year during which I found it very difficult to put together an article for any particular week. Opposed to simply publishing for the sake of publishing and meeting my quota, I opted to hold off on writing until I found a subject which would be valuable and/or entertaining. I hope no faith was lost in my posting schedule, I hope to tackle that head on this year.</p>

<p>I&#8217;d also like to write more articles on my personal processes, not limited to design or development, but client interaction as well. Are those articles of interest to anyone, or is that information being ignored? Client interaction is a big part of my daily routine, but if that information isn&#8217;t useful to the majority, I&#8217;d much rather write about something that is.</p>

<p>I know I asked last year, but are Windows/Linux users put off by my publishing articles directly tied to OS X? I know my stint with Coda plugins must have been uninteresting to you. If they&#8217;re completely useless an ignore-able, I will make a consistent effort to publish those articles midweek, and restrict Monday articles to universal topics. I&#8217;d love to hear your thoughts.</p>

<h3>Thank you</h3>

<p>Thank each of you for keeping Monday By Noon in your feed reader. It&#8217;s great that you&#8217;re able to provide your attention once a week and read whatever it is that was on my mind that week. The best part is you&#8217;ll take the time to chime in when you&#8217;re able, and I can&#8217;t thank you enough. Please continue reading, and what is more important, continue writing. See you in 2009!</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=cmSPjQ.O"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=cmSPjQ.O" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=tzyRu5.o"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=tzyRu5.o" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=QQrlvU.o"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=QQrlvU.o" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/497758548" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2008/12/29/year-in-review-highlights-from-2008/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2008%2F12%2F29%2Fyear-in-review-highlights-from-2008%2F</feedburner:awareness></item>
		<item>
		<title>JavaScript Tools Coda Plugin</title>
		<link>http://mondaybynoon.com/2008/12/15/javascript-tools-coda-plugin/</link>
		<comments>http://mondaybynoon.com/2008/12/15/javascript-tools-coda-plugin/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 14:45:29 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Workbench]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=265</guid>
		<description><![CDATA[This plugin gives you the ability to Minify and Pack your JavaScript within Coda]]></description>
			<content:encoded><![CDATA[<p>One bundle I found myself using consistently within TextMate is <a href="http://andrewdupont.net/2006/10/01/javascript-tools-textmate-bundle/">JavaScript Tools</a>. The bundle gives you a number of great tools right at your fingertips for working with JavaScript. I decided to begin porting what I can to a Coda plugin.</p>

<h2>JavaScript Tools Coda Plugin</h2>

<p>One of the most useful parts of the JavaScript Tools bundle was the ability to <a href="http://www.crockford.com/javascript/jsmin.html">Minify</a> or <a href="http://dean.edwards.name/packer/">Pack</a> your source within TextMate. Having the ability to compress and obfuscate your JavaScript is of great benefit, and I did my part when I could. Minification and Packing are two different technologies, both with pros and cons. I decided to integrate both as they are my tools of choice.</p>

<p>I ran into some issues when putting this plugin together, however. While testing, I was using one of the many <a href="http://www.jquery.com">jQuery</a> plugins and compression was going great. As I continued my testing, I attempted to Minify jQuery. That&#8217;s when things started getting a bit sticky. When invoking the compression of a larger JavaScript file, Coda began to act a bit strange. The application itself would seem to choke and eventually freeze. After a few seconds of locking up, my entire machine would freeze, forcing a hard reboot. I&#8217;m currently in contact with Panic to see if there is an issue with my personal machine, or something else entirely.</p>

<p>When working properly, the plugin operates like this:</p>

<div class="video">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="634" height="386" id="viddler_7356df"><param name="movie" value="http://www.viddler.com/player/7356df/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/player/7356df/" width="634" height="386" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_7356df" ></embed></object>
<p><a href="http://www.viddler.com/explore/jchristopher/videos/7/">JavaScript Tools plugin for Coda</a> on <a href="http://www.viddler.com">Viddler</a></p>
</div>

<p>I hope to work with Panic over the next few days to come up with a solution to the &#8216;large file problem&#8217; and I&#8217;ll post a revision as soon as some new information surfaces. In the meantime, if you&#8217;d like to crack open the plugin and see if you spot any red flags, I&#8217;d be greatly appreciative. Currently the plugin misbehaves whether you Minify or Pack, so I&#8217;m lead to believe it&#8217;s an issue outside one class or the other.</p>

<p>Future plans include the incorporation of the <a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a> as well as <a href="http://www.jslint.com/">JSLint</a>. After solving the issue of working with larger files, I&#8217;m going to work on integrating those technologies.</p>

<h3>Download JavaScript Tools</h3>
<dl>
	<dt><a href="http://mondaybynoon.com/download/plugins/coda/javascripttools/javascripttools_0.5.zip">Version 0.5</a></dt>
	<dd>December 15, 2008 - Initial release</dd>
</dl><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=ouZSO"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=ouZSO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=TprSo"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=TprSo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=WHGVo"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=WHGVo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/485604912" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2008/12/15/javascript-tools-coda-plugin/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2008%2F12%2F15%2Fjavascript-tools-coda-plugin%2F</feedburner:awareness></item>
		<item>
		<title>CSS Tools Coda Plugin</title>
		<link>http://mondaybynoon.com/2008/12/15/css-tools-coda-plugin/</link>
		<comments>http://mondaybynoon.com/2008/12/15/css-tools-coda-plugin/#comments</comments>
		<pubDate>Mon, 15 Dec 2008 14:45:12 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[Development]]></category>

		<category><![CDATA[Workbench]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=261</guid>
		<description><![CDATA[CSS Tools allows you to reformat and compress your style sheets]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been using <a href="http://www.panic.com/coda">Coda</a> on a more consistent basis lately, primarily due to the inclusion of <a href="http://www.panic.com/coda/developer/community/plugins.php">third party plugins</a>. As I work, I&#8217;ll find myself missing a few features from <a href="http://www.macromates.com">TextMate</a> bundles. Since it&#8217;s terribly easy to <a href="http://www.panic.com/coda/developer/howto/plugins.php">write your own Coda plugin</a>, I&#8217;m going to make a consistent effort to write and maintain a small library of plugins over the coming months.</p>

<h2>CSS Tools</h2>

<p>My latest plugin finds its roots in an article I wrote not too long ago; <a href="http://mondaybynoon.com/2008/09/01/css-organization-methods-and-writing-style/">CSS Organization Methods and Writing Style</a>. In the article, I took a quick look at a small rift that brought up quite a bit of conversation in the Web community. There are two distinct camps, it seems, when it comes to people who write CSS. There is one side that writes their CSS properties on a single line, and another that will devote a line to each property in a selector. Personally I&#8217;m in the &#8217;single line&#8217; camp, but I absolutely understand why other authors prefer multi line.</p>

<p>I came up with a proposed solution; <a href="http://mondaybynoon.com/reformat-css/">reformat your CSS</a>. That tool uses <a href="http://csstidy.sourceforge.net/">CSSTidy</a> to allow a simple transformation of your CSS formatting. It will retain any comments, and leaves all properties as written (instead of converting to shorthand, for example.)</p>

<p>Basically, CSS Tools brings that functionality to Coda. You&#8217;re able to convert a style sheet from single line to multi line and vice versa. You&#8217;re also able to compress your CSS if you&#8217;d like. Take a look:</p>

<div class="video">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="634" height="382" id="viddler_19850581"><param name="movie" value="http://www.viddler.com/player/19850581/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/player/19850581/" width="634" height="382" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_19850581" ></embed></object>
<p><a href="http://www.viddler.com/explore/jchristopher/videos/8/">CSS Tools plugin for Coda</a> on <a href="http://www.viddler.com">Viddler</a></p>
</div>

<p>I plan on making the plugin more elaborate over the coming weeks, hopefully beefing up the template which handles reformatting, as well as providing more methods for compression, possibly the ability to include your own CSSTidy template for processing.</p>

<h3>Download CSS Tools</h3>
<dl>
	<dt><a href="http://mondaybynoon.com/download/plugins/coda/csstools/csstools_1.0.zip">Version 1.0</a></dt>
	<dd>December 15, 2008 - Initial release</dd>
</dl><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=yi5WO"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=yi5WO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=yn7Mo"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=yn7Mo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=lmspo"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=lmspo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/485604913" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2008/12/15/css-tools-coda-plugin/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2008%2F12%2F15%2Fcss-tools-coda-plugin%2F</feedburner:awareness></item>
		<item>
		<title>Pro JavaScript Techniques Book Review</title>
		<link>http://mondaybynoon.com/2008/12/08/pro-javascript-techniques-book-review/</link>
		<comments>http://mondaybynoon.com/2008/12/08/pro-javascript-techniques-book-review/#comments</comments>
		<pubDate>Mon, 08 Dec 2008 13:59:38 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[Book Reviews]]></category>

		<category><![CDATA[JavaScript]]></category>

		<category><![CDATA[Opinion]]></category>

		<category><![CDATA[book]]></category>

		<category><![CDATA[js]]></category>

		<category><![CDATA[resig]]></category>

		<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=251</guid>
		<description><![CDATA[Pro JavaScript Techniques by John Resig is definitely not an introductory text, but a great way to increase your existing knowledge of JavaScript.]]></description>
			<content:encoded><![CDATA[<p class="img book-cover"><a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1590597273"><img src="http://mondaybynoon.com/images/books/pro-javascript-techniques.gif" alt="Pro JavaScript Techniques Book Cover"></a></p>

<p>Consistently for the past year or so, I&#8217;ve become increasingly interested in JavaScript and its capabilities. Each week I find myself using JavaScript in new and better ways to <a href="http://en.wikipedia.org/wiki/Progressive_enhancement">progressively enhance</a> documents on the Web. Thankfully, there is a large group of terribly intelligent people consistently publishing not only their knowledge on the subject, but also new and improved tools with which to work.</p>

<p>Over time, I have experimented with a number of JavaScript libraries. I first started out working with <a href="http://www.prototypejs.org/">Prototype</a> but quickly became more comfortable using <a href="http://mootools.net/">MooTools</a>. I spent a short amount of time using MooTools in conjunction with other resources to learn a bit more about JavaScript. Then I discovered <a href="http://jquery.com/">jQuery</a>. jQuery has caught on like wildfire in recent months (years?) and rightfully so. One of the reasons I work primarily with jQuery is because of its author; <a href="http://ejohn.org/">John Resig</a>. From what I can gather, he and I think alike. Although his knowledge of JavaScript is leaps and bounds ahead of mine, reading his articles still makes perfect sense. It should be no surprise that his book is written in the same way.</p>

<h2>Pro JavaScript Techniques by John Resig</h2>

<p>I&#8217;m a bit late in reading <a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1590597273">Pro JavaScript Techniques</a>, since it was released two years ago this month. Many times, two years is quite a while to let a Web book get out of date before reading it. I was pleasantly surprised to see that was not the case at all with Pro JavaScript Techniques. If you take a glance at the <a href="http://jspro.org/toc/">table of contents</a> you can plainly see the great selection of topics in the book.</p>

<h3>Who is this book for?</h3>

<p>This book is definitely <strong>not</strong> to be used as an introductory volume. If you&#8217;re just starting out with JavaScript, I would suggest perhaps <a href="http://mondaybynoon.com/2007/01/15/dom-scripting-book-review/">DOM Scripting</a> by Jeremy Keith. That&#8217;s not to say DOM Scripting <em>is</em> an introductory text, but more applicable for sure. This book is for a JavaScript author who has the basics down. Someone looking to take the next step in their JavaScript knowledge. In the first chapter, Resig dives right into objects in JavaScript, if that helps to put things in perspective.</p>

<h3>What can you learn from this book?</h3>

<dl>
	
	<dt>Part 1: Introducing Modern JavaScript</dt>
	<dd>From the first few pages you&#8217;ll be introduced to object-oriented JavaScript. From there, you&#8217;re shown some great techniques for testing your code &amp; packaging your distribution. Part 1 also touches upon unobtrusive scripting, the DOM, events, Ajax, and cross-browser support.</dd>
	
	<dt>Part 2: Professional JavaScript Development</dt>
	<dd>The second part of the book focused on the particulars of object oriented JavaScript through the discussion of objects, object creation, overloading, and more. This part of the book did a great job in preparing the reader for what&#8217;s to come. There is a strong focus on creating code reusability; something valuable to all aspects of programming. Part two finishes with a chapter dedicated to testing and debugging your JavaScript, something that can be exponentially frustrating when first working with any programming language. To our benefit, modern JavaScript has made available a number of very robust tools which make working with JavaScript quite pleasant.</dd>
	
	<dt>Part 3: Unobtrusive JavaScript</dt>
	<dd>Part three discusses the Document Object Model, the foundation of modern JavaScript. After covering the basics surrounding the DOM, we&#8217;re guided through an introduction to events and how to work with them. Working with CSS via JavaScript is discussed in chapter 7, helping the reader to learn that JavaScript can do much more than interact with the DOM. Part three closes up with a couple examples which employ the techniques discussed in chapters previous, allowing the reader to see some of these methods in a functional real world environment.</dd>
	
	<dt>Part 4: Ajax</dt>
	<dd>Resig devoted an entire section of this book to Ajax, and not without good reason. Ajax is one of the primary reasons for the popularity of modern JavaScript. Ajax has done quite a bit to make the usability of documents much more interactive and effective. After discussing the basics of Ajax, a number of real-world examples are discussed. There are many good examples to work from and build upon in this section of the book.</dd>
	
	<dt>Part 5: The Future of JavaScript</dt>
	<dd>When working on the Web, it&#8217;s always important to consider whether your technology of choice has any viability in such a &#8216;hostile&#8217; environment. This part of the book discusses where JavaScript is going and includes a few Web applications to check out.</dd>
	
</dl>

<p>There is an extensive appendix available at the conclusion of the book, which can be quite useful when trying to remember something you&#8217;ve read previously.</p>

<h3>Summary</h3>

<p>I thought this book was great. Reading this book really helped me to see why I like working with jQuery so much. It&#8217;s as though it can be looked at as a journal of sorts, providing a structure for a JavaScript library. Although I enjoy jQuery and it&#8217;s my library of choice, it&#8217;s only mentioned a very limited number of times, and always along other JavaScript libraries. This book was in no way a billboard for Resig&#8217;s library, instead it was meant as a way to improve your knowledge of JavaScript. If you&#8217;re looking to improve your knowledge of JavaScript from a basic level, <a href="http://www.amazon.com/gp/product/1590597273?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1590597273">Pro JavaScript Techniques</a> is a great way to do it.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=3oHZO"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=3oHZO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=DwyHo"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=DwyHo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=b6Sjo"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=b6Sjo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/478472870" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2008/12/08/pro-javascript-techniques-book-review/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2008%2F12%2F08%2Fpro-javascript-techniques-book-review%2F</feedburner:awareness></item>
		<item>
		<title>Replicating TextMate: Comment Banner Plugin for Coda</title>
		<link>http://mondaybynoon.com/2008/12/01/replicating-textmate-comment-banner-plugin-for-coda/</link>
		<comments>http://mondaybynoon.com/2008/12/01/replicating-textmate-comment-banner-plugin-for-coda/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 16:46:19 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[Development]]></category>

		<category><![CDATA[Workbench]]></category>

		<category><![CDATA[Coda]]></category>

		<category><![CDATA[comment]]></category>

		<category><![CDATA[Panic]]></category>

		<category><![CDATA[plugin]]></category>

		<category><![CDATA[TextMate]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=233</guid>
		<description><![CDATA[This plugin replicates the comment banner functionality of TextMate]]></description>
			<content:encoded><![CDATA[<p>Throughout the life of Monday By Noon, I&#8217;ve been quite public about my choice of operating system. Originally I was a Windows user, from there I <a href="http://mondaybynoon.com/2006/07/03/linux-and-web-development-intro/">switched to Linux</a> and finally <a href="http://mondaybynoon.com/2007/11/26/ive-switched-from-linux-and-settled-on-os-x/">made my way to OS X</a>. I haven&#8217;t looked back, and I&#8217;m consistently impressed with the quality of applications available, not only for Web design, but general use as well.</p>

<p>Choice of text editor is a very personal thing for any developer. I&#8217;ve tried nearly every editor under the sun, just to make sure I wasn&#8217;t missing out on anything. Over the past year or so, I&#8217;ve wobbled back and forth between <a href="http://macromates.com/">TextMate</a> and <a href="http://www.panic.com/coda/">Coda</a>. TextMate is brutally useful, and Coda is terribly beautiful and functional. Time after time I&#8217;d return to TextMate simply because of the elaborate bundles, especially the snippet implementation. Coda&#8217;s editor just didn&#8217;t cut it when it came down to the timesaving techniques TextMate has spoiled with me.</p>

<p>Then came Coda 1.6. Coda now supports a full range of plugin functionality, along with a <a href="http://www.panic.com/coda/developer/howto/plugins.php">stunning plugin creator</a>. I was instantly thrilled, dying to give Coda a fighting chance against TextMate. Since the debut of 1.6, some really great <a href="http://www.panic.com/coda/developer/community/plugins.php">third party plugins</a> have been published, and I&#8217;m very excited about the potential of very elaborate plugins down the line.</p>

<h2>Writing a Coda plugin</h2>

<p>I&#8217;ve never been one to get very detailed with plugin development, mostly because any plugin I wanted to write had already been done (and done well). With Coda plugins being brand new, there are plenty of plugins to write; I thought I&#8217;d give it a shot.</p>

<p>Writing a Coda plugin is terribly easy. It&#8217;s a matter of downloading <a href="http://www.panic.com/coda/developer/howto/plugins.php">the plugin creator</a>, choosing from a number of languages, and publishing your plugin. If you&#8217;ve never built a plugin before, I&#8217;d definitely suggest playing around with Panic&#8217;s implementation with Coda, it&#8217;s a very satisfying experience.</p>

<h3>Comment banner plugin for Coda</h3>

<p>The functionality behind the plugin I decided to write by no surprise is rooted in TextMate. I&#8217;ve become a <em>huge fan</em> of the comment banner snippet in TextMate. It gave me a ridiculously fast way of inserting comment banners, allowing me to further segment some of my larger <abbr title="Cascading Style Sheets">CSS</abbr> documents, and I&#8217;ve even started documenting my source documents and JavaScript using comment banners. If you&#8217;re not familiar with comment banners, check out a quick screencast I put together:</p>

<div class="video">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="545" height="447" id="viddler_f6685357"><param name="movie" value="http://www.viddler.com/player/f6685357/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/player/f6685357/" width="545" height="447" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_f6685357" ></embed></object>
<p><a href="http://www.viddler.com/explore/jchristopher/videos/4/">Comment Banner plugin for Coda</a> on <a href="http://www.viddler.com">Viddler</a></p>
</div>

<p>Unfortunately, in its current state, my plugin is nowhere near as advanced as the TextMate implementation. In TextMate, you can simply trigger the snippet and type your comment as you go. My plugin instead uses an existing line of text and transforms that into a comment banner. Once I take a closer look at the Coda plugin architecture, I&#8217;d like to completely duplicate the TextMate implementation.</p>

<p>Another feature that&#8217;s currently incomplete is the syntax mode detection. I&#8217;ve only had time to implement a few of the document types I find myself editing most often. Once I look into the comment syntax of all the modes supported by Coda, I&#8217;ll make additions to make the plugin that much more comprehensive. Of course, if your syntax mode of choice is not supported (there&#8217;s a good chance it may not be) you can post a comment below and let me know about it, I&#8217;ll make updates as soon as possible.</p>

<p>Additionally, the syntax detection that does take place only looks at the extension of the file in which you&#8217;re working. For example, the plugin doesn&#8217;t know you&#8217;re editing a JavaScript block inside an HTML document.</p>

<p>You can trigger the plugin by typing your intended comment (single line of text) and choosing Plug-ins > Comment Banner, or simply use the key command from TextMate; <strong>Control + Shift + B</strong>.</p>

<p>If you&#8217;re a Coda user, I hope you find this plugin useful. If you&#8217;ve got any feedback at all please take a moment and post in the comment thread, and stay tuned for updates!</p>

<h3>Download Comment Banner</h3>

<dl>
	<dt><a href="http://mondaybynoon.com/download/plugins/coda/commentbanner/commentbanner_0.6.1.zip">Version 0.6.1</a></dt>
	<dd>December 17, 2008 - Implemented possible fix for &#8216;Undefined variable&#8217; error messages</dd>
	<dt><a href="http://mondaybynoon.com/download/plugins/coda/commentbanner/commentbanner_0.6.zip">Version 0.6</a></dt>
	<dd>December 12, 2008 - Added Coda comment bookmark syntax (Suggested by <a href="http://mondaybynoon.com/2008/12/01/replicating-textmate-comment-banner-plugin-for-coda/comment-page-1/#comment-4313">Jason</a>)</dd>
	<dt><a href="http://mondaybynoon.com/download/plugins/coda/commentbanner/commentbanner_0.5.1.zip">Version 0.5.1</a></dt>
	<dd>December 5, 2008 - Added support for JSP</dd>
	<dt><a href="http://mondaybynoon.com/download/plugins/coda/commentbanner/commentbanner_0.5.zip">Version 0.5</a></dt>
	<dd>December 1, 2008 - Initial release</dd>
</dl><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=ED5TO"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=ED5TO" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=SoTMo"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=SoTMo" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=hC7Fo"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=hC7Fo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/471481222" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2008/12/01/replicating-textmate-comment-banner-plugin-for-coda/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2008%2F12%2F01%2Freplicating-textmate-comment-banner-plugin-for-coda%2F</feedburner:awareness></item>
		<item>
		<title>Recapping the Future of Web Design NYC 2008</title>
		<link>http://mondaybynoon.com/2008/11/17/recapping-the-future-of-web-design-nyc-2008/</link>
		<comments>http://mondaybynoon.com/2008/11/17/recapping-the-future-of-web-design-nyc-2008/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 15:16:42 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[Development]]></category>

		<category><![CDATA[Opinion]]></category>

		<category><![CDATA[conference]]></category>

		<category><![CDATA[FOWD]]></category>

		<category><![CDATA[NYC]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=220</guid>
		<description><![CDATA[The Future of Web Design 2008 was again in New York City and I was lucky enough to attend.]]></description>
			<content:encoded><![CDATA[<p class="single image fowd2008 portrait" id="fowd_intro"><a href="http://www.flickr.com/photos/jonchristopher/3035464235/" title="Arriving at FOWD by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3274/3035464235_46b785ae7a_m.jpg" width="160" height="240" alt="Arriving at FOWD" /></a></p>

<p>I <a href="http://mondaybynoon.com/2008/10/27/upcoming-events-fowd-2008-and-the-first-sidebar-workshop/">mentioned a couple weeks ago</a> that I was working my plans to include stops to upcoming conferences. The first of which was the <a href="http://www.futureofwebdesign.com/2008/newyork/">Future of Web Design NYC</a> and the second being the first <a href="http://sidebarworkshops.com/2008/washingtondc/">Sidebar Workshop</a>. While I couldn&#8217;t make it to Washington D.C. for Sidebar, I thankfully was able to make the short trip to New York for <abbr title="Future of Web Design">FOWD</abbr>.</p>

<p>Unlike last year, I was able to make FOWD 2008 a two day event. While New York isn&#8217;t too far from Albany, making the round trip last year was quite a long day. On the day of the workshops, I met up with <a href="http://cdevroe.com/">Colin Devroe</a> and <a href="http://chrisfehnel.com/">Chris Fehnel</a> to hang out, and snag some <a href="http://www.flickr.com/photos/jonchristopher/3000738358/">awesome Thai</a> for lunch and check out <a href="http://www.flickr.com/photos/jonchristopher/2999215033/">the Apple Store</a>. We made a day of it, snagged a beer or two, and waited for conference day.</p>

<h2>Conference day</h2>

<p><abbr title="Future of Web Design">FOWD</abbr> had another spectacular lineup this year. The keynotes found a wide range of topics, and the variation was excellent.</p>

<div class="section">
	<p class="single image fowd2008 portrait"><a href="http://www.flickr.com/photos/jonchristopher/3036307506/" title="Ryan Singer - 37signals by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3057/3036307506_c8a98037f4_m.jpg" width="160" height="240" alt="Ryan Singer - 37signals" /></a></p>
	<h3>Ryan Singer</h3>
	<p>Ryan Singer of <a href="http://www.37signals.com/">37signals</a> again spoke on Web application design. He&#8217;s a great presenter, and his keynote &#8220;The Future of Web App Interface Design&#8221; didn&#8217;t disappoint. Ryan has the ability to bring interface design back to reality; reminding you that there&#8217;s no need to be clever, just straightforward.</p>
</div>

<div class="section">
	<p class="single image fowd2008 portrait"><a href="http://www.flickr.com/photos/jonchristopher/3036313870/" title="Hillman Curtis - hillmancurtis, inc. by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3027/3036313870_228e677004_m.jpg" width="160" height="240" alt="Hillman Curtis - hillmancurtis, inc." /></a></p>
	<h3>Hillman Curtis</h3>
	<p><a href="http://hillmancurtis.com/">Hillman Curtis</a> took the stage next for &#8220;Ten Minutes of Design Inspiration&#8221; during which he played one of <a href="http://www.hillmancurtis.com/index.php?/film/view/show_all_films/">his films</a>. He has a fantastic talent for filmmaking and I&#8217;m glad to have seen him present live and in person.</p>
</div>

<div class="section">
		<p class="single image fowd2008 portrait"><a href="http://www.flickr.com/photos/jonchristopher/3035481517/" title="Dan Mall - Happy Cog by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3251/3035481517_418bdbd99c_m.jpg" width="160" height="240" alt="Dan Mall - Happy Cog" /></a></p>
	<h3>Dan Mall</h3>
	<p>Presenting &#8220;The Experience Layer: Using Flash, JavaScript, and other Technologies to Engage Users&#8221; was <a href="http://danielmall.com/">Dan Mall</a> of <a href="http://www.happycog.com/">Happy Cog Studios</a>. He took the time to explain the real difference between structure, style, behavior, <em>and experience</em>. His keynote was well thought out and better explained the semantics surrounding each layer of separation. I have no doubts that Dan&#8217;s presentation made quite a few people reexamine their view of designing with Web standards in mind.</p>
</div>

<div class="section">
	<p class="single image fowd2008 portrait"><a href="http://www.flickr.com/photos/jonchristopher/3036321428/" title="Paul Boag - Headscape Ltd. by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3020/3036321428_4044df72a2_m.jpg" width="160" height="240" alt="Paul Boag - Headscape Ltd." /></a></p>
	<h3>Paul Boag</h3>
	<p>On the topic of client education was <a href="http://boagworld.com">Paul Boag</a> of <a href="http://www.headscape.co.uk/">Headscape Ltd</a>. His personality really came through during his keynote and he was more than spot on with his advice. He has thoughtfully made his keynote <a href="http://boagworld.com/conferences/educating_clients_to_say_yes/">available in full</a> through the help of <a href="http://carsonified.com/">Carsonified</a> and <a href="http://www.viddler.com">Viddler</a>. If you&#8217;ve got a spare 35 minutes or so, use it to watch Paul&#8217;s keynote, he did a fantastic job and there&#8217;s some terribly valuable insight to gain.</p>
</div>

<div class="section">
	<p class="single image fowd2008 portrait"><a href="http://www.flickr.com/photos/jonchristopher/3035488923/" title="Karl Swedburg - Fusionary Media by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3139/3035488923_d7290bcce7_m.jpg" width="160" height="240" alt="Karl Swedburg - Fusionary Media" /></a></p>
	<h3>Karl Swedberg</h3>
	<p>Karl Swedberg of <a href="http://www.fusionary.com/">Fusionary Media</a> was next to take the stage. He took the time to lightly cover the topic of JavaScript libraries. We all love JavaScript libraries, and Karl presented his talk on &#8220;How to Take Advantage of jQuery and Other JavaScript Libraries for your Design.&#8221;</p>
</div>

<div class="section">
	<p class="single image fowd2008 landscape"><a href="http://www.flickr.com/photos/jonchristopher/3035490337/" title="Mike Kus - Carsonified by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3002/3035490337_6a77f58010_m.jpg" width="240" height="160" alt="Mike Kus - Carsonified" /></a></p>
	<h3>Mike Kus</h3>
	<p>Unfortunately for me, FOWD 2008 was the first time I&#8217;ve heard of Mike Kus and the first time I had seen his work. He took the time to hand illustrate each of his slides and his keynote was fantastic. His talk was titled &#8220;Whatever Happened to the Art in Design&#8221; and I&#8217;m very glad to have seen it.</p>
</div>

<div class="section">
	<p class="single image fowd2008 landscape"><a href="http://www.flickr.com/photos/jonchristopher/3036329770/" title="Patrick Haney - Harvard University by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3204/3036329770_178e8809af_m.jpg" width="240" height="160" alt="Patrick Haney - Harvard University" /></a></p>
	<h3>Patrick Haney</h3>
	<p>Patrick Haney, who is <a href="http://patrickhaney.com/">not a sausage</a>, took the time to cover &#8220;Web Design Fundamentals: Learning from the Past to Better the Future.&#8221; Patrick went back to basics with his keynote, reminding us all how important it is to keep design fundamentals in mind throughout every project. Although it was great to see him in person, I unfortunately was unable to speak with him personally. Hopefully that opportunity comes up sooner than later.</p>
</div>

<div class="section">
	<p class="single image fowd2008 portrait"><a href="http://www.flickr.com/photos/jonchristopher/3036332116/" title="Nicholas Felton - Megafone by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3162/3036332116_6a503fe8d0_m.jpg" width="160" height="240" alt="Nicholas Felton - Megafone" /></a></p>
	<h3>Nicholas Felton</h3>
	<p>Nicholas Felton, widely known for <a href="http://www.feltron.com/">Feltron</a>, presented on &#8220;Charting Daily Data&#8221; which was intriguing to say the least. I&#8217;ve always been a fan of his annual reports, and getting an insider view of how the reports progressed over time was fantastic. He also took the time to give an overview of his project, <a href="http://daytum.com/">Daytum</a>, a website targeted at enabling people to track their own daily data.</p>
</div>

<div class="section">
	<p class="single image fowd2008 landscape"><a href="http://www.flickr.com/photos/jonchristopher/3036335664/" title="Derek Powazek - Powazek Productions by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3016/3036335664_501231234d_m.jpg" width="240" height="160" alt="Derek Powazek - Powazek Productions" /></a></p>
	<h3>Derek Powazek</h3>
	<p>&#8220;The Future of Community and Crowd-sourced Design&#8221; was the keynote presented by <a href="http://powazek.com/">Derek Powazek</a>. Derek is a very personable speaker, and he seems like one of those people you can meet for the first time and feel like you&#8217;ve known for years. He cleared up the true meaning of crowd-sourced design and discussed where things appear to be headed.</p>
</div>

<div class="section">
	<p class="single image fowd2008 portrait"><a href="http://www.flickr.com/photos/jonchristopher/3036337978/" title="Nick La - ndesign-studio by jonchristopher, on Flickr"><img src="http://farm4.static.flickr.com/3155/3036337978_965585611e_m.jpg" width="160" height="240" alt="Nick La - ndesign-studio" /></a></p>
	<h3>Nick La</h3>
	<p>One of my favorite keynotes was &#8220;Finding Inspiration from your Environment&#8221; by Nick La of <a href="http://www.ndesign-studio.com/">n.design studio</a> and designer of the famous <a href="http://www.webdesignerwall.com/">Web Designer Wall</a>. His illustrations are nothing short of breathtaking, and he took the time to divulge his secrets as to finding inspiration. He gave a sneak peak of two upcoming pieces, and made everyone in the room jealous of his pure talent.</p>
</div>

<div class="section">
	<h3>Closing Discussion</h3>
	<p>The final segment of the conference day was a discussion titled &#8220;Designers and Developers, Why Can&#8217;t we all Just get Along?&#8221; which aimed to tackle the up and coming divide between the two professions. The panel consisted of Joe Stump (<a href="http://www.digg.com/">digg</a>), Liz Danzico (<a href="http://www.bobulate.com/">bobulate</a>), Chris Lea (<a href="http://www.mediatemple.com/">Media Temple</a>), and Ryan Sims (<a href="http://www.virb.com/">Virb</a>). Unfortunately, I was only able to stay for a few minutes due to travel constraints. If anyone was in attendance and could provide some insight in the comments that would be fantastic, I&#8217;m eager to hear how it went.</p>
</div>

<h4>And that&#8217;s that</h4>

<p>I had a great time at FOWD this year, Carsonified really knows what they&#8217;re doing and they make the experience really great. I can&#8217;t thank <a href="http://cdevroe.com/">Colin</a> and <a href="http://chrisfehnel.com/">Chris</a> enough for putting up with me over the two days; I really appreciate it.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=pvLmN"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=pvLmN" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=YNbGn"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=YNbGn" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=z1GRn"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=z1GRn" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/456075280" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2008/11/17/recapping-the-future-of-web-design-nyc-2008/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2008%2F11%2F17%2Frecapping-the-future-of-web-design-nyc-2008%2F</feedburner:awareness></item>
		<item>
		<title>I Have a Huge Problem with WYSIWYG Editors</title>
		<link>http://mondaybynoon.com/2008/11/10/i-have-a-huge-problem-with-wysiwyg-editors/</link>
		<comments>http://mondaybynoon.com/2008/11/10/i-have-a-huge-problem-with-wysiwyg-editors/#comments</comments>
		<pubDate>Mon, 10 Nov 2008 15:37:45 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[Clients]]></category>

		<category><![CDATA[Design]]></category>

		<category><![CDATA[Development]]></category>

		<category><![CDATA[Opinion]]></category>

		<category><![CDATA[CMS]]></category>

		<category><![CDATA[content]]></category>

		<category><![CDATA[management]]></category>

		<category><![CDATA[WYSIWYG]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=217</guid>
		<description><![CDATA[I've got a strong distaste for using WYSIWYG editors in content management systems, but it has become the accepted norm.]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve yet to see a <abbr title="What You See Is What You Get">WYSIWYG</abbr> implementation that&#8217;s in the least bit helpful when considering both the client <em>and</em> the design itself. I&#8217;m not talking text editors here, no. I&#8217;m talking copy editors in content management systems. I hate to write a rant, but unfortunately this piece is shaping up to be just that.</p>

<h2>Again with content management?</h2>

<p>I&#8217;ve come to the realization that clients and content management systems <em>do not mix</em>. As an example, in a recent <abbr title="Request for Proposal">RFP</abbr> (a subject unto itself), the outlined requirements of the provided <abbr title="Content Management System">CMS</abbr> included the ability to adjust kerning, line-height, typeface, and color of all content on the page.</p>

<p>Going beyond the fact that this request was put together by someone who has absolutely no idea about modern Web design, I&#8217;m beginning to see more fluff along these lines. Are we really at such a level where average potential clients are making the leap to such things as kerning and line-height?</p>

<h3>The client issue</h3>

<p>What it comes down to, I suppose, is the level of client you&#8217;re working with. There are clients who just want what they have seen as possible. If there is a feature available and you don&#8217;t offer it, your skill is inferior. We&#8217;re well aware of <a href="http://en.wikipedia.org/wiki/Kitchen_sink_syndrome">scope creep</a> and <a href="http://en.wikipedia.org/wiki/Software_bloat">bloat</a>, but clients do not often respect either.</p>

<p>I&#8217;m not knocking the client perspective in the least. I, in fact, truly enjoy doing client work. I feel accomplished when a client is both impressed and pleased with their project once things have been pushed live. It&#8217;s a great feeling, knowing you have helped make their project a reality. My company makes a consistent effort, however, to debunk many of the preconceived notions that follow clients through our door. It&#8217;s often a strenuous process, but everyone is better off for it.</p>

<p>I&#8217;m consistently in a battle with trying to better the overall experience for a client, while keeping a close eye on the direct effect any change will have on the design. I&#8217;ve written before on the <a href="http://mondaybynoon.com/2007/08/13/how-to-retain-site-quality-after-delivery/">general abuse of content management systems by clients</a>. I&#8217;ve even brought up <a href="http://mondaybynoon.com/2008/08/18/clients-and-content-management-systems/">the trouble with WYSIWYG in CMSs</a>. While both pieces shine a harsh light on client interaction with your designs, I&#8217;d like to start focusing on any positives that can come from using a WYSIWYG editor.</p>

<h3>Overall effectiveness?</h3>

<p>I understand that every CMS under the sun employs a WYSIWYG editor for most copy-areas, but it&#8217;s not working. I cannot in good faith discredit all the time and effort that has gone into the leading editors, and I don&#8217;t see them going anywhere soon. The trouble, however, is that they&#8217;re too easy to break. I can&#8217;t count the number of times I&#8217;ve had to manually edit a WYSIWYG block because the editor lost track of a <code>strong</code> tag somewhere along the line. Clients will call, furious that the entire page is bold, questioning the value of our entire CMS based on the fact that he pasted directly from Word.</p>

<p>It&#8217;s not his fault he used Word, however. Commonality shows that Word is a standard method of formatting text in the business world. To say that he is &#8220;not allowed&#8221; to use Word because it breaks his website goes back to the age-old issue of Internet Explorer &#8220;breaking&#8221; the Internet. Designers know it to be true, but to everyone else, the project itself is the failure, not the utility.</p>

<p>The trouble here is the divide between how I view the Web, and how clients view the Web. Not just taking into consideration the quality and semantic value of markup, but the design itself. A client doesn&#8217;t realize that a stylesheet has been carefully prepared for his benefit, that center justifying, bolding, and typing in all caps isn&#8217;t going to achieve the effect he&#8217;s looking for.</p>

<h3>Stuck in a rut</h3>

<p>I truly wish I had a flawless solution for this issue I can&#8217;t seem to leave behind, but I don&#8217;t. At the very least, I will make a continuous effort to provide the most streamlined, stripped down WYSIWYG copy editor I possibly can.</p>

<p>One thing I&#8217;d like to specifically raise as an issue is that of including imagery in WYSIWYG editors. I haven&#8217;t thought too much into it, but I think preventing the addition of images directly in a WYSIWYG field will solve quite a bit of my issue. That is not to say that the inclusion of images will be removed completely, simply delegated to the CMS itself as opposed to the editor. While impressive, the handling of images directly within a WYSIWYG editor has never worked out in my favor. I can&#8217;t count the number of times a client has requested that someone &#8220;look into the image on the About page, it looks funny.&#8221;</p>

<p>While I don&#8217;t see the omission of images in WYSIWYG as a plausible solution, it&#8217;s something I&#8217;d like to work at over the coming months. I&#8217;m not sure how, but it will be a goal of mine.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=NPzCN"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=NPzCN" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=7FQhn"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=7FQhn" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=f2x3n"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=f2x3n" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/448514995" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2008/11/10/i-have-a-huge-problem-with-wysiwyg-editors/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2008%2F11%2F10%2Fi-have-a-huge-problem-with-wysiwyg-editors%2F</feedburner:awareness></item>
		<item>
		<title>Upcoming Events: FOWD 2008 and the First Sidebar Workshop</title>
		<link>http://mondaybynoon.com/2008/10/27/upcoming-events-fowd-2008-and-the-first-sidebar-workshop/</link>
		<comments>http://mondaybynoon.com/2008/10/27/upcoming-events-fowd-2008-and-the-first-sidebar-workshop/#comments</comments>
		<pubDate>Mon, 27 Oct 2008 12:57:11 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[Development]]></category>

		<category><![CDATA[Education]]></category>

		<category><![CDATA[conference]]></category>

		<category><![CDATA[event]]></category>

		<category><![CDATA[workshop]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=214</guid>
		<description><![CDATA[The Future of Web Design 2008 is coming back to NYC, and a new event, the first Sidebar Workshop is happening in Washington D.C.]]></description>
			<content:encoded><![CDATA[<p>Industry conferences, events, and workshops are great. If you follow the community in the least, you know what great knowledge The Greats are pushing out on a consistent basis. One of the most fantastic things about conferences, events, and workshops is that you&#8217;re provided an entire day (or more) of consistently polished official keynotes.</p>

<p>While the articles published by many of the speakers at these events are invaluable, the presentations and workshops always seem to end up at a higher level. You&#8217;re able to get <em>that</em> much more out of an official keynote. Whether it be the associated visuals, or the fact that you&#8217;re able to physically see and hear a designer you&#8217;ve been following for years, something about the event leaves you with that much more.</p>

<h2>Future of Web Design</h2>

<p>If you&#8217;ve been reading Monday By Noon for the past year, you&#8217;ll know that last year I was able to attend the <a href="http://mondaybynoon.com/2007/11/12/future-of-web-design-nyc-2007-recap/">Future of Web Design 2007</a> in New York City. It was a fantastic event. I was able to go with a few of my colleagues and we all had a tremendous time.</p>

<p>Thankfully, <a href="http://www.carsonified.com/">Carsonified</a> is bringing back FOWD NYC for 2008. I&#8217;m still working out some logistical details, but I&#8217;m nearly positive I&#8217;ll be able to attend this year as well. Should it all work out, I&#8217;ll be able to again see some people I didn&#8217;t get to spend nearly enough time with. <a href="http://cdevroe.com/">Colin</a>, for instance, and maybe <a href="http://snook.ca/jonathan/">Jonathan</a>, although I&#8217;m not completely sure if he will be attending. I was only able to shake his hand at FOWD 2007 primarily due to the (literal) line of people waiting to ask him questions. Hopefully I&#8217;ll be able to meet a few others face to face this year now that I&#8217;m more used to the scale of FOWD; we&#8217;ll see!</p>

<p>If you&#8217;re at all on the fence about going, just take a quick look at <a href="http://www.futureofwebdesign.com/2008/newyork/speakers">the list of speakers</a> for this year - very impressive. I&#8217;d take the time to list the keynotes I&#8217;m most excited about, but that would mean typing up each presentation slotted for the day. In all honesty, there are some big names presenting on some great topics throughout the day, and I can&#8217;t wait.</p>

<p>FOWD starts a week from today, November 3, with a day of workshops and continues until Conference Day on the 4th.</p>

<h2>Sidebar Workshop</h2>

<p>To my surprise, the four musketeers took it upon themselves to become even busier by putting on a workshop of their own. The team at <a href="http://sidebarcreative.com/">Sidebar Creative</a> presents <a href="http://sidebarworkshops.com/2008/washingtondc/">Sidebar Workshop</a> on November 12th, 2008 in Washington D.C. Not only am I thrilled that the Sidebar team is putting on a conference, I&#8217;m thanking my lucky stars it&#8217;s on the East Cost.</p>

<p>A full day has been put together starring each of the Sidebar Team. <a href="http://avalonstar.com/">Bryan Veloso</a> will be speaking on interface planning and design, <a href="http://superfluousbanter.org/">Dan Rubin</a> plans on talking you through the export and optimization of images for your designs. <a href="http://orderedlist.com/">Steve Smith</a> will speak on the process of bringing your markup and style together, and <a href="http://snook.ca/jonathan/">Jonathan Snook</a> will provide some of his wisdom on JavaScript libraries.</p>

<p>Last, but certainly not least, the Sidebar team has allowed for a group discussion at the end of the day. They&#8217;re offering a chance for attendees to ask specific questions they&#8217;ve got, and get instant feedback. If you&#8217;re in the D.C. area, I&#8217;d suggest snagging a seat at this event. The Sidebar Creative team is an impressive group consisting entirely of highly respected professionals in our field.</p>

<h3>I hope it all works out</h3>

<p>As I mentioned, I&#8217;m still working out some of the gritty details surrounding both events, but I&#8217;m doing my best to make it happen. Have you committed to either event?</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=PiuKM"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=PiuKM" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=luDmm"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=luDmm" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=JFZrm"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=JFZrm" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/433552841" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2008/10/27/upcoming-events-fowd-2008-and-the-first-sidebar-workshop/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2008%2F10%2F27%2Fupcoming-events-fowd-2008-and-the-first-sidebar-workshop%2F</feedburner:awareness></item>
		<item>
		<title>Respecting Color Contrast in Web Design</title>
		<link>http://mondaybynoon.com/2008/10/20/respecting-color-contrast-in-web-design/</link>
		<comments>http://mondaybynoon.com/2008/10/20/respecting-color-contrast-in-web-design/#comments</comments>
		<pubDate>Mon, 20 Oct 2008 12:51:27 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
		
		<category><![CDATA[Accessibility]]></category>

		<category><![CDATA[Design]]></category>

		<category><![CDATA[Opinion]]></category>

		<category><![CDATA[color]]></category>

		<category><![CDATA[contrast]]></category>

		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=208</guid>
		<description><![CDATA[Color contrast is a very important aspect of Web design. Be sure to test your color contrast.]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s no secret that there are some unique characteristics surrounding Web design as a medium. We as designers pride ourselves on embracing the various limitations that come bundled with the Web and using them to our advantage.</p>

<p>One inescapable limitation from which we&#8217;ll never be able to escape is that of color contrast. While it&#8217;s only obvious to ensure you&#8217;re working within acceptable limitations of color contrast in the general sense of design, we have even more to contend with. Our designs <em>must</em> be equally readable in a myriad of situations.</p>

<p>Sure, print designers need to worry about what their piece is going to look like in various lighting conditions, or how a digital file will translate to something physical. There is a lot to consider as far as the method of printing as well as the material itself. Web design brings something completely new to the table; monitors.</p>

<h2>The trouble with contrast: monitors</h2>

<p>Even if you&#8217;re new to Web design, it won&#8217;t take long to realize that contrast is something that never goes away. Even when you&#8217;ve got a solid grasp on limitations, and you piece together a design specifically surrounding color contrast on the Web, your client will request the type be a bit darker &amp; bold. Unfortunately, client intervention doesn&#8217;t tie directly to this issue, so we&#8217;ll move on.</p>

<p>Computer hardware has a tendency of following the <a href="http://en.wikipedia.org/wiki/Adage">adage</a> &#8220;you get what you pay for.&#8221; Unfortunately, when it comes to many people and computers; the cheaper the better. Bargain equipment is very attractive for a number of reasons, none of which we&#8217;ll need to explore at this time. What does matter to us, is that many of the monitors on which your design will be displayed are of much less quality than yours. Your gradients will be less noticeable, your drop shadows nearly nonexistent, and your type more difficult to read.</p>

<p>It seems dismal, but Web designers need to account for the worst case scenario, or very close to it. We have the responsibility of producing work which is not only usable, versatile, aesthetically pleasing, standardized, valid, and optimized, but also beautiful on substandard equipment.</p>

<h3>Keeping your contrast in check</h3>

<p>There are quite a few tools available for testing your color contrast. There have been many articles written on the subject as well. Some fantastic research has been performed, allowing us to easily observe our color contrast and measure it against accepted values.</p>

<p>I have a tool that I&#8217;ve come to know and love in testing color contrast. <a href="http://www.snook.ca/technical/colour_contrast/colour.html">Color Contrast Check</a> by everyone&#8217;s favorite, <a href="http://www.snook.ca/jonathan">Jonathan Snook</a>, has come out on top for me. His tool conforms to accepted standards, and allows designers to very easily check to see how the contrast measures up.</p>

<p>There are many other tools available for checking color contrast, which do you use?</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~f/MondayByNoon?a=VA0ZM"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=VA0ZM" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=oraVm"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=oraVm" border="0"></img></a> <a href="http://feeds.feedburner.com/~f/MondayByNoon?a=lPDrm"><img src="http://feeds.feedburner.com/~f/MondayByNoon?i=lPDrm" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/426386385" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2008/10/20/respecting-color-contrast-in-web-design/feed/</wfw:commentRss>
		<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetItemData?uri=MondayByNoon&amp;itemurl=http%3A%2F%2Fmondaybynoon.com%2F2008%2F10%2F20%2Frespecting-color-contrast-in-web-design%2F</feedburner:awareness></item>
	<feedburner:awareness xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://api.feedburner.com/awareness/1.0/GetFeedData?uri=MondayByNoon</feedburner:awareness></channel>
</rss>
