<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">

    <channel>
    
    <title>Brett Munro&#39;s Design Blog</title>
    <link>http://www.brett-munro.com/blog</link>
    <description>All things website design.</description>
    <dc:language>en</dc:language>
    <dc:creator>st4rdog@gmail.com</dc:creator>
    <dc:rights>Copyright 2010</dc:rights>
    <dc:date>2010-07-28T15:19:34+00:00</dc:date>
    <admin:generatorAgent rdf:resource="http://expressionengine.com/" />
    

    <item>
      <title>Booky theme featured by Tumblr!</title>
      <link>http://www.brett-munro.com/blog/post/booky_theme_featured_by_tumblr/</link>
      <guid>http://www.brett-munro.com/blog/post/booky_theme_featured_by_tumblr/</guid>
      <description><![CDATA[<p>My <a href="http://tumblr.com">Tumblr</a> theme <a href="http://www.tumblr.com/theme/10116">Booky</a> has been featured on their main <a href="http://tumblr.com/themes">themes page</a>. Check it out.</p>

<p>Over 1000 people have installed it!</p>]]></description>
      <dc:subject>Links</dc:subject>
      <dc:date>2010-07-28T15:19:34+00:00</dc:date>
    </item>

    <item>
      <title>New Youtube Layout</title>
      <link>http://www.brett-munro.com/blog/post/new_youtube_layout/</link>
      <guid>http://www.brett-munro.com/blog/post/new_youtube_layout/</guid>
      <description><![CDATA[<p>To enable/activate the new layout for any video use this url:</p>

<p>youtube.com/watch5?enable=1&next_url=/watch?v=VIDEO_ID_GOES_HERE</p>

<p>There's also a new <a href="http://news.softpedia.com/news/Google-Search-to-Get-a-Thorough-Redesign-in-Early-2010-127587.shtml">Google.com redesign</a>.</p>]]></description>
      <dc:subject>Links</dc:subject>
      <dc:date>2010-02-28T18:39:04+00:00</dc:date>
    </item>

    <item>
      <title>Web Design Trends &#45; Drop shadows on every piece of text</title>
      <link>http://www.brett-munro.com/blog/post/web_design_trends_-_drop-shadows_on_every_piece_of_text/</link>
      <guid>http://www.brett-munro.com/blog/post/web_design_trends_-_drop-shadows_on_every_piece_of_text/</guid>
      <description><![CDATA[<p>Slightly different from box-shadows. You'll see this everywhere in 2010.</p>]]></description>
      <dc:subject>Links</dc:subject>
      <dc:date>2010-02-23T21:00:37+00:00</dc:date>
    </item>

    <item>
      <title>Flavors.me homepage creator</title>
      <link>http://www.brett-munro.com/blog/post/flavors.me_homepage_creator/</link>
      <guid>http://www.brett-munro.com/blog/post/flavors.me_homepage_creator/</guid>
      <description><![CDATA[<p><a href="http://flavors.me">Flavors.me</a> grabs your blog posts/tweets etc and sticks them all on the one page. It also gives you a cool design tool to personalise it. View some <a href="http://www.flavors.me/directory">example sites</a> or visit mine in the link above.</p>]]></description>
      <dc:subject>Links</dc:subject>
      <dc:date>2010-01-29T17:17:23+00:00</dc:date>
    </item>

    <item>
      <title>CSS Selector Best Practice</title>
      <link>http://www.brett-munro.com/blog/post/css_selector_best_practice/</link>
      <guid>http://www.brett-munro.com/blog/post/css_selector_best_practice/</guid>
      <description><![CDATA[]]></description>
      <dc:subject>Links</dc:subject>
      <dc:date>2010-01-27T15:42:08+00:00</dc:date>
    </item>

    <item>
      <title>When In Doubt, Go Simple: 5 Reasons Simple Design Works</title>
      <link>http://www.brett-munro.com/blog/post/when_in_doubt_go_simple_5_reasons_simple_design_works/</link>
      <guid>http://www.brett-munro.com/blog/post/when_in_doubt_go_simple_5_reasons_simple_design_works/</guid>
      <description><![CDATA[]]></description>
      <dc:subject>Links</dc:subject>
      <dc:date>2010-01-16T18:03:20+00:00</dc:date>
    </item>

    <item>
      <title>Trends &#45; box&#45;shadow on every hover</title>
      <link>http://www.brett-munro.com/blog/post/trends_-_box-shadow_on_every_hover/</link>
      <guid>http://www.brett-munro.com/blog/post/trends_-_box-shadow_on_every_hover/</guid>
      <description><![CDATA[<p>You can see box-shadow being used more often in CSS. Hover over the boxes in the sidebar on the CSS Tricks site.</p>

<p>They're pretty easy to do. Check this code:</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #0000BB">box</span><span style="color: #007700">-</span><span style="color: #0000BB">shadow</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">0&nbsp;0&nbsp;10px&nbsp;2px&nbsp;rgba</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0.3</span><span style="color: #007700">);<br />-</span><span style="color: #0000BB">moz</span><span style="color: #007700">-</span><span style="color: #0000BB">box</span><span style="color: #007700">-</span><span style="color: #0000BB">shadow</span><span style="color: #007700">:&nbsp;</span><span style="color: #0000BB">0&nbsp;0&nbsp;10px&nbsp;2px&nbsp;rgba</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0.3</span><span style="color: #007700">);<br />-</span><span style="color: #0000BB">webkit</span><span style="color: #007700">-</span><span style="color: #0000BB">box</span><span style="color: #007700">-</span><span style="color: #0000BB">shadow</span><span style="color: #007700">:&nbsp;&nbsp;</span><span style="color: #0000BB">0&nbsp;0&nbsp;10px&nbsp;2px&nbsp;rgba</span><span style="color: #007700">(</span><span style="color: #0000BB">0</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0</span><span style="color: #007700">,&nbsp;</span><span style="color: #0000BB">0.3</span><span style="color: #007700">);&nbsp;</span>
</span>
</code></div>

<div style="box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:  0 0 10px 2px rgba(0, 0, 0, 0.3); background:#fff; border:1px solid #666; padding:10px; margin:15px 0px; width:350px">Example</div>

<div style="box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:  inset 0 0 10px 2px rgba(0, 0, 0, 0.3); background:#fff; border:1px solid #666; padding:10px; margin:15px 0px; width:350px">Just add inset - "inset 0 0 10px 2px rgba(0, 0, 0, 0.3)"</div>

<p>Here's how the numbers break down:</p>

<p>box-shadow: x-offset from middle, y-offset from middle, shadow blur/falloff, shadow spread, rgba(red, green, blue, alpha transparency)</p>

<p>You can use negative numbers if you wish.</p>]]></description>
      <dc:subject>Links</dc:subject>
      <dc:date>2010-01-13T16:27:46+00:00</dc:date>
    </item>

    <item>
      <title>Tiled background generator</title>
      <link>http://www.brett-munro.com/blog/post/tiled_background_generator/</link>
      <guid>http://www.brett-munro.com/blog/post/tiled_background_generator/</guid>
      <description><![CDATA[<p>Comfortably my favourite background generator.</p>

<p>Another good one is <a href="http://bgmaker.ventdaval.com">bgMaker</a> - good for pixelated backgrounds and has a realtime preview as you draw.</p>]]></description>
      <dc:subject>Links</dc:subject>
      <dc:date>2010-01-08T14:36:05+00:00</dc:date>
    </item>

    <item>
      <title>ExpressionEngine vs Wordpress vs Textpattern</title>
      <link>http://www.brett-munro.com/blog/post/expressionengine_vs_wordpress_vs_textpattern/</link>
      <guid>http://www.brett-munro.com/blog/post/expressionengine_vs_wordpress_vs_textpattern/</guid>
      <description><![CDATA[<p><em>Note: This was originally from early 2008. I've stripped out parts that no longer apply and it's now mostly a comparison of the template systems. It's also from a front-end-only designer's perspective, not a clients.</em></p>

<p><a href="http://www.textpattern.com">Textpattern</a>, <a href="http://www.wordpress.org">Wordpress</a> and <a href="http://www.expressionengine.com">ExpressionEngine</a> are the 3 main content management and blogging systems that I looked at to control <a href="http://www.brett-munro.com">brett-munro.com</a>. <strong></strong></p>



<h4>Templates</h4>

<p>One of the most important features for me was the ability to customise the template to allow for any XHTML/CSS I wanted to use.</p>



<h4>Templates - Textpattern</h4>

<p>Textpattern has a very intuitive system for templates. You click the presentation tab in the admin interface, then you can choose from Sections, Pages, Forms and Style.</p>

<p>Style - clearly this is where you paste your CSS.</p>

<p>Sections - These are basically the parts of your site that you can post content to. You can select whether to syndicate the content using RSS, and what styles/templates you want the section to use.</p>

<p>Pages - These are the HTML templates for your sections. This includes all the links to your stylesheets, meta keywords etc etc.</p>

<p>Forms - These integrate into your templates. They can be described as "mini-templates" for things like individual post items. Here's an example:</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"post"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">h1</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">txp</span><span style="color: #007700">:</span><span style="color: #0000BB">title&nbsp;</span><span style="color: #007700">/&gt;&lt;/</span><span style="color: #0000BB">h1</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">txp</span><span style="color: #007700">:</span><span style="color: #0000BB">body&nbsp;</span><span style="color: #007700">/&gt;&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;<br />&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;&nbsp;</span>
</span>
</code></div>

<p>If you saved this form as "postform", then in the Pages section, you would place this code where you wanted it to appear:</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">txp</span><span style="color: #007700">:</span><span style="color: #0000BB">article&nbsp;form</span><span style="color: #007700">=</span><span style="color: #DD0000">"postform"&nbsp;</span><span style="color: #0000BB">sort</span><span style="color: #007700">=</span><span style="color: #DD0000">"Posted&nbsp;desc"&nbsp;</span><span style="color: #007700">/&gt;&nbsp;</span>
</span>
</code></div>

<p>Now all your posts will appear styled by "postform" and sorted descending in the order of the date posted.</p>

<p>Another cool feature is the tag builder. It can automatically add tags instead of making you search through an instruction manual. You can also customise these. You can choose a custom Form for the tag to use. If you want to make an unordered list of your recent articles, then make the Wraptag "ul", and make then Break "li".</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #007700">&lt;</span><span style="color: #0000BB">txp</span><span style="color: #007700">:</span><span style="color: #0000BB">category_list&nbsp;label</span><span style="color: #007700">=</span><span style="color: #DD0000">"Categories"&nbsp;</span><span style="color: #0000BB">section</span><span style="color: #007700">=</span><span style="color: #DD0000">"articles"&nbsp;</span><span style="color: #0000BB">wraptag</span><span style="color: #007700">=</span><span style="color: #DD0000">"ul"&nbsp;</span><span style="color: #007700">break=</span><span style="color: #DD0000">"li"&nbsp;</span><span style="color: #007700">/&gt;&nbsp;</span>
</span>
</code></div>

<p>I also managed to customise Textpattern's admin interface just by changing a few images.</p>




<h4>Templates - Wordpress</h4>

<p>Wordpress has a slightly different approach to Textpattern. Wordpress's theme files are all stored as .php files that you can edit using the admin interface. It doesn't offer much else, so you'll have to scour the manual for all the <a href="http://codex.wordpress.org/Template_Tags">template tags</a>. The tags are also php-based:</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #0000BB">&lt;?php&nbsp;the_title</span><span style="color: #007700">();&nbsp;</span><span style="color: #0000BB">?&gt;&nbsp;</span>
</span>
</code></div>

<p>It works well enough and you can include php files for repeating page elements. One problem is that it would often attach it's own HTML tags to the elements, lacking the functionality of Textpattern's Wraptag and Break options. I couldn't find a way to remove them easily, although maybe I just didn't look hard enough - a "tag builder" like Textpatterns would help here.</p>




<h4>Templates - ExpressionEngine</h4>

<p>Unfortunately ExpressionEngine is the only CMS tested that requires you to pay hard cash if you want to use it commercially. In saying that, it does have the most out-of-the-box features and there's a free version available for non-commercial use.</p>

<p>With EE's templates, you add templates inside a group. You can use multiple groups for one site. The name of the group becomes part of your URL unless you're server supports the option of disabling it.</p>

<p>http://www.your-site.com/index.php/template_group/template/</p>

<p>For example, this blog page has a "blog" template group, with "post" and "blog_sidebar" templates inside it. The only difference between <em>blog</em> and <em>post</em> is that <em>post</em> contains the comment code and limits the blog entries displayed to one. Here's an example of the simple code:</p>

<div class="codeblock"><code><span style="color: #000000">
<span style="color: #0000BB">&#123;embed</span><span style="color: #007700">=</span><span style="color: #DD0000">"blog/blog_sidebar"</span><span style="color: #0000BB">&#125;<br /><br /></span><span style="color: #007700">&lt;</span><span style="color: #0000BB">div&nbsp;id</span><span style="color: #007700">=</span><span style="color: #DD0000">"blog_right"</span><span style="color: #007700">&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">&#123;exp</span><span style="color: #007700">:</span><span style="color: #0000BB">weblog</span><span style="color: #007700">:</span><span style="color: #0000BB">entries&nbsp;weblog</span><span style="color: #007700">=</span><span style="color: #DD0000">"blog"&nbsp;</span><span style="color: #0000BB">orderby</span><span style="color: #007700">=</span><span style="color: #DD0000">"date"&nbsp;</span><span style="color: #0000BB">limit</span><span style="color: #007700">=</span><span style="color: #DD0000">"15"&nbsp;</span><span style="color: #0000BB">paginate</span><span style="color: #007700">=</span><span style="color: #DD0000">"bottom"</span><span style="color: #0000BB">&#125;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">div&nbsp;</span><span style="color: #007700">class=</span><span style="color: #DD0000">"post"</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;</span><span style="color: #0000BB">h3</span><span style="color: #007700">&gt;&lt;</span><span style="color: #0000BB">a&nbsp;href</span><span style="color: #007700">=</span><span style="color: #DD0000">"&#123;title_permalink="</span><span style="color: #0000BB">blog</span><span style="color: #007700">/</span><span style="color: #0000BB">post</span><span style="color: #DD0000">"&#125;"</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">&#123;title&#125;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">a</span><span style="color: #007700">&gt;&lt;/</span><span style="color: #0000BB">h3</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">&#123;body&#125;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">&#123;entry_date&nbsp;format</span><span style="color: #007700">=</span><span style="color: #DD0000">"%M&nbsp;%d&nbsp;%Y"</span><span style="color: #0000BB">&#125;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">&#123;paginate&#125;<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #007700">&lt;</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;</span><span style="color: #0000BB">Page&nbsp;&#123;current_page&#125;&nbsp;of&nbsp;&#123;total_pages&#125;&nbsp;&#123;pagination_links&#125;</span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">p</span><span style="color: #007700">&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000BB">&#123;</span><span style="color: #007700">/</span><span style="color: #0000BB">paginate&#125;<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&#123;</span><span style="color: #007700">/</span><span style="color: #0000BB">exp</span><span style="color: #007700">:</span><span style="color: #0000BB">weblog</span><span style="color: #007700">:</span><span style="color: #0000BB">entries&#125;<br /><br /></span><span style="color: #007700">&lt;/</span><span style="color: #0000BB">div</span><span style="color: #007700">&gt;&nbsp;</span>
</span>
</code></div>

<p>Removing the index.php from the URL requires a <a href="http://expressionengine.com/docs/installation/renaming_index.html">small amount</a> <a href="http://expressionengine.com/wiki/Remove_index.php_From_URLs/">of work</a> compared to Textpattern/Wordpress, where you can select what type of URL from the admin menu - everything from query strings to full search engine friendly SEO URL's.</p>




<h4>Conclusion</h4>

<p>I decided on ExpressionEngine, but I would've been swayed to Textpattern had it been more compatible with my host.</p>




<h4>Other Mentions</h4>

<p><a href="http://modxcms.com">MODx</a> - Easy-to-use for clients, but custom fields require PHP knowledge and relying on things like Ditto seemed less than ideal.</p>

<p><a href="http://www.drupal.org">Drupal</a> - Had a strange system where you were directly editing the page without an admin interface. Got confusing quickly and I would've preferred separation.</p>

<p><a href="http://www.silverstripe.com">SilverStripe</a></p>

<p><a href="http://plone.org">Plone</a></p>

<p><a href="http://orangoo.com/skeletonz">Skeletonz</a></p>

<p><a href="http://www.pligg.com">Pligg</a></p>]]></description>
      <dc:subject>Articles</dc:subject>
      <dc:date>2009-12-28T20:24:01+00:00</dc:date>
    </item>

    <item>
      <title>Book Cover Design Archive</title>
      <link>http://www.brett-munro.com/blog/post/book_cover_design_archive/</link>
      <guid>http://www.brett-munro.com/blog/post/book_cover_design_archive/</guid>
      <description><![CDATA[<p>A cool list of book cover designs.</p>]]></description>
      <dc:subject>Links</dc:subject>
      <dc:date>2009-12-27T22:27:41+00:00</dc:date>
    </item>

    
    </channel>
</rss>
<!-- www.000webhost.com Analytics Code -->
<script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>
<noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a></noscript>
<!-- End Of Analytics Code -->
