<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><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/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" 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>
	<lastBuildDate>Mon, 02 Nov 2009 14:35:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</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" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>WordPress ‘Attachments’ Plugin Debut</title>
		<link>http://mondaybynoon.com/2009/11/02/wordpress-attachments-plugin-debut/</link>
		<comments>http://mondaybynoon.com/2009/11/02/wordpress-attachments-plugin-debut/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 14:35:16 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Workbench]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=603</guid>
		<description><![CDATA[Attachments is a WordPress plugin that allows you to append any number of Media Library items to your Posts or Pages]]></description>
			<content:encoded><![CDATA[<p>Some time ago, I began meddling around with WordPress plugins. I had a specific need that WordPress wasn&#8217;t quite up to handling out of the box, and any existing plugins were far too over the top for my taste. I&#8217;m probably a bit different than most WordPress users in that <em>I like to get my hands dirty with plugins</em>. I&#8217;m not a fan of shortcodes doing all the work; I&#8217;d much rather integrate the plugin data directly with my theme using good old PHP.</p>

<p>That said, I had an issue where I need to append any number of images to a Post. Sure, WordPress has its image gallery feature built into the editor, but I wasn&#8217;t looking for that. I didn&#8217;t want WordPress organizing and generating the content for me. It&#8217;s not that WordPress dumps out poor markup, it&#8217;s just that I was looking to build things by hand.</p>

<p>A number of hours later, <a href="http://mondaybynoon.com/wordpress-post-gallery/">Post Gallery</a> emerged. According to the <a href="http://wordpress.org/extend/plugins/post-gallery/">official WordPress Extend page</a>, Post Gallery has been downloaded over 3,000 times. I continue to get a fair number of support requests for the plugin, and I&#8217;m really glad to have written it as it taught me quite a bit.</p>

<p>One of the biggest things it taught me was that it could have been written better. <strong>A lot better.</strong> So I did it, I took all of the shortcomings I saw with the plugin and completely reworked it from the ground up.</p>

<p>Post Gallery will officially be deprecated in favor of Attachments, a brand spankin&#8217; new plugin that serves (in part) the same purpose.</p>

<h2>What&#8217;s different about Attachments</h2>

<p>As I continued to use Post Gallery on various projects, I began to wonder why the heck I decided to store the media in its own table, tucked away from the WordPress Media Library. That was the first bug under my skin. From there, technical issues with media storage snuck in by way of support emails. Then came the issue of wanting to use an image that was previously uploaded; you had to re-upload it. I was quick to decide that the rewrite would absolutely make direct use of WordPress&#8217; Media Library. Not only does using the WordPress Media Library cut out reinventing the wheel, it allows users to recycle the same upload any number of times.</p>

<p>Another peeve I had with Post Gallery was the sorting I had implemented. Needless to say, you can drag and drop to reorder items in Attachments.</p>

<h3>The official plugin home page</h3>

<p>As of right now, I&#8217;m waiting for the WordPress team to officially add Attachments to the WordPress plugin repository. For the time being, if you&#8217;re interested in the plugin, you should first follow me on Twitter (<a href="http://twitter.com/jchristopher">@jchristopher</a>) for updates, and then head over to the <a href="http://mondaybynoon.com/wordpress-attachments/">plugin home page</a> as that will be home base until approval is granted.</p>

<p>In the meantime, if you&#8217;d like to check out a quick screencast overview of Attachments, here goes:</p>

<div class="video">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="574" height="392" id="viddler_e7242668"><param name="movie" value="http://www.viddler.com/player/e7242668/" /><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" /><embed src="http://www.viddler.com/player/e7242668/" width="574" height="392" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" name="viddler_e7242668"></embed></object>
<p><a href="http://www.viddler.com/explore/Jchristopher/videos/13/">Attachments Overview</a> on <a href="http://www.viddler.com">Viddler</a></p>
</div>

<h3>Suggestions more than welcome</h3>

<p>Attachments will be my pet project for the next few months, as I&#8217;ve got a lot of ideas for handling the browse dialog. I realize that it could quickly become overwhelming with lots of media, so I&#8217;m going to begin scoping out some possible solutions. If you&#8217;ve got a use for Attachments and have any ideas for improvement, by all means let me know!</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=YTxAIDRLaqs:6Yvagg51yxs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=YTxAIDRLaqs:6Yvagg51yxs:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=YTxAIDRLaqs:6Yvagg51yxs:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=YTxAIDRLaqs:6Yvagg51yxs:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=YTxAIDRLaqs:6Yvagg51yxs:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/YTxAIDRLaqs" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/11/02/wordpress-attachments-plugin-debut/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>WordPress Hidden Gem: get_extended()</title>
		<link>http://mondaybynoon.com/2009/10/26/wordpress-get_extended/</link>
		<comments>http://mondaybynoon.com/2009/10/26/wordpress-get_extended/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 14:01:41 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[Examples]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=594</guid>
		<description><![CDATA[WordPress' get_extended() function will let you pull copy based on the more flag. Definitely useful for advanced copy styling!]]></description>
			<content:encoded><![CDATA[<p>I&#8217;ve been a WordPress fan for quite a long time now, and one of my favorite parts about that particular piece of software is that I still learn new things about it on a fairly consistent basis. When you build extremely custom websites for clients, there are often out of the ordinary requirements that must be met to ensure the needs of the project are catered to.</p>

<p>By far, the biggest hurdle for me is to make sure that WordPress is set up in such a way that it&#8217;s as easy as possible for clients to edit their content. That&#8217;s the whole point after all, right? Publicly facing, WordPress has a stigma of being a blog engine. I say stigma because being known as a blog engine does nothing to attribute to WordPress&#8217; extensibility and <em>rapid transformation</em> into a full blown <abbr title="content management system">CMS</abbr>. Besides the obvious solution of installing a CMS-facilitating plugin such as <a href="http://pods.uproot.us">Pods</a>, WordPress has plenty of functionality baked right in to bring your sites to the next level.</p>

<h2>get_extended() and its unique place in WordPress</h2>

<p>On a recent client project, I stumbled upon a feature of WordPress that seems to go unnoticed by many WordPress fans. WordPress has a built in &#8220;more&#8221; feature that allows content editors to flag a point within the copy of a Page or Post to bisect it. This flag is used by many templates, and comes into play when pulling excerpts of posts when the official excerpt field is left blank.</p>

<p>Since there&#8217;s an excerpt field built into every Page and Post, I&#8217;ll often suggest to clients that they should instead take a bit of a different approach to take advantage of these built in features. Excerpts are a great way to write very specific copy to be used <em>only</em> as an excerpt throughout the site, instead of adjusting the actual on-page copy to serve a dual purpose. While that handles the excerpt areas, it in part leaves the <code>&lt;!--more--&gt;</code> in an awkward place &#8212; how does that come in to play if the client is actively using the excerpt text area?</p>

<p>That&#8217;s where <code>get_extended()</code> comes into play. Checking out the <a href="http://codex.wordpress.org/Function_Reference/get_extended">Codex</a> page on the function, we can see in the description that the function &#8220;gets extended entry info&#8221;. But what does that mean? Checking things out in a bit more detail, we can see that this function returns an array of post content. The first array value consists of the copy before the <code>&lt;!--more--&gt;</code> flag, and the second value holds everything after. This really opens up some doors by allowing your design to include different styles on each section of page content. For example:</p>

<pre class="sh_php"><code>&lt;?php $pagecopy = get_extended( $post-&gt;post_content ); ?&gt;
&lt;div class=&quot;intro&quot;&gt;
	&lt;?=wpautop( $pagecopy[&#x27;main&#x27;] )?&gt;
&lt;/div&gt;
&lt;!-- /intro --&gt;
&lt;div class=&quot;entrycopy&quot;&gt;
	&lt;?=wpautop( $pagecopy[&#x27;extended&#x27;] )?&gt;
&lt;/div&gt;
&lt;!-- /entrycopy --&gt;</code></pre>

<p>Using that snippet allows us to wrap each part of the post copy in different elements, facilitating alternate styles for an &#8216;intro&#8217; copy block. This came in <em>really</em> handy on a recent project that relied heavily on SEO, and taking this approach allowed for fine grained control over what copy appears where on the website when used in conjunction with the official excerpt text area for each page or post.</p>

<h3>Why not just use&#8230;</h3>

<p>The entire point of taking an approach such as this is for the benefit of the client. Sure, we could use a plugin (or even out of the box custom fields) to replicate this functionality, but we&#8217;re all designers &amp; developers. Taking a passive angle here allows the client to understand why things are happening the way they are without having to understand how WordPress and PHP works.</p>

<p>On top of that, it gives the designer another level of control over the front end by including <code>the_excerpt()</code> <strong>or</strong> <code>&lt;?=wpautop($pagecopy[&#x27;main&#x27;])?&gt;</code> at various places throughout the website.</p>

<p>One of the great things about WordPress is it&#8217;s ability to adapt to your needs in just about every circumstance. With that, though, comes numerous solutions to the same &#8216;problem&#8217; &#8212; this is one of those cases. Please take it for what it is, but I hope it helps you on at least one of your future projects!</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=MBe3pJjBdpQ:-JW1N5VtMUo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=MBe3pJjBdpQ:-JW1N5VtMUo:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=MBe3pJjBdpQ:-JW1N5VtMUo:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=MBe3pJjBdpQ:-JW1N5VtMUo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=MBe3pJjBdpQ:-JW1N5VtMUo:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/MBe3pJjBdpQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/10/26/wordpress-get_extended/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>The Trouble with Lightbox (and its Variants)</title>
		<link>http://mondaybynoon.com/2009/10/12/the-trouble-with-lightbox-and-its-variants/</link>
		<comments>http://mondaybynoon.com/2009/10/12/the-trouble-with-lightbox-and-its-variants/#comments</comments>
		<pubDate>Mon, 12 Oct 2009 13:53:15 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=587</guid>
		<description><![CDATA[Lightbox is a great image display technique for the modern Web, just be sure it's still usable!]]></description>
			<content:encoded><![CDATA[<p>Lokesh Dhakar changed things with the original <a href="http://www.huddletogether.com/projects/lightbox/">Lightbox JS</a>. He designed and produced an interactive functionality that made nearly every Web designer slap his own forehead in amazement that it hadn&#8217;t been thought of before. Those are the best ideas, aren&#8217;t they? More often than not, it&#8217;s because those ideas solve a problem so simple and common place, we hardly see it as a &#8220;problem&#8221; any more.</p>

<p>In the case of lightboxing, it came down to displaying images either by using <code>target="_BLANK"</code> or simply dealing with a full page refresh. For what? Clearly both the latency and resources involved were too taxing both for the user and her experience, even if she didn&#8217;t know it.</p>

<p>Lokesh recognized the problem and developed a <em>very</em> elegant solution that took the Web by storm. As with all great things on the Web, his implementation was first widely accepted, and then widely <del>copied</del> <ins>forked</ins>. The technique was applied to every JavaScript library and/or framework under the sun, in multiple cases, and the technique of lightboxing really took hold.</p>

<h2>So what&#8217;s the problem with lightboxes, gramps?</h2>

<p>Don&#8217;t get me wrong, <strong>I&#8217;m a <em>huge</em> fan of lightbox!</strong> To me, the trouble isn&#8217;t with lightbox as an entity or technique, the trouble surfaces when it&#8217;s put into production. I can&#8217;t remember a client project in which a lightbox variant was used where we didn&#8217;t need to take time to explain what it is and how it works.</p>

<p>That&#8217;s not to say that the lightbox used odd controls or was modified beyond recognition, no. It was simply because the average Web user doesn&#8217;t understand what&#8217;s going on. At all. Here&#8217;s where the problem comes up, and it&#8217;s a <strong>deal breaker</strong>. <em>(Most) lightboxes break the Back button</em>.</p>

<p>In <strong>every</strong> case of showing a client a development site using a lightbox, he would examine an image and disregard the controls put in place to return to the page, and <em>always</em> go for the Back button in his browser. Even after explaining the reasons we implemented lightbox for image viewing (user experience improvement, etc.) it was very apparent that the client was turned off by the technology.</p>

<h3>A proposed fix</h3>

<p>To our benefit, such technology exists to assist us with such problems. <a href="http://www.asual.com/swfaddress/">SWFAddress</a> was written to tackle this problem specifically. Originally written for the benefit of full Flash websites, <a href="http://www.asual.com/swfaddress/">SWFAddress</a> works wonders with JavaScript implementations as well.</p>

<p>Combining SWFAddress with your favorite lightbox variant would solve this very common problem with its use. A potential issue arises on a couple fronts. First, you&#8217;ll need to teach yourself how to use and implement SWFAddress. Beyond that, you&#8217;ll need to learn how to integrate SWFAddress with your lightbox.</p>

<p>As an example, I&#8217;ve taken those very steps and combined my choice lightbox implementation <a href="http://www.shadowbox-js.com/">Shadowbox.js</a> with <a href="http://www.asual.com/swfaddress/">SWFAddress</a> and used <a href="http://jQuery.com">jQuery</a> to bridge the two.</p>

<p><a class="viewDemo" href="http://mondaybynoon.com/examples/lightbox-swfaddress/">Lightbox (Shadowbox) and SWFAddress integration demo</a></p>

<p>Please view the source for documentation.</p>

<p>You&#8217;ll notice that the Back/Forward browser buttons should retain expected functionality. Additionally, if you were to bookmark a SWFAddressed URL, hitting that URL should automatically invoke the Shadowbox and display the image. Users without JavaScript wouldn&#8217;t see the SWFAddress URLs at all, so it&#8217;s important to remember your alternative version for those users. But that was already in place, <em>right</em>?</p>

<h3>Mind your audience, <em>that&#8217;s</em> the deciding factor</h3>

<p>As per usual, the important thing here to consider when determining what technologies to use on your current project is to remember the target audience. Are they going to accept lightbox as an acceptable image display technique? Are you better off just doing things the old school way and firing a page refresh? Just be sure you&#8217;ve got reasoning (and fallbacks in place) when opting to go with such technologies.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=0gpKAuOrKW8:xxUsVBPElXw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=0gpKAuOrKW8:xxUsVBPElXw:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=0gpKAuOrKW8:xxUsVBPElXw:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=0gpKAuOrKW8:xxUsVBPElXw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=0gpKAuOrKW8:xxUsVBPElXw:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/0gpKAuOrKW8" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/10/12/the-trouble-with-lightbox-and-its-variants/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>SuggestRSS is Back and Way Better than Ever!</title>
		<link>http://mondaybynoon.com/2009/10/06/suggestrss-is-back-and-way-better-than-ever/</link>
		<comments>http://mondaybynoon.com/2009/10/06/suggestrss-is-back-and-way-better-than-ever/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 12:13:18 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Site News]]></category>
		<category><![CDATA[Workbench]]></category>
		<category><![CDATA[SuggestRSS]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=580</guid>
		<description><![CDATA[SuggestRSS is a website dedicated to helping you find some new feeds!]]></description>
			<content:encoded><![CDATA[<p class="img app-icon">
	<a href="http://suggestrss.com">
		<img src="http://mondaybynoon.com/images/suggestrss.png" alt="SuggestRSS logo" />
	</a>
</p>

<p>I&#8217;m really thrilled to be able to announce the soft launch of <a href="http://suggestrss.com/">SuggestRSS</a> v1.0! If you happened to check out the site in its first incarnation, you may have thought it was neat, but you also must have thought id had a ways to go; it did.</p>

<p>Due to scalability issues, I was forced to take the site offline nearly eight months ago. I wish I could say that I&#8217;ve been working on it consistently since then, but that&#8217;s not the case. Instead, I took the experience for what it was worth in an educational sense, and let it sit for a short while. The project was always on my mind, but the limiting factor was actually limited experience.</p>

<p>I&#8217;ve worked with MySQL before. I&#8217;d be willing to wager that it would be quite uncommon to find a Web designer who hasn&#8217;t at least toyed around with the basics. When so much of our world revolves around a technology, it&#8217;s hard to keep your hands off.</p>

<h2>What better way to learn?</h2>

<p>Before writing the original release of <a href="http://suggestrss.com/">SuggestRSS</a>, my experience with MySQL was fairly limited. I understood the concepts for the most part, but advanced queries were out of my league. I wrote the first version by the seat of my pants and quickly realized the site wasn&#8217;t ready for prime time when it couldn&#8217;t scale past the initial user push.</p>

<p>I&#8217;ve heard a few designers mention it before, and I&#8217;m glad I&#8217;m not the only one who feels that sometimes <em>the best way to learn something is to commit to a project outside your comfort zone</em>. The first version of <a href="http://suggestrss.com/">SuggestRSS</a> was <strong>definitely</strong> outside my comfort zone, and I loved every minute of it.</p>

<p>It was really thrilling to me to have something I spent a significant amount of time on come crashing down within 72 hours of use. The knowledge I gained while writing the application the first time allowed me to instantly identify the multiple bottlenecks in the system. The downside, however, was my not having the knowledge to resolve the issues at hand.</p>

<h3>Hit the books</h3>

<p>I now had a detrimentally resource hogging application with what I see as quite a bit of potential, so I started researching how the heck I could make it work. I had a number of chats with my <a href="http://overit.com">Overit Media</a> cronies (lookin&#8217; at you <a href="http://jrtashjian.com">JR</a>, Scott) and they offered some really useful suggestions that definitely got me thinking about what changes should be made, and fast.</p>

<p>With that jumpstart, a number of epiphanies quickly followed. You know, the ones that should have been in place from the get-go. Once the major bottleneck had been overcome, I instantly became determined to relaunch <a href="http://suggestrss.com/">SuggestRSS</a>. My only regret is it taking over six months for that inspiration to strike.</p>

<h3>The latest SuggestRSS</h3>

<p>The <a href="http://suggestrss.com/">SuggestRSS</a> you see today is a product of a couple moths work (I <em>really</em> wish I kept track of the hours, personal curiosity) and <strong>lots of reading</strong>. The underlying concept is the same: find some new feeds based on the feeds you currently subscribe to.</p>

<p>The biggest difference by far with version 1.0, besides the design, is that you now have the ability to ignore any suggestion you&#8217;d like. Many users the first time around said that while the suggestions made sense, they were mostly sites purposely ignored due to lack of interest or personal preference. You can now bring that omission to your <a href="http://suggestrss.com/">SuggestRSS</a> results.</p>

<h2>Future plans</h2>

<p>I&#8217;d really like to first see how this version scales. Pending any major disasters, I&#8217;ve got a boatload of small features and changes I&#8217;d like to make over time, but the biggest effort will be put into the suggestion algorithm itself. I&#8217;d really like to take as many factors into account as possible in an effort to focus on what I like to call <em>targeted outliers</em>, just so the site can point you in some directions that might otherwise go unnoticed.</p>

<p>I hope you take a minute to check out the new and (vastly) improved <a href="http://suggestrss.com/">SuggestRSS</a>! For the time being, I&#8217;ll be making any announcements or answering questions primarily through <a href="http://twitter.com/suggestrss">@SuggestRSS</a> so certainly give a quick follow if you&#8217;re interested in any further updates coming down the pipe!</p>

<p>As a side note, with this soft launch I&#8217;ll again be able to focus on finishing a few of these articles and getting back on a more strict Monday By Noon schedule. Thanks so much for bearing with me while it&#8217;s been slightly quiet around here, I appreciate it.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=wjJdGIfwAQk:vi33QRmHhBo:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=wjJdGIfwAQk:vi33QRmHhBo:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=wjJdGIfwAQk:vi33QRmHhBo:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=wjJdGIfwAQk:vi33QRmHhBo:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=wjJdGIfwAQk:vi33QRmHhBo:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/wjJdGIfwAQk" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/10/06/suggestrss-is-back-and-way-better-than-ever/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to Handle IE6: Aggressive Graceful Degradation</title>
		<link>http://mondaybynoon.com/2009/09/21/aggressive-graceful-degradation/</link>
		<comments>http://mondaybynoon.com/2009/09/21/aggressive-graceful-degradation/#comments</comments>
		<pubDate>Mon, 21 Sep 2009 13:00:35 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=576</guid>
		<description><![CDATA[I'd like to propose an Internet Explorer contract addendum in which we notify clients that their project will gracefully degrade for IE.]]></description>
			<content:encoded><![CDATA[<p>No matter how much it may bother us, IE6 is still quite a hot topic around our little community. Two camps have recruited their groups and each seems quite comfortable with the accepted stance on their side of the fence. To one segment, IE6 is literally a bane of existence, and taking active aggressive measures against IE is daily practice. The other side, however, <strong>sucks it up and deals</strong>.</p>

<p>I often challenge my own stance on handling IE6, and have found what I consider to be a happy medium between both sides of this argument. I can&#8217;t in good faith stand behind the abrasive method of completely blocking (or severely limiting) access to a site based on user agent. Another way of handling things is to serve a completely alternate stylesheet, or remove the styles altogether. I prefer that solution over a roadblock.</p>

<p>At the other end of the spectrum, designers will do anything and everything to make the best of the situation, including tracking and billing time specifically for IE6 support. These designers seem to be most irritable when it comes to IE6, and understandably so. There&#8217;s a better solution. There is middle ground.</p>

<h2>Support IE6, but don&#8217;t cater to it</h2>

<p>I (and my company) <strong>support IE6</strong>. We do it because we have a strong feeling about accessibility, and supporting IE6 is really not a big deal.</p>

<p>The biggest calling to roadblock IE6 is by far its CSS &#8220;support&#8221; &mdash; that&#8217;s what gives the biggest headaches and leaves everyone running for the hills. The thing to remember, though, is that you&#8217;re a professional. With each project, <em>working with IE6 is going to get easier</em>. You&#8217;ll remember the disaster happened last time, and you&#8217;re going to remember <strong>how you fixed it</strong>. You&#8217;re not going to be faced with that problem this time around, or ever again. Get a couple years of that under your belt and you&#8217;re on Easy Street.</p>

<p>I&#8217;m not saying that your fixes need to go above and beyond a level of reason for the sake of IE6. The markup and style we&#8217;re writing is solid, right? There&#8217;s no reason we can&#8217;t quickly gracefully degrade a document either out of the box or by force. If that drop shadow is giving you trouble, <em><strong>tell IE6 it&#8217;s not there</strong></em> and continue with the next task. This design uses a series of PNGs to bring it to the next level? Don&#8217;t bother with PNG fixes; use a choppy GIF or nothing at all. Next.</p>

<p>Another major reason for roadblocking IE6 is JavaScript support. Even though we&#8217;re working with superb JavaScript libraries, things sometimes just don&#8217;t work out the way we expect. Here&#8217;s the answer for that:</p>

<p>JavaScript enhances the document viewing experience by adding an additional behavioral level, right? We&#8217;re talented professionals who have already built a fallback version of this document to directly compensate for the absence of JavaScript, right? Our problem is solved: <strong>IE6? Don&#8217;t fire our JavaScript.</strong> If it&#8217;s going to be a headache, why bother? We have a perfectly good version of the document that was only progressively enhanced by the JavaScript. IE6 can&#8217;t hack it, so just shut it off. Deliver the reduced experience because your viewer, for one reason or another (it doesn&#8217;t really matter, does it?) is using a terrible browser.</p>

<p>My point is, that the frustration regarding IE6 comes from forgetting about the medium in which we work. Pixel perfection is a lost cause, and that not only deals with off-by-one-pixel situations, that expands to include the bigger picture including both design assets and behavior enhancements. Don&#8217;t try to replicate the beauty of the original design in IE6, just make it accessible and move on.</p>

<h3>Aggressive Graceful Degradation</h3>

<p>I&#8217;ve come to call this view of IE6 support Aggressive Graceful Degradation. Instead of relying on your implementation to fall back to a working version of something, you instead <em>force the changes</em> through gateways provided by IE6 itself.</p>

<p>My experience has taught me how to avoid any catastrophic issues as far as the box model (and therefore main document structure) is concerned, so the IE6 issues I deal with on every project are minimal at best. My IE6-specific stylesheets are mostly just a few declarations replacing PNGs with GIFs (or removing the image entirely) and <code>li</code> fixes that I already expected to implement.</p>

<p>There are a number of other tips that I&#8217;ve come to learn in my career that make IE6 less than a bleep on the radar on any project. I documented a number of these tips in <a href="http://mondaybynoon.com/2009/01/12/fear-not-i-have-conquered-ie6-and-you-can-too/">Fear not. I have Conquered IE6, and You Can Too</a>, hopefully there are some things that will help you out if you&#8217;re having a bit of trouble tackling IE6.</p>

<p>The other main factor to which I can attribute the success of Aggressive Graceful Degradation is that <a href="http://mondaybynoon.com/2006/05/15/i-vote-conditional-comments/">I employ conditional comments</a> to target each version of Internet Explorer in such a way that my fixes are implemented quickly and directly with no side effect other than a few extra bytes of bandwidth for standards-based browsers.</p>

<p>Conditional comments is a subject by itself, one that has been discussed up down left and right, and I&#8217;m hard pressed to find a negative stance that really takes hold with me. I&#8217;m more than thankful that Microsoft implemented conditional comments so long ago, as it is the single most important enabling feature of Aggressive Graceful Degradation.</p>

<h3>Preparing your clients</h3>

<p>Taking an Aggressive Graceful Degradation stance is the easy part, the hardest part by far is conveying both the cause and effect of this decision to your client and what it means for his project. To tackle this issue directly, my company has started <a href="http://mondaybynoon.com/internet-explorer-contract-addendum/">including an additional document</a> with our contracts, explicitly stating our stance when it comes to Internet Explorer.</p>

<p>We try to teach our clients as much as we can from the kickoff meeting through (and beyond) a site launch. More often than not, a client will appreciate the fact that you&#8217;ve taken the time to share your knowledge, and explain it in such a way that the information is useful.</p>

<p>This <a href="http://mondaybynoon.com/internet-explorer-contract-addendum/">extra document</a> is referenced in the contract copy and the client is required to sign, acknowledging that he knows his website may in fact render in a very different way, but retain full accessibility. I&#8217;d like to extend this document to the community, in hopes that it helps you to take a stance of Aggressive Graceful Degradation when it comes to IE6 as opposed to taking on an abrasive solution such as roadblocking the project.</p>

<p>If you&#8217;d like to find out more information regarding the <a href="http://mondaybynoon.com/internet-explorer-contract-addendum/">Internet Explorer Contract Addendum</a> please feel free to review and use the addendum in your own contracts, it is released under a <a href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 United States License</a>. Suggested revisions are encouraged. A formal area for suggestions has not yet been established, but please feel free to <a href="http://mondaybynoon.com/contact">contact me directly</a> and we can all work together to make the addendum commonplace in project contracts.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=rbLFmJKY1Kw:AQk76iQNcU8:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=rbLFmJKY1Kw:AQk76iQNcU8:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=rbLFmJKY1Kw:AQk76iQNcU8:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=rbLFmJKY1Kw:AQk76iQNcU8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=rbLFmJKY1Kw:AQk76iQNcU8:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/rbLFmJKY1Kw" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/09/21/aggressive-graceful-degradation/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Current Events: Lazy Admins and WordPress Security</title>
		<link>http://mondaybynoon.com/2009/09/07/current-events-lazy-admins-and-wordpress-security/</link>
		<comments>http://mondaybynoon.com/2009/09/07/current-events-lazy-admins-and-wordpress-security/#comments</comments>
		<pubDate>Mon, 07 Sep 2009 15:55:31 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Current Events]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[admin]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[worm]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=562</guid>
		<description><![CDATA[WordPress has been receiving some bad press about a recent security issue. Make sure you're not being lazy.]]></description>
			<content:encoded><![CDATA[<p><a href="http://wordpress.org">WordPress</a> has had a string of bad press as of late, and it&#8217;s important as a Web designer to know the real deal, and how (if) it affects your work, especially if you or your clients use it. I&#8217;m quite vocal about my admiration of WordPress. I&#8217;ve been a dedicated user since early versions, and I&#8217;ve come to know and love WordPress, for both the good and the bad. Mostly the good of course.</p>

<p>WordPress has had security breaches in the past, and <em>there will be more</em> in the future. That&#8217;s just the way it is. Attempting to classify any piece of software as completely void of security holes is a lost cause, and no software should be held to that standard. It&#8217;s up to the end user to take it upon himself to analyze the software and make an educated decision to use it. While it doesn&#8217;t remove responsibility completely, to WordPress&#8217; credit, <a href="http://lorelle.wordpress.com/2009/09/04/old-wordpress-versions-under-attack/">this most recent issue</a> took hold only on outdated versions of WordPress. If you have been keeping your WordPress install(s) up to date, you were already covered when the incident first became widespread.</p>

<p>To me, the issue here lies with end users. WordPress is an extremely popular content platform. Millions of users happily publish their content to the world using the system, and that&#8217;s the extent to which they know about it. If I had to venture a guess, I would speculate that the majority of WordPress <em>users</em> have never actually installed the system, or are even aware if their version is the most current. Therein lies the problem, but that problem is in no way limited to WordPress itself. That is an issue with any piece of self-hosted software; there is an issue of responsibility on the owner himself.</p>

<h2>There&#8217;s always a tradeoff</h2>

<p>A larger segment of backlash directed toward WordPress revolves around the fact that it&#8217;s self hosted, that most of the end users wouldn&#8217;t know how to upgrade or even that it were possible. <strong>That&#8217;s not WordPress&#8217; fault.</strong> That&#8217;s the fault of either the site owner, or the Web firm who set up his website. Someone needs to retain the responsibility of maintaining the install, <em>it can&#8217;t be left to rust</em>. If you&#8217;re handing over the keys to a client, you need to make him aware of the ramifications of <em>your</em> decision to use a self-hosted application. You&#8217;ll need to explain that the software will need to be maintained and kept up to date, if for nothing else, to avoid security issues. That puts the pressure on him. The other option is to make sure your client WordPress installs are kept up to date. That puts the pressure on you. One way or another, that decision needs to be made along with the original analysis regarding whether or not WordPress will effectively facilitate the project.</p>

<p>I use WordPress for the majority of my work. I know WordPress inside and out, I love the system, and I love the community. I know and expect there to be issues from time to time, and I take the time to make sure my WordPress installs are kept up to date. Not to toot a horn or anything, but I&#8217;ve never had a security issue with WordPress, and if that&#8217;s simply from keeping my installs up to date in reasonable intervals, I believe that&#8217;s a tribute to the WordPress team and community.</p>

<p>I realize that I&#8217;m running a risk by self-hosting my platform of choice, but there is no way I&#8217;ll ever return to a hosted solution simply because there are too many hoops to jump through. I prefer to hit the ground running, know what I&#8217;m doing, and get the job done in the fastest (most custom) way possible. Hosted solutions simply aren&#8217;t my choice solution, and as far as I can tell, it&#8217;s going to be some time before that&#8217;s the case (if ever). That&#8217;s a super opinionated statement, but I feel it&#8217;s important to convey that I do keep up to date on hosted solutions and consider each in comparison to WordPress as updates are rolled out.</p>

<h2>Don&#8217;t be lazy</h2>

<p>It&#8217;s tough to hear the integrity of WordPress be put in question because of <em>lazy admins</em>. To me, that&#8217;s what it comes down to after all. I&#8217;ve heard excuses left and right about why people don&#8217;t upgrade, right down to it being too time consuming, but it all comes down to laziness. The WordPress team has made the upgrade process a literal &#8220;click of a button&#8221; in the past year. It doesn&#8217;t get much easier than that. If your theme might break with a plugin upgrade or an upgrade to WordPress itself, <strong>write better themes</strong>. Your code should revolve around the fact that WordPress (and her plugins) are going to update, and it&#8217;s going to happen often. To moan about maintenance work is just a lazy excuse in my opinion.</p>

<p>I understand that there are other systems out there that don&#8217;t demand such care-taking, but I&#8217;m the type of person that wouldn&#8217;t simply let a version of software sit simply because I don&#8217;t take the few minutes to perform some maintenance. I would wonder why anyone would take such a stance to be honest with you, at least anyone in this industry for that matter. Why would you want to knowingly settle down with an expired piece of software?</p>

<h2>Taking it for what it is</h2>

<p>We know the issue of &#8216;Windows syndrome&#8217;. Crackers will spend most of their time and effort on the most popular system; you get the most bang for your buck. Not only is the software everywhere you look, it&#8217;s maintained by an exorbitant number of under qualified people. Unfortunately, WordPress fits quite snug in this classification, and that&#8217;s a major reason you&#8217;re seeing security issues get so much attention.</p>

<p>On top of that, WordPress is open source. Crackers have been given potential security issues arranged beautifully on a silver platter. More often than not, that works for the benefit of the community, and security issues are squashed before so much as a photon of light can provide exposure. In the eyes of security, this could be looked at as a con in comparison to a hosted solution. Without direct access to source code, malicious intent is much more difficult to bring to fruition. That&#8217;s why you aren&#8217;t seeing these security announcements from other self-hosted or hosted solutions, the access and desire just isn&#8217;t there.</p>

<h3>I&#8217;m not trying to make excuses</h3>

<p>Of course I would prefer to not read these security bulletins about Wordpress, but I take the responsibility associated with my decision to use WordPress and this comes with the territory. If you&#8217;re a WordPress user, just make sure you understand that this is part of the job, and if it&#8217;s not something you&#8217;re interested in, you should start examining other solutions. If you&#8217;re not a WordPress user, take the experience for what it&#8217;s worth, and give your application of choice another rundown solidifying your decision to use it.</p>

<p>I&#8217;m also not trying to start a flame war here, it&#8217;s just disconcerting to hear the instant dogging of a system that many of the nay-sayers aren&#8217;t even using. I suppose that&#8217;s the way of the Internet and will always be the case, I just hope that many people take the high ground and realize this, like everything else, is both a learning experience as well as a reminder.</p>

<p><a href="http://wordpress.org/development/2009/09/keep-wordpress-secure/">Remain educated</a>. Don&#8217;t take software for granted. Make sure your scheduled backup systems are in place, make sure your software is up to date, and don&#8217;t be a lazy Web designer.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=cGjmWYKKbyY:gLQv89LcV2I:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=cGjmWYKKbyY:gLQv89LcV2I:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=cGjmWYKKbyY:gLQv89LcV2I:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=cGjmWYKKbyY:gLQv89LcV2I:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=cGjmWYKKbyY:gLQv89LcV2I:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/cGjmWYKKbyY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/09/07/current-events-lazy-admins-and-wordpress-security/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Handcrafted CSS Book Review (Video Edition) and Giveaway</title>
		<link>http://mondaybynoon.com/2009/08/30/handcrafted-css-book-review-video-edition/</link>
		<comments>http://mondaybynoon.com/2009/08/30/handcrafted-css-book-review-video-edition/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 01:41:46 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Book Reviews]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[Cederholm]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Dan]]></category>
		<category><![CDATA[Handcrafted CSS]]></category>
		<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=546</guid>
		<description><![CDATA[Dan Cederholm of SimpleBits recently published his latest book, Handcrafted CSS, which also includes a companion DVD starring Dan himself.]]></description>
			<content:encoded><![CDATA[<div class="hreview" id="hreview-Book-review">
	<div class="item description">
		
		<p class="img book-cover">
			<a href="http://www.amazon.com/gp/product/0321658531?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789">
				<img src="http://mondaybynoon.com/images/books/handcraftedcss.jpg" alt="Handcrafted CSS Book Cover" />
			</a>
		</p>

		<p>Just recently, Dan Cederholm (also well known as <a href="http://simplebits.com/">SimpleBits</a>) released a brand new book, <a href="http://www.amazon.com/gp/product/0321658531?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789"><span class="summary">Handcrafted CSS</span></a>. Dan is well known for far too many things to list in an introductory paragraph, but regarding his efforts as an author, he is well known and experienced. There&#8217;s a very good chance you&#8217;ve read one of his other wildly popular books <a href="http://www.amazon.com/gp/product/0321509021?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789">Bulletproof Web Design</a> or <a href="http://www.amazon.com/gp/product/1430219203?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789">Web Standards Solutions</a>. Both publications are extremely well regarded, and on the shelves of a good percentage of talented designers.</p>

		<p>Aside from being a talented and respected author, Dan Cederholm is one of the first names when you think of those few designers you can really look up to and consistently learn from. For me, he&#8217;s been a leading designer since I wrote my first line of CSS. I remember his publications helping me shape my craft from a very early time in my design-life, and to this day I learn from him consistently. I was thrilled to see that Dan was coming out with another book, not only because it&#8217;s something I aspire to do someday, but because he setting the bar so high in doing so.</p>

		<h2>About Handcrafted CSS</h2>

		<p><a href="http://www.amazon.com/gp/product/0321658531?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789">Handcrafted CSS</a> is, as described on the <a href="http://handcraftedcss.com/">official website</a>:</p>

		<blockquote cite="http://handcraftedcss.com/">
			<p>Seemingly non-obvious details can often separate good web design from great web design. You might not appreciate the quality of a well-designed website until you start using it, looking under the hood, putting it through tests, etc.</p>
			<p><cite>Handcrafted CSS: More Bulletproof Web Design</cite> is an attempt to share some of these details that matter most. By encouraging “progressive enrichment” to utilize advanced CSS and CSS3 properties that work in browsers today, to reevaluating past methods and best practices. This book will show how craftsmanship can be applied to flexible, bulletproof, highly efficient and adaptable interfaces that make up a solid user experience.</p>
		</blockquote>

		<p>Not surprisingly, I couldn&#8217;t have explained the book better if I took six months to try to do so. This book is specifically targeted at discussing <strong>modern Web design</strong> using bleeding edge technology for the sake of a better user experience.</p>

		<h3>What I loved about the book</h3>

		<p>By far, my favorite part of this book is the fact that Dan hit the ground running with a fully complete, chopped, marked up, and styled design to discuss. He worked backwards in comparison to nearly every other Web design book I&#8217;ve read, and the effect is beautiful. From the first pages, you see that we&#8217;ll be going over how Dan used his talents (and his smarts) to build a site that I wouldn&#8217;t be surprised to see in his personal portfolio. That&#8217;s not to say designs used in other books are sub-par, it&#8217;s just one of the many <em>apparent</em> reasons <a href="http://www.amazon.com/gp/product/0321658531?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789">Handcrafted CSS</a> was written by a true talent.</p>

		<p>Beyond that, I really love the way Dan Cederholm writes. I know that&#8217;s something I often say about books, but Dan does indeed write extremely well. On top of that, I really enjoyed how everything was presented. As mentioned, Dan follows suit with other books by continually referring a single point of reference to which he compares subject matter. This is super helpful when reading, as you don&#8217;t have to familiarize yourself with an example before analyzing the topic at hand.</p>

		<p>I also enjoyed <cite>Dan</cite>&#8217;s agnosticism toward his own methods. While he prides himself on the experience behind his decisions, he knows, respects, and acknowledges that <q>&#8220;there are approximately 3,296 ways to achieve the same result in Web design&#8221;</q>. Dan takes the time to explain, apply, and support his reasons for using his techniques and tools, but also discussions alternative approaches which solve the same problem.</p>

		<p>Lastly, I&#8217;d like to emphasize how much I appreciate the <em>overall quality</em> of the book. Not only the content within, but the design of the book, the cover, the type used throughout, the beauty of the full color screenshots and other imagery.</p>

		<h3>Content Summary</h3>

		<p>Handcrafted CSS is packed full with <em>200+ pages</em> of to-the-point explanations surrounding CSS, HTML, and a splash of JavaScript at the end.</p>

		<dl>
			<dt>Chapter 1: Always Ask, &#8220;What Happens If&#8230;?&#8221;</dt>
			<dd>
				<p>The first chapter dives right into the breakdown and reassembly of a single design element in the reference design. Dan takes the time to rebuild the element from the ground up, teaching you the ins and outs of the reasoning behind his decision making, all the while exemplifying the results via full color reference images. Time is taken to fully explore alternative methods, including the improper use of a <code>table</code>, just to show <em>why</em> it&#8217;s a poor solution.</p>
			</dd>
			<dt>Chapter 2: Rounded Corners with border-radius</dt>
			<dd>
				<p>Web designers <strong>love</strong> rounded corners. This chapter is completely devoted to them, and discusses how CSS3 is going to make our loves easier to the umpteenth degree when we&#8217;re able to use <code>border-radius</code> in our day to day work. The chapter begins by dissecting the old (and busted) way we&#8217;ve been forced to implement rounded corners, and then juxtaposes the new hotness that is <code>border-radius</code>. This chapter also acts as an introduction to vendor-specific extensions, something new(er) Web designers may not be familiar with. Various browser implementations are analyzed both for successes and failures, it&#8217;s always good to know.</p>
				<p>The entire chapter is based upon the rounded corner elements within the reference design, and <cite>Dan</cite> takes the time to show us the wonderful world of <q>&#8220;progressive enrichment&#8221;</q> (not to be confused with <a href="http://en.wikipedia.org/wiki/Progressive_enhancement">progressive enhancement</a>, details in the book.)</p>
			</dd>
			<dt>Chapter 3: Flexible Color with RGBa</dt>
			<dd>
				<p>RGBa will be another huge boon to productivity as a Web designer. This chapter discusses how a more intricate color property will help us create more versatile and effective designs. All the while making things easier to implement <em>and maintain</em>. Dan discusses where <code>opacity</code> fails and RGBa shines. The chapter closes off with again referencing the book-wide design, but targeting a very specific element on page to which RGBa has been (beautifully) applied.</p>
			</dd>
			<dt>Chapter 4: Do Websites Need to Look Exactly the Same in Every Browser?</dt>
			<dd>
				<p>If you know Dan, you know <a href="http://dowebsitesneedtolookexactlythesameineverybrowser.com/">his stance</a> on this subject: <strong>NO!</strong> This chapter focuses a bit more on the theory behind modern Web design, and explains the importance of embracing the fact that designs don&#8217;t need to be pixel perfect works of fragile art. We&#8217;re walked through a number of examples that appear perfectly readable cross-browser, and those using deficient browsers won&#8217;t ever know the difference.</p>
			</dd>
			<dt>Chapter 5: Modular Float Management</dt>
			<dd>
				<p>Modular Float Management tackles the most difficult thing to master when it comes to CSS; document structure from floating elements. After a brief refresher on floats (reminder: this isn&#8217;t an introductory book), the chapter dives right into modularizing your floated elements. More specifically, the topic of clearing is discussed in great detail. Dan explains his experience working with clearing elements, and gives some tips on his method of easily implementing a page structure that doesn&#8217;t need to be completely reworked once you start testing in <abbr title="Internet Explorer">IE</abbr>.</p>
			</dd>
			<dt>Chapter 6: The Fluid Grid <span>by <a href="http://unstoppablerobotninja.com/">Ethan Marcotte</a></span></dt>
			<dd>
				<p>Dan brought on the <a href="http://unstoppablerobotninja.com/">Unstoppable Robot Ninja</a> himself, Ethan Marcotte to guest write a chapter in the book. Ethan gracefully took on the challenging task of not only explaining a fluid grid, but also walking us through the design and thought process behind building it. Ethan was a great addition to the book not only as a variant voice, but also the subject matter itself. I believe that Ethan explained the problem, the conceptual solution, and the implementation extremely well, and a fluid grid is something every Web designer should know and understand if for nothing more than marking it as a possible solution when planning a new design. It&#8217;s one of the longer chapters in the book, but it&#8217;s completely full of great instruction and even better reference images throughout.</p>
			</dd>
			<dt>Chapter 7: Craftsmanship Details</dt>
			<dd>
				<p>As a conclusion, Dan chose to group a number of smaller subjects into something larger: craftsmanship. SimpleBits is branded from top to bottom with craftsmanship, and it&#8217;s something I&#8217;ve admired since first reading about the company and Dan. He uses the chapter to give us a bit of insight toward what goes into a SimpleBits project. From details with ampersands, to implementing custom type to bring a design to a new level, right down to using JavaScript to improve the user experience with certain design elements. This chapter is all about details, and how you can bring your designs to an entirely new level by taking notice of the little things that will really pull it together.</p>
			</dd>
		</dl>

		<h4>Handcrafted CSS: Bulletproof Essentials DVD</h4>

		<p>This version of the book comes bundled with a 60+ minute DVD starring Dan Cederholm himself, speaking one-on-one and outlining ten essential concepts to embrace to produce bulletproof designs, markup, and styles. I&#8217;ve never met Dan face to face, but seeing him at length in this video only solidified that what you see both in his work and what you read in his writings is the real deal. He seems like a truly personable guy, someone you can talk shop with or just go snag a beer (or three) with and talk about anything to do with anything.</p>

		<p>The branding of SimpleBits as well as <a href="http://www.amazon.com/gp/product/0321658531?ie=UTF8&amp;tag=mondaybynoon-20&amp;linkCode=as2&amp;camp=1789">Handcrafted CSS</a> continues through with the DVD as Dan discusses his ten essentials for bulletproof design. Right down to Dan&#8217;s interludes accompanied by the sounds of his very own ukulele. Much of the material is referenced in the book as well, but the video takes a slightly different approach, and includes a few choice differences. If you&#8217;re interested in the DVD, I would have to suggest that you buy the bundle that includes the book as well. There are <em>tons</em> of detail in the book that just wouldn&#8217;t have made sense to include in the DVD.</p>

		<p>It&#8217;s a great companion piece, and from the looks of it, other authors are on the same path in providing video materials along with downloadable examples and the original print versions as well.</p>

		<h3>Recommended?</h3>

		<p>Not that it will come off as surprising, but I wholeheartedly recommend this book to designers new and old. I recommend it if you think you know everything there is about CSS and Web design. I&#8217;ll even recommend this book to young designers still learning about CSS in general. Although Dan has indicated the book isn&#8217;t meant as an instructional resource to those completely new to the field, it will be an essential resource once you&#8217;ve become comfortable with CSS.</p>

		<h4>Giveaway Details</h4>

		<p>With the past two giveaways, I&#8217;ve been lucky enough to randomly select winners residing in the continental US. Unfortunately, I&#8217;m going to have to limit any sort of &#8216;free shipping&#8217; option with this giveaway to North American residents only. If you live outside North America, I&#8217;m terribly sorry, but my wallet can&#8217;t accommodate the shipping. That said, I don&#8217;t want to completely restrict entry to a limited number of people, so if you live outside North America and are willing to prepay shipping costs, absolutely feel free to enter!</p>

		<p>That&#8217;s about it for changes to the rules. The same old applies; leave a comment if you&#8217;d like to enter your name in the drawing, and I&#8217;ll leave entries open for approximately seven days. <ins><strong>Update:</strong> This time, however, posting a Tweet with <strong>the following link</strong> to the review will count as a second entry: <a href="http://mondaybynoon.com/x/3">http://mondaybynoon.com/x/3</a>. Be sure to use that link and that link only if you&#8217;d like to count it as an entry!</ins> The winner will first be notified <a href="http://twitter.com/jchristopher">on Twitter</a> and I&#8217;ll ship the book (<em>including DVD</em>) as soon as possible! <strong>Good luck!</strong></p>
	
		<div class="hidden meta">
			<p>
				<span class="type">Product</span> 
				reviewed <abbr class="dtreviewed" title="20090830T0800-0500">Aug 30, 2009</abbr> 
				by <span class="reviewer vcard"><span class="fn">Jonathan Christopher</span></span>
			</p>
			<p>Rating: <abbr title="5" class="rating">&#x2605;&#x2605;&#x2605;&#x2605;&#x2605;</abbr></p>
		</div>

	</div>
</div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=z8HDuCbHkC0:rkPKlC1y4NE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=z8HDuCbHkC0:rkPKlC1y4NE:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=z8HDuCbHkC0:rkPKlC1y4NE:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=z8HDuCbHkC0:rkPKlC1y4NE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=z8HDuCbHkC0:rkPKlC1y4NE:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/z8HDuCbHkC0" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/08/30/handcrafted-css-book-review-video-edition/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>The Art of zen-coding: Bringing Snippets to a New Level</title>
		<link>http://mondaybynoon.com/2009/08/17/the-art-of-zen-coding-bringing-snippets-to-a-new-level/</link>
		<comments>http://mondaybynoon.com/2009/08/17/the-art-of-zen-coding-bringing-snippets-to-a-new-level/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 12:32:58 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Development]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Aptana]]></category>
		<category><![CDATA[Coda]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Espresso]]></category>
		<category><![CDATA[NetBeans]]></category>
		<category><![CDATA[Snippets]]></category>
		<category><![CDATA[TextMate]]></category>
		<category><![CDATA[zen-coding]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=535</guid>
		<description><![CDATA[zen-coding is a new plugin for Web designers and developers, letting them write their code at high speed.]]></description>
			<content:encoded><![CDATA[<p>If I had to single out one thing that most significantly changed the way I write markup, code, and style, it would without a doubt be snippets. To get even more specific, it would be the snippet implementation of <a href="http://macromates.com/">TextMate</a>. When I first saw the feature at work via screencast, I was literally flabbergasted. I can&#8217;t explain how much it changed the way I thought about writing code, productivity, and overall quality of work. I was currently running Linux at the time, so I spent day and night trying to find replicate functionality in a native editor for myself.</p>

<p>This was before the days of the <a href="http://live.gnome.org/Gedit/Plugins/Snippets">Gedit implementation of snippets</a> so I did my best to <a href="http://mondaybynoon.com/2007/03/12/using-scite-with-textmate-style-snippets/">replicate TextMate in SciTE</a>. <em>It was <strong>awesome</strong></em>. Incorporating snippets changed the way I worked by orders of magnitude, and the implementation found in TextMate is the bar to which I compare every other editor I&#8217;ve tried.</p>

<p>What&#8217;s great is that snippets seem to have hit the mainstream. Besides OS X specific editors such as <a href="http://panic.com/coda">Panic&#8217;s Coda</a> and <a href="http://macrabbit.com/espresso">MacRabbit&#8217;s Espresso</a>, platform independent editors and <abbr title="Integrated Development Environment">IDE</abbr>s have their own implementations as well. Apart from <a href="http://www.e-texteditor.com/">E TextEditor</a> on Windows, however, I haven&#8217;t seen an editor implement snippets to the full effect of TextMate.</p>

<h2>The big deal about snippets</h2>

<p>The deciding factor for me is the ability to have multiple stops per snippet. This gives you the ability to not only share snippets (through Bundles or otherwise) but also <em>very easily</em> write your own. Every designer/developer has his or her own set of tricks, and a generic bundle isn&#8217;t going to cover you 100%. The great thing about a solid implementation of snippets puts the power in your hand to finish the job and add the final touch of customization you need.</p>

<p>I&#8217;m always on the hunt for a newer, better editor. It&#8217;s a curse I&#8217;ve had for years and one that will never go away. To be brutally honest, snippets are the only thing holding me to TextMate at this point, as there are a number of strong contenders on the market now, targeted specifically toward Web developers. They&#8217;re also gorgeous to boot.</p>

<p>I was to the point where I was simply waiting for the various editors to publish a few dot releases including a solid snippets implementation a la TextMate. That is until I discovered <a href="http://code.google.com/p/zen-coding/">zen-coding</a>. My mind was blown all over again.</p>

<h2>zen-coding takes snippets to a new level</h2>

<p><a href="http://code.google.com/p/zen-coding/">zen-coding</a> touts itself as a &#8220;set of plugins for HTML and CSS hi-speed coding&#8221; and my gosh it lives up to the name. The snippets implementation provided by zen-coding are based on specification drafts, and a heck of a lot has been included by default.</p>

<ul>
	<li><a href="http://code.google.com/p/zen-coding/wiki/ZenHTMLElementsEn">HTML elements (based on the HTML5 draft spec)</a></li>
	<li><a href="http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn">HTML selectors</a></li>
	<li><a href="http://code.google.com/p/zen-coding/wiki/ZenCSSPropertiesEn">CSS properties (based on the CSS3 draft spec)</a></li>
</ul>

<p>Instead of going over the documentation here, I&#8217;d just like to call a bit of attention to the <a href="http://code.google.com/p/zen-coding/wiki/ZenHTMLSelectorsEn">HTML selectors</a> linked above. This is truly what made my jaw drop.</p>

<p>The biggest calling point for zen-coding for me is its implementation of HTML selectors as snippet triggers. zen-coding includes an entirely new angle to writing markup, and it facilitates the feature by letting you write HTML based on CSS selectors. It&#8217;s so simple it&#8217;s confusing at first. I think it&#8217;s best explained by doing a quick before and after. If you were to type:</p>

<pre class="sh_css"><code>div#name.one.two</code></pre>

<p>and follow that with the zen-coding plugin keystroke (CMD+E in TextMate), the plugin will reformat the line as:</p>

<pre class="sh_html"><code>&lt;div id=&quot;name&quot; class=&quot;one two&quot;&gt;&lt;/div&gt;</code></pre>

<p>Let&#8217;s get a bit more advanced, typing:</p>

<pre class="sh_css"><code>ul#name>li.item</code></pre>

<p>will result in:</p>

<pre class="sh_html"><code>&lt;ul id=&quot;name&quot;&gt;
    &lt;li class=&quot;item&quot;&gt;&lt;/li&gt;
&lt;/ul&gt;</code></pre>

<p>Last, but not least:</p>

<pre class="sh_css"><code>p.one+p.two</code></pre>

<p>will result in:</p>

<pre class="sh_html"><code>&lt;p class=&quot;one&quot;&gt;&lt;/p&gt;
&lt;p class=&quot;two&quot;&gt;&lt;/p&gt;</code></pre>

<p>It doesn&#8217;t stop there. zen-coding has included an even more elaborate set of possibilities on top of valid CSS selectors.</p>

<h3>Element multiplication and variables</h3>

<p>A really fascinating feature of the CSS selector abilities comes from element multiplication. Perhaps one of the most tedious things to mark up (when not working from existing copy) is a list (or eight). zen-coding does its part to lighten the load, quite a bit:</p>

<pre class="sh_css"><code>ul#name>li.item*3</code></pre>

<p>provides:</p>

<pre class="sh_html"><code>&lt;ul id=&quot;name&quot;&gt;
    &lt;li class=&quot;item&quot;&gt;&lt;/li&gt;
    &lt;li class=&quot;item&quot;&gt;&lt;/li&gt;
    &lt;li class=&quot;item&quot;&gt;&lt;/li&gt;
&lt;/ul&gt;</code></pre>

<p>By including a multiplication modifier, you can control <strong>how many</strong> child elements are included in the snippet!</p>

<p>The other really interesting implementation deals with variables in snippet output, which is neat:</p>

<pre class="sh_css"><code>select>option#item-$*3</code></pre>

<p>gives you:</p>

<pre class="sh_html"><code>&lt;select&gt;
    &lt;option id=&quot;item-1&quot;&gt;&lt;/option&gt;
    &lt;option id=&quot;item-2&quot;&gt;&lt;/option&gt;
    &lt;option id=&quot;item-3&quot;&gt;&lt;/option&gt;
&lt;/select&gt;</code></pre>

<p>By including the dollar sign, you can include a reference to the index of the element you&#8217;re multiplying. Although really specific, it could (and probably will) come in <em>very</em> handy from time to time.</p>

<p>I mean if you&#8217;re not impressed yet, I just give up!</p>

<h4>See it in action</h4>

<p>There are a few screencasts referenced on the <a href="http://code.google.com/p/zen-coding/">Google Code page for zen-coding</a> which illustrate the above really well:</p>

<ul>
	<li><a href="http://pepelsbey.net/pro/2008/08/zen-html/">Zen HTML features, 1.х branch, screencast</a></li>
	<li><a href="http://pepelsbey.net/pro/2008/10/zen-css/">Zen CSS features, 1.х branch, screencast</a></li>
	<li><a href="http://chikuyonok.ru/2009/04/aptana-zen-coding-v01-beta/">Aptana Zen HTML features, 2.х branch, screencast</a></li>
</ul>

<p>Definitely check them out if my explanation is still a bit foggy, as the screencast really helps display what this plugin is capable of.</p>

<h4>Compatibility</h4>

<p>One of the finer points of zen-coding is the fact that the developer(s) are taking the time and effort to publish this genius for <strong>multiple editors</strong> both for OS X and cross-platform. Currently, according to the Google Code page, the plugin has versions for:</p>

<ul>
	<li><a href="http://macromates.com/">TextMate</a></li>
	<li><a href="http://www.aptana.com/">Aptana</a></li>
	<li><a href="http://panic.com/coda/">Coda</a></li>
	<li><a href="http://www.netbeans.org/">NetBeans</a></li>
	<li><a href="http://macrabbit.com/espresso/">Espresso</a></li>
</ul>

<p><del>Unfortunately, I didn&#8217;t find a download link to the Espresso Sugar, but I will keep my eyes open for that as well.</del> <ins><strong>Update:</strong> the lead developer, in <a href="http://mondaybynoon.com/2009/08/17/the-art-of-zen-coding-bringing-snippets-to-a-new-level/#comment-12886">his comment below</a>, let us know that the Sugar is included by default in Espresso releases.</ins> I&#8217;ve checked out the plugin both in TextMate and Coda and I can say that this plugin alone makes Coda a true contender for more advanced developers looking for a better implementation of Clips (until Coda natively supports snippets (fingers crossed for 2.0 bigtime)).</p>

<p><strong>Note:</strong> to fully install in TextMate, you&#8217;ll need to download three bundles. At the time of this writing, the three download links are titled as:</p>

<ul>
<li>Zen.Coding-TextMate.v0.3.zip (implements zen-coding)</li>
<li>TextMate.Zen.HTML.1.3.zip (implements HTML functionality)</li>
<li>TextMate.Zen.CSS.1.3.zip (implements CSS functionality)</li>
</ul>

<p>Be sure to install each bundle you need!</p>

<p>Non OS X users may find a bit of luck in that the plugin is released for both Aptana and NetBeans, two very popular IDEs as of late. Windows users should be able to use the TextMate bundles in E as you&#8217;re accustomed. While there is definitely activity on the Google Code page, I&#8217;m not positive that other editors will be supported in future releases.</p>

<h4>I love Web design.</h4>

<p>This is the line of thinking that really gets me excited about what I do. zen-coding has again completely changed the way I approach writing code, and has raised the bar to a new height. What else is great is that this functionality was provided out of someone else&#8217;s love for the industry as well. Their great idea is now making my life even easier, and that cycle will definitely continue in the Web design community.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=3gPKD56IqzA:8uxIhBXKJDg:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=3gPKD56IqzA:8uxIhBXKJDg:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=3gPKD56IqzA:8uxIhBXKJDg:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=3gPKD56IqzA:8uxIhBXKJDg:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=3gPKD56IqzA:8uxIhBXKJDg:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/3gPKD56IqzA" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/08/17/the-art-of-zen-coding-bringing-snippets-to-a-new-level/feed/</wfw:commentRss>
		<slash:comments>50</slash:comments>
		</item>
		<item>
		<title>Site Status: On the Future of Monday By Noon</title>
		<link>http://mondaybynoon.com/2009/08/10/site-status-on-the-future-of-monday-by-noon/</link>
		<comments>http://mondaybynoon.com/2009/08/10/site-status-on-the-future-of-monday-by-noon/#comments</comments>
		<pubDate>Mon, 10 Aug 2009 12:35:54 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Opinion]]></category>
		<category><![CDATA[Site News]]></category>
		<category><![CDATA[Jonathan Christopher]]></category>
		<category><![CDATA[Monday By Noon]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[Site]]></category>
		<category><![CDATA[status]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=528</guid>
		<description><![CDATA[Monday By Noon has been going strong for over three years now. What would you like to change?]]></description>
			<content:encoded><![CDATA[<p>Are we following each other <a href="http://twitter.com/jchristopher">on Twitter</a>? If not, it&#8217;s a great way to quickly get in touch without having to comment on a single post or send an email!</p>

<p>Monday By Noon was started as my primary method of becoming a part of the Web design community. There were (and still are) so many designers and developers I respect to the umpteenth degree from which I&#8217;ve learned everything I know. I&#8217;ll continue to hold the community in the highest regard both as a source for education as well as friendships, and that includes every reader of this publication.</p>

<p>The first post here was made on February 19th, 2006. I&#8217;ve written 171 articles since then, and you&#8217;ve provided 2,895 contributions via comments. Detail oriented readers will notice that from time to time, I&#8217;ve missed a scheduled posting. It&#8217;s been really tough for me to let slide, as I hadn&#8217;t missed a Monday publish date going on over two years strong. The rationalization, though, has been my not wanting to publish for the sake of following the Monday By Noon namesake and publishing for that reason alone. I do my best to think about applicable, useful, informational, worthwhile subjects about which to post, and to be brutally honest, sometimes the idea (or the energy) simply isn&#8217;t there.</p>

<p>It was great to read a recent article by one of, if not <em>the</em>, most respected names in Web design conveying the importance of only <a href="http://www.zeldman.com/2009/08/09/write-when-inspired/">writing when inspired</a>. I&#8217;ve learned many times that <strong>forcing yourself to do something is the quickest way to begin resenting it</strong>. I love publishing on Monday By Noon, and that&#8217;s <em>the last thing</em> I want to have happen. I hope to publish for many years to come, but that depends heavily on my ability to remain inspired. Unfortunately, becoming inspired is in no way an ability in the technical sense, so it&#8217;s not something I can actively refine. My inspiration comes directly from the community and the work I do, and I&#8217;m super lucky to be involved in a community consistently brewing with interesting changes, discussions, and updates.</p>

<p>Introductions aside, the entire meaning of this post is to extract any feedback from readers possible.</p>

<h2>Monday By Noon: the schedule</h2>

<p>My original intention with the Monday By Noon nomenclature was to combat a slight case of procrastination I had throughout my years of schooling. In college, I wasn&#8217;t the most proficient time keeper, and certain things tended to fall by the wayside and remain undone. Since then, I&#8217;ve done quite a bit to reverse that bad habit, and I like to think that I&#8217;ve become much better at <a href="http://mondaybynoon.com/2009/02/02/how-i-use-omnifocus-to-help-get-things-done/">getting things done</a>, both personally and professionally. If you ask some people, though, they&#8217;ll be quick to tell you I&#8217;ve got a ways to go!</p>

<p>How do you feel about the posting schedule? I&#8217;m especially interested in hearing whether a missing post or two every few weeks is doing any sort of disservice to the site as a whole. Do you think publications made each week are with enough thought and effort to constitute a weekly schedule? In this age of design blogs pumping out ~2000 word articles every few hours, it&#8217;s sometimes hard to determine if readers are still gaining from what you write.</p>

<h2>The content</h2>

<p>I&#8217;ll be the first to tell you that Monday By Noon is one of the most improvisational projects I&#8217;ve ever had. While I do keep a running list of article ideas, I often come up with article topics at the last minute, something that happened within the past day or two, and I&#8217;ll want to write about the topic immediately, as I write best when I&#8217;ve got a stream &#8212; no, a <em>flash flood</em> &#8212; of consciousness to transcribe. It&#8217;s only once every few months I refer to the list of article topics I have floating around. Unfortunately, some ideas have been sitting on that list since the first few months of starting Monday By Noon, and no longer remain relevant or interesting.</p>

<p>Lately, however, I&#8217;ve been trying to force myself to plan more elaborate articles that people will find interesting. One of the more ambitious article types I&#8217;d like to seriously consider and evaluate are screencasts. <strong>I love screencasts.</strong> Not only do I love screencasts for the built in educational value, I feel like it&#8217;s that much more personal. One of the most gravitational aspects of the Web design community is the personality and lifestyle of other designers. I think that comes with any profession, being interested in the way other people do things (that is unless you hate your career).</p>

<p>That said, do you take the time to watch screencasts? If so, who makes your favorites? What screencasts would you love to see? I&#8217;ve had a few ideas rolling around, and would love to know if readers would enjoy watching such a thing:</p>

<ul>
	<li>Design comp analyzation in prep for initial markup and style</li>
	<li>Initial front end development walkthrough</li>
	<li>WordPress development tips, tricks, techniques</li>
	<li>CSS troubleshooting techniques</li>
	<li>JavaScript tutorials</li>
</ul>

<p>They&#8217;re just a few ideas I&#8217;ve had rolling around, thinking about what I&#8217;d like to watch a screencast discussing. Are screencasts overrated and I&#8217;m simply over-enthusiastic about them? If you&#8217;ve got any requests for screencast subject matter, anything you&#8217;ve been curious about but haven&#8217;t been able to find an article to help with, I would absolutely love to read about them!</p>

<p>I&#8217;d also be very interested to know if screencasts just aren&#8217;t your thing, so please take a second to comment below if you have a bit of free time!</p>

<p>Are there any up-and-coming topics you&#8217;d like to see covered in any amount of detail over the next few months? I&#8217;d really like to hear some suggestions directly from you, as I&#8217;m always worried that the same reader will become uninterested in article topics for many weeks in a row.</p>


<h3>Changing it up</h3>

<p>Continuing on the fact that I&#8217;ve never really had a plan or end goals in place for Monday By Noon, I&#8217;ve been considering taking the site to the next level as far as overall purpose is concerned. At first glance, and until now, Monday By Noon has served (and served well) as a weekly publication medium. With the site, though, that&#8217;s the one true calling to subscribe and/or visit. Sure, I&#8217;ll pull in some links from <a href="http://delicious.com/jchristopher">Delicious</a>, my posts from <a href="http://twitter.com/jchristopher">Twitter</a>, my public photos from <a href="http://www.flickr.com/photos/jonchristopher/">Flickr</a>, and even my most-listened albums of the month from <a href="http://www.last.fm/user/jchristopher">last.fm</a>, but the site is far from injected with personal content. For you, is that a pro or a con?</p>

<p>For me, I like to know about authors. Not that it has anything to do with the quality of work he or she does, it&#8217;s simply another aspect to check out and draw inspiration from. I&#8217;m considering making a few personal aspects a bit more apparent when it comes to the site, but also considering a complete abstraction and relocation to a different platform entirely. I&#8217;m having trouble finding a happy medium and would appreciate any thoughts you&#8217;ve got!</p>

<p>Personal information aside, I&#8217;ve had the itch to really beef up the way I include outside resources. Outside Reading has been the single area of Monday By Noon on site to include outside resources I find useful. Unfortunately, I&#8217;ve been posting resources more consistently to <a href="http://twitter.com/jchristopher">Twitter</a> than Delicious, so a lot has been missed when it comes to Outside Reading. Truth be told, many people I&#8217;ve spoken to had no idea the links were there in the first place, which is the biggest problem of all!</p>

<p>How do you feel about outside resources and asides? Chances are very good that you&#8217;ve come across the links from other sources, but would you be opposed to other information taking a bigger responsibility when it comes to Monday By Noon? I&#8217;m considering a <a href="http://tumblr.com/">Tumblr</a> style update to Outside Reading, turning it into a stream of resources both prominent on the site as well as included in the feed. Would that be too big of a change for you, or something totally welcomed?</p>

<p>I hope the deviation in topic matter wasn&#8217;t too much of a disruption, and if you&#8217;ve made it this far in the piece, I would truly appreciate any thoughts you&#8217;ve got. Monday By Noon&#8217;s readers are its most valuable asset, and I&#8217;d like to do everything I can to have them enjoy the site that much more, including responses to very specific requests. Hope to hear from you soon!</p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=zoMbbLVuuLM:w5c1ucIuQ_Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=zoMbbLVuuLM:w5c1ucIuQ_Q:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=zoMbbLVuuLM:w5c1ucIuQ_Q:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=zoMbbLVuuLM:w5c1ucIuQ_Q:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=zoMbbLVuuLM:w5c1ucIuQ_Q:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/zoMbbLVuuLM" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/08/10/site-status-on-the-future-of-monday-by-noon/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>The Four Hour Workweek Book Review and Giveaway</title>
		<link>http://mondaybynoon.com/2009/08/03/the-four-hour-workweek-book-review-and-giveaway/</link>
		<comments>http://mondaybynoon.com/2009/08/03/the-four-hour-workweek-book-review-and-giveaway/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 12:04:40 +0000</pubDate>
		<dc:creator>Jonathan Christopher</dc:creator>
				<category><![CDATA[Book Reviews]]></category>
		<category><![CDATA[Opinion]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[career]]></category>
		<category><![CDATA[help]]></category>
		<category><![CDATA[personal]]></category>
		<category><![CDATA[productivity]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[self]]></category>

		<guid isPermaLink="false">http://mondaybynoon.com/?p=521</guid>
		<description><![CDATA[The Four Hour Workweek by Timothy Ferriss is an inside look at becoming one of the New Rich by changing the way you live your life. Here is my review of the book.]]></description>
			<content:encoded><![CDATA[<div class="hreview" id="hreview-Book-review"><div class="item description">

<p>My fianc&eacute;e Carrie and I returned from our first &#8216;official&#8217; vacation in about three years this past Friday. It was <em><strong>fantastic</strong></em> attempting to simply forget about everything that has to do with anything. Regular readers may have noticed that I&#8217;ve missed a few publications over recent months, and I feel that has to do with a bit of <a href="http://mondaybynoon.com/2008/05/05/improving-your-process-combating-burnout/">burn out</a> coming on. What better time to have a vacation kick in!</p>

<p>I decided that I was going to do my best to truly unplug for the week, and although I did a decent job, I must admit that I did check email from time to time (a true curse). That said, I&#8217;ve had a few non-Web books to read that were long overdue, and I decided that the vacation would be the perfect time.</p>

<p>I&#8217;ve always had an underlying interest in business. I really enjoy reading about business strategy alongside best practices and my business law courses in college were probably some of my favorite. That&#8217;s not to say I consider myself anywhere knowledgeable of business, simply intrigued. I think it ties closely with my pursuit of process and personal productivity on a very low level.</p>

<p>This generic interest in business and personal productivity, alongside an abundance of chatter, lead me to snag a copy of <a href="http://www.fourhourworkweek.com/"><span class="summary">The Four Hour Workweek</span></a> by Timothy Ferriss. It&#8217;s one of those books you&#8217;ve heard mentioned often, and can&#8217;t help but give a bit more attention. To be honest, however, my first reaction to the title and brief summaries included a blend of the following:</p>

<ul>
	<li>&#8230; huh</li>
	<li>Get rich quick scam</li>
	<li>SPAM</li>
	<li>Yeah right.</li>
	<li>pfffffffft</li>
</ul>

<p>I summary, I was turned off by the one-liners describing what you&#8217;ll get from the book. I tend to be skeptical when it comes to just about anything, until I&#8217;m proven otherwise. I don&#8217;t consider myself a pessimist, simply thorough. When it comes to <a href="http://www.fourhourworkweek.com/">The Four Hour Workweek</a> it came down to consistently hearing good things about the book from friends (not press) and seeing references to Timothy Ferriss on a fairly consistent basis. The book sat in my case for months, but I&#8217;ve finally had a chance to read it cover to cover.</p>


<h2>About The Four Hour Workweek</h2>

<p class="img book-cover"><a href="http://www.fourhourworkweek.com/"><img src="http://mondaybynoon.com/images/books/fourhourworkweek.jpg" alt="The Four Hour Work Week Book Cover" /></a></p>

<p><a href="http://www.fourhourworkweek.com/">The Four Hour Workweek</a> is labeled as a self-help, personal productivity, business, lifestyle book. I haven&#8217;t read too many self-help books, so I wasn&#8217;t sure what to expect with something labeled as such. Timothy Ferriss describes what inspired him to turn his life upside down and go completely against the grain of the &#8220;old rich&#8221;, instead taking cues from the New Rich.</p>

<p>The New Rich (NR) are identified as such based on three key factors: <strong>time, income, and mobility</strong>. Naturally, income is unavoidable when it comes to classification, but I was interested to see that both time and mobility were included as well. After all, what good is making lots of money if you can never go anywhere or have time to do anything? Living a luxurious lifestyle that consists of working from the time you wake until you go to bed doesn&#8217;t sound very enthralling.</p>

<p>The book goes into great detail outlining what Timothy did to escape a life he discovered undesirable. He describes starting his own business, become overworked and burnt out with it, and what he did to step back and rework everything from the ground up. Much of the book focuses on the <a href="http://en.wikipedia.org/wiki/Pareto_principle">Pareto principle</a> (the 80-20 rule), something I find to be more true every day. The rule states that roughly 80% of the effects come from 20% of the causes. This can be applied to life, business, finances, and just about any aspect of everything. As generic as it sounds, recognizing the principle and acting on it can really change things for yourself, specifically in business.</p>

<p>The Four Hour Workweek also focuses on task management, time management, empowerment, and effectiveness to name a few things. The entire premise of the book is to recognize what takes away from your &#8220;wealth&#8221; and focuses on the ways to remedy each of those causes (continually referencing the 80-20 rule).</p>


<h3>What I liked about the book</h3>

<p>Timothy Ferriss&#8217; writing style is terribly easy to read. It&#8217;s as though he were sitting across the dinner table from you, dishing out the secrets to his success over the course of a few hours. I never tired of reading the book, and read it from cover to cover in just a few sittings as a result.</p>

<p>The book goes into an extraordinary amount of detail. At the end of each chapter, Timothy gives a summary of points discussed by providing links, addresses, phone numbers, or other associated contact information for companies/people/websites referenced in the current chapter. It&#8217;s very conclusive and helpful should you be so inspired to take action straight away.</p>

<p>Timothy does a great job of explaining what he learned from changing many aspects of his life, and why it worked. He takes you through his life journey, and the realizations he found along the way. It&#8217;s as much a story as it is a learning experience, and I think that helps to convey his message in a more effective way.</p>


<h3>What I didn&#8217;t like about the book</h3>

<p>From a very high level, this book is geared toward a very specific person. Someone who simply isn&#8217;t happy with their current work situation, looking for big changes because of that unhappiness. I, on the other hand, am <em>very happy</em> with my job, and I&#8217;m not looking to flip things upside down because of my unhappiness.</p>

<p>With this book, I had to put that aside and take the advice for what it&#8217;s worth; and that&#8217;s when I began soaking things in. Unless you&#8217;re really looking for something different, you&#8217;ll need to abstract yourself when reading the book to get any advice from it, else you&#8217;ll be telling yourself &#8220;this doesn&#8217;t apply to me in the least&#8221; many times while reading the book.</p>

<p>Additionally, to really get a lot from the book, in essence you need to have the same goals as Timothy. That includes consistent travel, mobility to do so, and a fairly specific lifestyle. I, on the other hand, find comfort in different things and have different end goals, but do recognize the value in a new way of living described in The Four Hour Workweek.</p>

<p>It&#8217;s an absolute personal opinion, and I have no idea whether or not you&#8217;ll find the note useful, but it&#8217;s the only negative I found from the book.</p>


<h3>Conclusion and giveaway details</h3>

<p>Overall, I&#8217;m very glad to have read The Four Hour Workweek. I&#8217;ve been meaning to read the book for months and I&#8217;m glad I finally took the time to do so. I definitely got a few reminders from Timothy Ferriss as well as a number of new ideas to kick around. I can definitely see why he&#8217;s getting so much press and praise for the publication, as it definitely shakes things up a bit. The book isn&#8217;t for everyone though, and I can see many people pushing it aside as an impossible feat or otherwise. However, if you follow Timothy Ferriss through his many postings, appearances, and otherwise, you&#8217;ll see that he does in fact live his life quite a bit differently than &#8216;the norm&#8217;.</p>

<p>While I&#8217;m not looking to &#8220;get rich&#8221; and travel the world as a lifestyle, I am looking to get the most out of what I can, and this book does indeed offer tips to accomplish such a task, even if your goals don&#8217;t run completely parallel with Timothy&#8217;s. The biggest take home message I got from the book was to stop working for some sort of unattainable goal to be reached in 45 years. Instead, giving yourself periodic shorter term goals with associated personal rewards attached to each. I can completely understand the lack of stability in working your entire life for a single gargantuan, globally completing goal.</p>

<p>The advice given in the book, while eccentric, has some backing, and I really enjoy reading about people approaching things differently, and documenting both their successes and failures throughout.</p>

<p>I liked the way things turned out with <a href="http://mondaybynoon.com/2009/03/30/sexy-web-design-book-review/">the last giveaway</a> so I&#8217;m going for it again with The Four Hour Workweek! If you&#8217;ve been a bit skeptical on this book, enough so to prevent you from forking over the cash, leave a comment below to be entered in a drawing for my copy. Good luck!</p>

<div class="hidden meta">
	<p>
		<span class="type">Product</span> 
		reviewed <abbr class="dtreviewed" title="20090803T0800-0500">Aug 3, 2009</abbr> 
		by <span class="reviewer vcard"><span class="fn">Jonathan Christopher</span></span>
	</p>
	<p>Rating: <abbr title="4" class="rating">&#x2605;&#x2605;&#x2605;&#x2605;</abbr></p>
</div>

</div></div>

<p><a href="http://twitter.com/jchristopher">Follow me on Twitter</a> to find out if you&#8217;ve won the book!</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=y3ImrH9q-48:RvD7csJTbqk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=y3ImrH9q-48:RvD7csJTbqk:D7DqB2pKExk"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=y3ImrH9q-48:RvD7csJTbqk:D7DqB2pKExk" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/MondayByNoon?a=y3ImrH9q-48:RvD7csJTbqk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/MondayByNoon?i=y3ImrH9q-48:RvD7csJTbqk:F7zBnMyn0Lo" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/MondayByNoon/~4/y3ImrH9q-48" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://mondaybynoon.com/2009/08/03/the-four-hour-workweek-book-review-and-giveaway/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>
