<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Weblog Tools Collection &#187; Web Design</title>
	<atom:link href="http://weblogtoolscollection.com/archives/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://weblogtoolscollection.com</link>
	<description>Weblog Tools Blogging Tools Blog</description>
	<lastBuildDate>Wed, 22 May 2013 18:13:51 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>WordPress Helper Firefox Extension</title>
		<link>http://weblogtoolscollection.com/archives/2008/10/21/wordpress-helper-firefox-extension/</link>
		<comments>http://weblogtoolscollection.com/archives/2008/10/21/wordpress-helper-firefox-extension/#comments</comments>
		<pubDate>Tue, 21 Oct 2008 13:53:47 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[Blogging News]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordPress Tips]]></category>
		<category><![CDATA[firefox extension]]></category>
		<category><![CDATA[wordpress codex]]></category>
		<category><![CDATA[wordpress helper]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2008/10/21/wordpress-helper-firefox-extension/</guid>
		<description><![CDATA[WordPress Helper Firefox Extension.: An extension for Firefox that adds a bunch of automated and manual features to the right click contextual menu in Firefox. Available features include the following: Categorized Access to WordPress Help pages (WordPress Codex) Search for highlighted text strings on websites One-Click-switch to a website’s WordPress backend Update Notification on new WordPress versions Website Profiles Custom Shortcuts Various preference settings There has been active development on this extension since April of this year with good documentation of progress and the author is taking suggestions from users for future uses/features of the extension. Although many of these actions can be performed with shortcuts or other tools within Firefox, this extension puts it all into one place at easy reach of the Firefox user. The original developers&#8217; page is in German but the linked page should be the English version. [EDIT] Sorry, link fixed. Thanks for the heads [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.schloebe.de/firefox-extensions/wordpress-helper/#english">WordPress Helper Firefox Extension</a>.: An extension for Firefox that adds a bunch of automated and manual features to the right click contextual menu in Firefox.</p>
<p>Available features include the following:</p>
<ul>
<li>Categorized Access to WordPress Help pages (WordPress Codex)</li>
<li>Search for highlighted text strings on websites</li>
<li>One-Click-switch to a website’s WordPress backend</li>
<li>Update Notification on new WordPress versions</li>
<li>Website Profiles</li>
<li>Custom Shortcuts</li>
<li>Various preference settings</li>
</ul>
<p>There has been active development on this extension since April of this year with good documentation of progress and the author is taking suggestions from users for future uses/features of the extension. Although many of these actions can be performed with shortcuts or other tools within Firefox, this extension puts it all into one place at easy reach of the Firefox user. The original developers&#8217; page is in German but the linked page should be the English version.</p>
<p>[EDIT] Sorry, link fixed. Thanks for the heads up.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2008/10/21/wordpress-helper-firefox-extension/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>10 Video Tutorials for Learning Basic Web Design Skills</title>
		<link>http://weblogtoolscollection.com/archives/2008/06/16/10-video-tutorials-for-learning-basic-web-design-skills/</link>
		<comments>http://weblogtoolscollection.com/archives/2008/06/16/10-video-tutorials-for-learning-basic-web-design-skills/#comments</comments>
		<pubDate>Mon, 16 Jun 2008 13:42:53 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[LinkyLoo]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/?p=3640</guid>
		<description><![CDATA[10 Video Tutorials for Learning Basic Web Design Skills: Some interesting video tutorials linked from Mashable that could help budding web designers or dabblers put a new sheen on their existing blog or website. Of interest are such video tutorials as &#8220;How to turn any web template into a WordPress theme&#8220;.]]></description>
				<content:encoded><![CDATA[<p><a href="http://mashable.com/2008/06/12/web-design-tutorials/">10 Video Tutorials for Learning Basic Web Design Skills</a>: Some interesting video tutorials linked from Mashable that could help budding web designers or dabblers put a new sheen on their existing blog or website. Of interest are such video tutorials as &#8220;<a href="http://max.limpag.com/2006/09/01/video-tutorial-wordpress-theme/">How to turn any web template into a WordPress theme</a>&#8220;.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2008/06/16/10-video-tutorials-for-learning-basic-web-design-skills/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Create Your Own Frontpage Slideshow</title>
		<link>http://weblogtoolscollection.com/archives/2008/05/23/create-your-own-frontpage-slideshow/</link>
		<comments>http://weblogtoolscollection.com/archives/2008/05/23/create-your-own-frontpage-slideshow/#comments</comments>
		<pubDate>Fri, 23 May 2008 17:04:52 +0000</pubDate>
		<dc:creator>Jeff Chandler</dc:creator>
				<category><![CDATA[HOW-TO]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Weblog Add-Ons]]></category>
		<category><![CDATA[WordPress FAQs]]></category>
		<category><![CDATA[creating]]></category>
		<category><![CDATA[slideshow]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/?p=3545</guid>
		<description><![CDATA[The folks over at PerfectSurf.de have published a tutorial which goes into detail on how you can create your own personal slideshow to appear on the frontpage of your WordPress powered site. This slideshow feature has been seen in numerous premium themes as of late and now you can create one for yourself via this tutorial. A slideshow is great for showcasing images within a gallery or showing off images related to top news items on your blog. The tutorial is not meant for beginners, but those of you who understand terms such as The Loop, excerpt and permalink, you should be fine. There are some caveats to this process which are outlined in the requirements: There are many ways of embedding slideshows to your website. This tutorial is based on a WordPress 2.5 installation (with some files customized and of course all files updated that were critical in WP2.5 [...]]]></description>
				<content:encoded><![CDATA[<p>The folks over at <a title="http://www.perfectsurf.de/tutorial-how-to-use-a-frontpage-slideshow-on-your-wordpress-blog/10112" href="http://www.perfectsurf.de/tutorial-how-to-use-a-frontpage-slideshow-on-your-wordpress-blog/10112" target="_blank">PerfectSurf.de have published a tutorial</a> which goes into detail on how you can create your own personal slideshow to appear on the frontpage of your WordPress powered site. This slideshow feature has been seen in numerous premium themes as of late and now you can create one for yourself via this tutorial. A slideshow is great for showcasing images within a gallery or showing off images related to top news items on your blog. The tutorial is not meant for beginners, but those of you who understand terms such as The Loop, excerpt and permalink, you should be fine.</p>
<p>There are some caveats to this process which are outlined in the requirements:</p>
<blockquote><p>There are many ways of embedding slideshows to your website. This tutorial is based on a WordPress 2.5 installation (with some files customized and of course all files updated that were critical in WP2.5 concerning security issues!). Moreover you need to BUY a plugin that was originally developed for “Joomla!”, which is an open source Content Management System (CMS). The plugin is called “frontpage slideshow version 1.6? (FPSS) and it was transformed by its creators into a so called “static version” that fits into ALL websites that are PHP-based.</p></blockquote>
<p>After going through the tutorial, you&#8217;ll notice that you need to change the slideshow file manually in order to update the content the links within the slideshow point to. This seems like a mundane approach. I believe this can be done via custom fields but I&#8217;d like to know what other ways this effect can be accomplished without having to purchase anything and without having to manually update the slideshow?</p>
<p><strong>*NOTE*</strong> Tobi of the perfectsurf website left a note in the comments regarding this post:</p>
<blockquote><p>No need to buy the FPSS anymore. I made a new plugin out of Jason Schuller’s FCG plugin, I called it FCS (Featured Category Slideshow) You find everythin at <a title="http://www.perfectsurf.de/category/fcs" href="http://www.perfectsurf.de/category/fcs" target="_blank">perfectsurf.de/category/fcs</a> (by now, take the first post)</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2008/05/23/create-your-own-frontpage-slideshow/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Lessons from Eye-Tracking Studies</title>
		<link>http://weblogtoolscollection.com/archives/2007/11/15/lessons-from-eye-tracking-studies/</link>
		<comments>http://weblogtoolscollection.com/archives/2007/11/15/lessons-from-eye-tracking-studies/#comments</comments>
		<pubDate>Thu, 15 Nov 2007 15:50:28 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[Golden Rules]]></category>
		<category><![CDATA[LinkyLoo]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2007/11/15/lessons-from-eye-tracking-studies/</guid>
		<description><![CDATA[23 Actionable Lessons from Eye-Tracking Studies: A very nice summary of the eye tracking studies performed at Eyetrack III. The lessons are easy to follow and made a lot of sense to me. I have found most of them to be true in my experience but they can serve as a good guideline for new designs and for a remedial set of guidelines for existing designs.]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.virtualhosting.com/blog/2007/scientific-web-design-23-actionable-lessons-from-eye-tracking-studies/">23 Actionable Lessons from Eye-Tracking Studies</a>: A very nice summary of the eye tracking studies performed at <a href="http://www.poynterextra.org/eyetrack2004/main.htm">Eyetrack III</a>. The lessons are easy to follow and made a lot of sense to me. I have found most of them to be true in my experience but they can serve as a good guideline for new designs and for a remedial set of guidelines for existing designs.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2007/11/15/lessons-from-eye-tracking-studies/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Announcing The Sandbox Designs Competition</title>
		<link>http://weblogtoolscollection.com/archives/2007/05/31/announcing-the-sandbox-designs-competition/</link>
		<comments>http://weblogtoolscollection.com/archives/2007/05/31/announcing-the-sandbox-designs-competition/#comments</comments>
		<pubDate>Thu, 31 May 2007 19:06:04 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress Templates WordPress Skins WordPress Themes]]></category>
		<category><![CDATA[LinkyLoo]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2007/05/31/announcing-the-sandbox-designs-competition/</guid>
		<description><![CDATA[Last Tuesday, May 28, I released an update to the Sandbox theme, version 0.9. Since releasing the Sandbox back in August of 2006 Andy and I have received lots of good feedback. I called it &#8220;the theme for themers&#8221; and it has had a really positive influence on theme design within the WordPress community. There have been more than a few themes/designs built on the Sandbox and releasedâ€”and for good reason. Its highly semantic, dynamic structure make it immensely easy to design for, not to mention all the features built into its markup, like Microformats. So I thought it was a good time for a new theme competitionâ€”or rather a &#8220;designs&#8221; competition. It has been around two years since the last successful WordPress theme competition (participants of the competitions in 2006 will roll their eyes and would include me). We&#8217;ve seen the launch of an official theme viewer, two major [...]]]></description>
				<content:encoded><![CDATA[<p>Last Tuesday, May 28, I released an <a href="http://www.plaintxt.org/2007/05/29/sandbox-v09-released/">update to the Sandbox theme</a>, version 0.9. Since releasing the Sandbox back in August of 2006 <a href="http://andy.wordpress.com/" title="Andy on WordPress.com">Andy</a> and I have received lots of good feedback. I called it &#8220;the theme for themers&#8221; and it has had a really positive influence on theme design within the WordPress community.</p>
<p>There have been <a href="http://getk2.com/2006/08/k2-plays-in-sandbox/" title="K2 Plays in the Sandbox">more</a> <a href="http://archgfx.net/blog/2007/design/speaking-of-sandbox-themes" title="Speaking of Sandbox Themes">than</a> <a href="http://ntuat.wordpress.com/" title="not (that) ugly Sandbox designs">a few</a> themes/designs built on the Sandbox and releasedâ€”and for <a href="http://comox.textdrive.com/pipermail/wp-hackers/2006-August/007709.html" title="New Default theme for 2.1">good reason</a>. Its highly semantic, dynamic structure make it immensely easy to design for, not to mention all the features built into its markup, like <a href="http://microformats.org/">Microformats</a>.</p>
<p>So I thought it was a good time for a new theme competitionâ€”or rather a &#8220;designs&#8221; competition. It has been around two years since the last successful WordPress theme competition (participants of the competitions in 2006 will roll their eyes and would include me). We&#8217;ve seen the launch of an <a href="http://themes.wordpress.net/">official theme viewer</a>, two major WordPress releases (2.1 and 2.2), two <a href="http://weblogtoolscollection.com/archives/2007/05/24/announcing-wordpress-plugin-competition-20/" title="Announcing the WordPress Plugin Competition 2.0">plugin competitions</a>, and so on. So I think it&#8217;s time.</p>
<p>Now you probably have a thousand questions running through your brains. Let me try and answer at least a few of them.</p>
<blockquote><p><strong>Question:</strong> Why have a theme competition? The last two failed. Don&#8217;t you know anything?<br />
<strong>Answer:</strong> Well, this isn&#8217;t really a &#8220;theme&#8221; competition. It&#8217;s a <em>designs</em> competition, similar to Alex King&#8217;s <a href="http://alexking.org/projects/wordpress/styles" title="WordPress CSS Styles">WordPress CSS Styles</a> held back in February of 2004, that is only for style sheets (and images, of course). Folks won&#8217;t be competing to show off PHP know-how, or scripting abilities, etc., but how well they can <strong>design</strong>, use CSS, be creative, and so on.</p>
<p><strong>Question:</strong> Uh, that&#8217;s boring. Every design will be pretty much the same, won&#8217;t they?<br />
<strong>Answer:</strong> Not in the slightest. See, the Sandbox is special. It has these dynamic class-generating functions that sprinkle neat semantic classes throughout the markup, which means each page is the same, but it is also a little different. Using combinations of these classes means that style sheets can easily go beyond just arranging content into layouts by making the design relate to the content. There are so many classes that almost any layout, any design, etc., is achievable. For example, you could style posts by categories, <code>.category-asides{â€¦}</code> vs. <code>.category-important-news{â€¦}</code>, uniquely.</p>
<p><strong>Question:</strong> Okay, that&#8217;s pretty slick. But why should I spend my time in this competition?<br />
<strong>Answer:</strong> First, you could win more than a handful of cash. From the day one we have US$500 in cash to distribute to first, second, and third place winners (there will be a runner-up who will receive an honorarium). We&#8217;re getting sponsors to help us increase the total cash pot to US$1000. So the first-place winner will hopefully walk away US$500 richer (but at least US$250 richer). Secondly, you could be crowned a top blog designer in our little blogosphere. Not a bad title to parade around. And thirdly, you can solidify your designer creds just by participating and getting your bio tossed up on the website.</p>
<p><strong>Question:</strong> Sweet, but didn&#8217;t I just read something about a plugin competition? And didn&#8217;t I read that right here on this blog?<br />
<strong>Answer:</strong> Indeed you did. I was actually in the process of smoothing out the details for this competition, getting everything in order, when Mark announced the plugins competition 2.0. I emailed him immediately, somewhat frantically. But I feel like these two competitions differ from one another in all the right ways. Plugin developers are primarily concerned with PHP and scripting. This competition, as mentioned before, is purely about CSS and design. Put them together and you have everything that makes WordPress lovely.</p>
<p><strong>Question:</strong> Word. But I blog on <a href="http://wordpress.com/">WordPress.com</a>. Am I going to be left on the margins of the community yet again?<br />
<strong>Answer:</strong> Not at all. The new version of the Sandbox will be available to blogs there soon (details to come). Furthermore, unless you like punching yourself in the face, you&#8217;ll probably want to <a href="http://codex.wordpress.org/Installing_WordPress#Installing_WordPress_Locally">install WordPress locally</a> to do your designing. When the competition finishes and all the designs are available, you can rejoice in knowing you&#8217;ll be able to use the designs immediately (you&#8217;ll need the <a href="http://wordpress.com/products/custom-css/">custom CSS upgrade</a>, though).</p>
<p><strong>Question:</strong> Good news indeed. Sign me up!<br />
<strong>Answer:</strong> Sign yourself up, but not quite yet. All the details you could possibly wish for will be posted on <a href="http://www.plaintxt.org/" title="plaintxt.org">www.plaintxt.org</a> tomorrow, June 1, 2007. So go there tomorrow and you&#8217;ll find a lovely little post waiting to direct you to the competition blog.</p>
<p><strong>Question:</strong> Well, I&#8217;m not going to submit a design, so perhaps there is something else I can do?<br />
<strong>Answer:</strong> Indeed. If you have a design background or another appropriate qualification, you could possibly serve as a judge. Or you can simply purchase a sponsorship to show your support.</p>
<p><strong>Question:</strong> Wait right thereâ€”<em>purchase</em> something? Uh, we&#8217;re talking about WordPress, right? So why would I do that?<br />
<strong>Answer:</strong> First of all, you can support and encourage participation by helping raise the cash prize pot. If you&#8217;re active in the WordPress community or use WordPress, these designs can be of real benefit to you. Support our designers. Anyhow, there will be different levels of sponsorships, different prices, but basically you&#8217;ll be getting your link and/or image up on the competition blog for everyone to see. People will love and respect you.</p>
<p><strong>Question:</strong> I could use some love and respect.<br />
<strong>Answer:</strong> We all could, my friend. We all could.</p></blockquote>
<p>So all the details will be posted tomorrow on <a href="http://www.plaintxt.org" title="plaintxt.org">www.plaintxt.org</a>. Participants will have about two months create their designs and submit them. But I&#8217;m getting ahead of myself. Details, terms, etc., will all be available very soon. Until then. ;-D</p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2007/05/31/announcing-the-sandbox-designs-competition/feed/</wfw:commentRss>
		<slash:comments>43</slash:comments>
		</item>
		<item>
		<title>Two or Three Columns?</title>
		<link>http://weblogtoolscollection.com/archives/2007/03/21/two-or-three-columns/</link>
		<comments>http://weblogtoolscollection.com/archives/2007/03/21/two-or-three-columns/#comments</comments>
		<pubDate>Wed, 21 Mar 2007 14:20:37 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[Blog Templates Blog Skins Blog Themes]]></category>
		<category><![CDATA[brainstorming]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2007/03/21/two-or-three-columns/</guid>
		<description><![CDATA[I read this question in a comment and though I had an answer from my own personal preference, I think it would be really helpful for others to make this decision and consequently for theme developers to get a good feel for where and what they should concentrate on if there were some discussion on it. I personally prefer one column themes with a minimal second column. Most information that is put on my sidebar(s) is extraneous and could be placed elsewhere. I have also found that some of that information deters from the original content of the blog. The landing page concept is nice for search engine traffic where extra links and information on the content might help you draw in the user to explore some more. However, the face of the blog is cleaner and chock full of good stuff to read with lesser distractions. That being said, [...]]]></description>
				<content:encoded><![CDATA[<p>I <a href="http://weblogtoolscollection.com/archives/2007/03/21/wordpress-theme-releases-for-321/#comment-1156625">read this question in a comment</a> and though I had an answer from my own personal preference, I think it would be really helpful for others to make this decision and consequently for theme developers to get a good feel for where and what they should concentrate on if there were some discussion on it.</p>
<p>I personally prefer one column themes with a minimal second column. Most information that is put on my sidebar(s) is extraneous and could be placed elsewhere. I have also found that some of that information deters from the original content of the blog. The landing page concept is nice for search engine traffic where extra links and information on the content might help you draw in the user to explore some more. However, the face of the blog is cleaner and chock full of good stuff to read with lesser distractions.</p>
<p>That being said, I have seen and read some really good blogs/sites that have made appropriate use of sidebar content including the venerable <a href="http://slickdeals.net">Slickdeals</a> and the <a href="http://wordpress.org/development/">WordPress Development blog</a>.</p>
<p>Do you like one, two or three (or more) column themes and why?</p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2007/03/21/two-or-three-columns/feed/</wfw:commentRss>
		<slash:comments>78</slash:comments>
		</item>
		<item>
		<title>Whitespace</title>
		<link>http://weblogtoolscollection.com/archives/2007/01/09/whitespace/</link>
		<comments>http://weblogtoolscollection.com/archives/2007/01/09/whitespace/#comments</comments>
		<pubDate>Tue, 09 Jan 2007 07:54:34 +0000</pubDate>
		<dc:creator>Ajay</dc:creator>
				<category><![CDATA[Golden Rules]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2007/01/09/whitespace/</guid>
		<description><![CDATA[I came across an article by Mark Boulton at A List Apart. He writes about the importance of micro and macro whitespace. To put it simply, whitespace on a page is everything that isn&#8217;t the content. By content I mean text, images and other design elements. Micro whitespace is the space between lines, characters and smaller elements on your page. Macro whitespace is between major elements, like blocks of content etc. Micro whitespace plays the role in ensuring legibility and macro whitespace gives you the feeling of breathing room and cleanliness. Before the popularity of CSS, most of the styling was with font, bold and italic tags. Most sites had standard font sizes (usually 12pt) and standard whitespacing. Once CSS became popular, almost all design elements could be styled. Spacing between characters could be easily changed, as well as line spacing. Cross-browser and cross-platform incompatibility resulted in pages looking good [...]]]></description>
				<content:encoded><![CDATA[<p>I came across an article by <a href="http://www.alistapart.com/authors/b/markboulton">Mark Boulton</a> at <a href="http://www.alistapart.com/">A List Apart</a>. He writes about the <a href="http://www.alistapart.com/articles/whitespace">importance of micro and macro whitespace</a>.</p>
<p>To put it simply, whitespace on a page is everything that isn&#8217;t the content. By content I mean text, images and other design elements.<br />
<em>Micro whitespace</em> is the space between lines, characters and smaller elements on your page. <em>Macro whitespace</em> is between major elements, like blocks of content etc.<br />
Micro whitespace plays the role in ensuring legibility and macro whitespace gives you the feeling of breathing room and cleanliness.</p>
<p>Before the popularity of CSS, most of the styling was with <code>font</code>, <strong>bold</strong> and <em>italic</em> tags. Most sites had standard font sizes (usually 12pt) and standard whitespacing. </p>
<p>Once CSS became popular, almost all design elements could be styled. Spacing between characters could be easily changed, as well as line spacing. Cross-browser and cross-platform incompatibility resulted in pages looking good in some browsers and extremely pathetic in others. Reduced line-height and font-spacing resulted in cramped text. Text became illegible and even good articles became a real pain to read.</p>
<p>Mark&#8217;s article brings to focus how whitespace can actually make a differnce. He cites two examples; one of <a href="http://en.wikipedia.org/wiki/Erik_Spiekermann">Erik Spiekermann</a>&#8216;s redesign of <a href="http://www.theeconomist.com/">The Economist</a> and the second of brand positioning while designing graphics.<br />
He then goes on to explain the use of active and passive whitespace in a simple article with pictures and examples.</p>
<p>I think the article is a must read for both theme and graphic designers. I plan on implementing some of his suggestions in my designs as well as my websites.</p>
<p>Let me quote his closing paragraph:</p>
<blockquote><p>Once you know how to design and manipulate the space outside, inside, and around your content, youâ€™ll be able to give your readers a head start, position products more precisely, and perhaps even begin to see your own content in a new light.</p></blockquote>
<p><a href="http://www.alistapart.com/articles/whitespace">The article &raquo;</a></p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2007/01/09/whitespace/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>WordPress Theme Bundle for TextMate</title>
		<link>http://weblogtoolscollection.com/archives/2007/01/01/wordpress-theme-bundle-for-textmate/</link>
		<comments>http://weblogtoolscollection.com/archives/2007/01/01/wordpress-theme-bundle-for-textmate/#comments</comments>
		<pubDate>Mon, 01 Jan 2007 20:34:19 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[LinkyLoo]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress Templates WordPress Skins WordPress Themes]]></category>
		<category><![CDATA[macintosh]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[textmate]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2007/01/01/wordpress-theme-bundle-for-textmate/</guid>
		<description><![CDATA[WordPress Theme Bundle for TextMate Easily build themes for WordPress with Textmate and this theme bundle. According to the author it is fairly inclusive and has everything from basic structural snippets to menu based database references. Downloads are from SVN and the author is open for suggestions and offers of help. Thanks CarpeAqua]]></description>
				<content:encoded><![CDATA[<p><a href="http://blog.circlesixdesign.com/2006/12/30/wordpress-theme-bundle-%20for-textmate/">WordPress Theme Bundle for TextMate</a> Easily build themes for WordPress with <a href="http://macromates.com/">Textmate</a> and this theme bundle. According to the author <em>it is fairly inclusive and has everything from basic structural snippets to menu based database references.</em> Downloads are from SVN and the author is open for suggestions and offers of help. Thanks <a href="http://carpeaqua.com/">CarpeAqua</a></p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2007/01/01/wordpress-theme-bundle-for-textmate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>pixer.us: online photo editor</title>
		<link>http://weblogtoolscollection.com/archives/2006/11/12/pixerus-online-photo-editor/</link>
		<comments>http://weblogtoolscollection.com/archives/2006/11/12/pixerus-online-photo-editor/#comments</comments>
		<pubDate>Sun, 12 Nov 2006 15:04:32 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[Cool Scripts]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2006/11/12/pixerus-online-photo-editor/</guid>
		<description><![CDATA[pixer.us: online photo editor Upload your photo online and use this AJAX control panel to fix and modify your photos to your hearts&#8217; content. The response is fast (for now). I modified one of our Jamaica pictures to test. I had some problem with the original (it looks like there are some logistic issues with the software not storing different pictures for different sessions). This might be really useful for bloggers that are editing their blogs or adding pictures where they do not have access to a good photo editor. The following picture was cropped, saturation tweaked, sharpened and randomly modified.]]></description>
				<content:encoded><![CDATA[<p><a href="http://pixer.us/">pixer.us: online photo editor</a> Upload your photo online and use this AJAX control panel to fix and modify your photos to your hearts&#8217; content. The response is fast (for now). I modified one of our Jamaica pictures to test. I had some problem with the original (it looks like there are some logistic issues with the software not storing different pictures for different sessions). This might be really useful for bloggers that are editing their blogs or adding pictures where they do not have access to a good photo editor. The following picture was cropped, saturation tweaked, sharpened and randomly modified. <img src='http://i2.wp.com/weblogtoolscollection.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' data-recalc-dims="1" /> </p>
<div style="text-align: center"><img id="image2242" alt="Jamaica 2006" src="http://i1.wp.com/weblogtoolscollection.com/b2-img/2006/11/myphoto2.jpeg" data-recalc-dims="1" /></div>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2006/11/12/pixerus-online-photo-editor/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>WP Comments built with Yahoo! UI</title>
		<link>http://weblogtoolscollection.com/archives/2006/10/10/wp-comments-built-with-yahoo-ui/</link>
		<comments>http://weblogtoolscollection.com/archives/2006/10/10/wp-comments-built-with-yahoo-ui/#comments</comments>
		<pubDate>Tue, 10 Oct 2006 19:58:19 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress Hack]]></category>
		<category><![CDATA[LinkyLoo]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2006/10/10/wp-comments-built-with-yahoo-ui/</guid>
		<description><![CDATA[WP Comments built with Yahoo! UI Weird cool, highly AJAXed WordPress commenting system built with Yahoo! UI. The experience is definitely worth a clickthrough though I am really not sure of the usability of many of the features. Looks more like a showcase for the Yahoo UI capabilities and the programming capabilities of the author than actual functional improvements. However, it seems to be very well accepted by the public and is definitely full of eye candy! Thanks Corante]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.jackslocum.com/yui/2006/10/09/my-wordpress-comments-system-built-with-yahoo-ui-and-yahooext/">WP Comments built with Yahoo! UI</a> Weird cool, highly AJAXed WordPress commenting system built with Yahoo! UI. The experience is definitely worth a clickthrough though I am really not sure of the usability of many of the features. Looks more like a showcase for the Yahoo UI capabilities and the programming capabilities of the author than actual functional improvements. However, it seems to be very well accepted by the public and is definitely full of eye candy! Thanks <a href="http://strange.corante.com/archives/2006/10/10/the_most_awesome_comment_system_ever.php">Corante</a></p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2006/10/10/wp-comments-built-with-yahoo-ui/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Swift: Safari for Windows</title>
		<link>http://weblogtoolscollection.com/archives/2006/08/29/swift-safari-for-windows/</link>
		<comments>http://weblogtoolscollection.com/archives/2006/08/29/swift-safari-for-windows/#comments</comments>
		<pubDate>Tue, 29 Aug 2006 09:10:06 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[Business of Blogging]]></category>
		<category><![CDATA[LinkyLoo]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[apple_webkit]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[swift]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2006/08/29/swift-safari-for-windows/</guid>
		<description><![CDATA[Swift: Safari for Windows Still in alpha, but based on the Apple Webkit rendering engine and already a downloadable product. I could not get it to install on my XP laptop. EDIT: After reading this post on their forums, I was able to get I installed. Thanks Roger from 456 Berea Street.]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.getswift.org/alpha.html">Swift: Safari for Windows</a> Still in alpha, but based on the Apple Webkit rendering engine and already a downloadable product. I could not get it to install on my XP laptop. EDIT: After reading <a href="http://bbs.getwebkit.org/viewtopic.php?t=48">this post on their forums</a>, I was able to get I installed. Thanks Roger from 456 Berea Street.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2006/08/29/swift-safari-for-windows/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Readability and High Contrast Designs</title>
		<link>http://weblogtoolscollection.com/archives/2006/08/29/readability-and-high-contrast-designs/</link>
		<comments>http://weblogtoolscollection.com/archives/2006/08/29/readability-and-high-contrast-designs/#comments</comments>
		<pubDate>Tue, 29 Aug 2006 09:04:06 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[light_on_dark]]></category>
		<category><![CDATA[readability]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2006/08/29/readability-and-high-contrast-designs/</guid>
		<description><![CDATA[Readability and High Contrast Designs Roger takes on the light text on dark background folks and opns up a can of worms. However, the reasoning is sounds and though the dislike and readability impairment might be limited, the bookmarklet and valuable discussion is worth the read. Do you like dark on light designs as much as light on dark?]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.456bereastreet.com/archive/200608/light_text_on_dark_background_vs_readability/">Readability and High Contrast Designs</a> Roger takes on the light text on dark background folks and opns up a can of worms. However, the reasoning is sounds and though the dislike and readability impairment might be limited, the bookmarklet and valuable discussion is worth the read. Do you like dark on light designs as much as light on dark?</p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2006/08/29/readability-and-high-contrast-designs/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>miniBlog : a Theme for WordPress</title>
		<link>http://weblogtoolscollection.com/archives/2006/02/14/miniblog-a-theme-for-wordpress/</link>
		<comments>http://weblogtoolscollection.com/archives/2006/02/14/miniblog-a-theme-for-wordpress/#comments</comments>
		<pubDate>Tue, 14 Feb 2006 20:42:24 +0000</pubDate>
		<dc:creator>Ozh</dc:creator>
				<category><![CDATA[Blog Templates Blog Skins Blog Themes]]></category>
		<category><![CDATA[LinkyLoo]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress Templates WordPress Skins WordPress Themes]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress_theme]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2006/02/14/miniblog-a-theme-for-wordpress/</guid>
		<description><![CDATA[miniBlog: tiny, light, soft grey, rather elegant and clean theme for WordPress. Comes with admin features such as built-in Asides support.]]></description>
				<content:encoded><![CDATA[<p><a href="http://frenchfragfactory.net/ozh/my-projects/mini-blog-theme-for-wordpress/">miniBlog</a>: tiny, light, soft grey, rather elegant and clean theme for WordPress. Comes with admin features such as built-in Asides support.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2006/02/14/miniblog-a-theme-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>eBay Developer Challenge 2006</title>
		<link>http://weblogtoolscollection.com/archives/2005/12/07/ebay-developer-challenge-2006/</link>
		<comments>http://weblogtoolscollection.com/archives/2005/12/07/ebay-developer-challenge-2006/#comments</comments>
		<pubDate>Wed, 07 Dec 2005 16:13:45 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[LinkyLoo]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[ebay_developer_challenge]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2005/12/07/ebay-developer-challenge-2006/</guid>
		<description><![CDATA[eBay Developer Challenge 2006: Write cool, innovative code for eBay Web Services (and promote eBay in the process) and win $5000 plus other goodies. Pretty cool mashup examples provided. These are good times for enterprising and enthusiastic newcomers to jump into the fray headfirst.]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.oreillynet.com/pub/a/network/2005/12/05/ebay-developer-challenge-2006.html">eBay Developer Challenge 2006</a>: Write cool, innovative code for eBay Web Services (and promote eBay in the process) and win $5000 plus other goodies. Pretty cool mashup examples provided. These are good times for enterprising and enthusiastic newcomers to jump into the fray headfirst.</p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2005/12/07/ebay-developer-challenge-2006/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Internet Explorer Developer Toolbar Beta</title>
		<link>http://weblogtoolscollection.com/archives/2005/11/02/internet-explorer-developer-toolbar-beta/</link>
		<comments>http://weblogtoolscollection.com/archives/2005/11/02/internet-explorer-developer-toolbar-beta/#comments</comments>
		<pubDate>Wed, 02 Nov 2005 16:17:17 +0000</pubDate>
		<dc:creator>Mark Ghosh</dc:creator>
				<category><![CDATA[Cool Scripts]]></category>
		<category><![CDATA[LinkyLoo]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Developer_toolbar]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[toolbar]]></category>

		<guid isPermaLink="false">http://weblogtoolscollection.com/archives/2005/11/02/internet-explorer-developer-toolbar-beta/</guid>
		<description><![CDATA[Internet Explorer Developer Toolbar Beta: Finally!! I have used the Firefox Developers toolbar forever and could not imagine a day without it. I am just installing the IE toolbar as I write this. Since most of my professional work is destined for IE users, this can be quite the boon. I will post my thoughts on this after I have driven it around and kicked the tires for a couple of days. Thanks IE Blog]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&#038;displaylang=en">Internet Explorer Developer Toolbar Beta</a>: Finally!! I have used the Firefox Developers toolbar forever and could not imagine a day without it. I am just installing the IE toolbar as I write this. Since most of my professional work is destined for IE users, this can be quite the boon. I will post my thoughts on this after I have driven it around and kicked the tires for a couple of days. Thanks <a href="http://blogs.msdn.com/ie/default.aspx">IE Blog</a></p>
]]></content:encoded>
			<wfw:commentRss>http://weblogtoolscollection.com/archives/2005/11/02/internet-explorer-developer-toolbar-beta/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  weblogtoolscollection.com/archives/category/web-design/feed/ ) in 0.90499 seconds, on May 23rd, 2013 at 1:07 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on May 23rd, 2013 at 2:07 am UTC -->