<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" version="2.0">

<channel>
	<title>DivitoDesign</title>
	
	<link>http://www.divitodesign.com</link>
	<description>Articles, Tutorials and Resources for the Webdesigner</description>
	<pubDate>Thu, 20 Nov 2008 10:35:15 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7-beta3-9771</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/DivitoDesign" type="application/rss+xml" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">1020080</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://www.feedburner.com</feedburner:feedburnerHostname><item>
		<title>DivitoDesign Made It To The Final 20!</title>
		<link>http://www.divitodesign.com/2008/11/divitodesign-made-it-to-the-final-20/</link>
		<comments>http://www.divitodesign.com/2008/11/divitodesign-made-it-to-the-final-20/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 09:40:15 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Promotion]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=1221</guid>
		<description><![CDATA[<p>Remember <a href="http://www.divitodesign.com/2008/11/divitodesign-cool-wordpress-blog/">an article </a>in the past where I asked you to comment in order to qualify DivitoDesign for a competition called <a href="http://wpwebhost.com/blog/wordpress-coolest-blog-competition/">Coolest blog competition</a> by WPWebHost?</p>
<p></p>
<p>Thank... &#187;</p>]]></description>
			<content:encoded><![CDATA[<p>Remember <a href="http://www.divitodesign.com/2008/11/divitodesign-cool-wordpress-blog/">an article </a>in the past where I asked you to comment in order to qualify DivitoDesign for a competition called <a href="http://wpwebhost.com/blog/wordpress-coolest-blog-competition/">Coolest blog competition</a> by WPWebHost?</p>
<p><img class="alignnone" title="coolest blog" src="http://wpwebhost.com/blog/wp-content/uploads/WordPressCoolestBlogCompetition_11E1C/blogccopy_3.jpg" alt="" width="447" height="268" /></p>
<p>Thank you for all your support and comments and because of that, <strong>DivitoDesign made it to the list of the 20 coolest blogs</strong>!</p>
<p>Now it is time for the public to vote and I would greatly appreciate it if <a href="http://wpwebhost.com/blog/vote-for-the-coolest-blog-powered-by-wordpress/#polls-2">you could vote for DivitoDesign</a> while you&#8217;re at it.</p>
<p>Thanks for the support boys and girls!</p>
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=kPHfN"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=kPHfN" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/459429371" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/11/divitodesign-made-it-to-the-final-20/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Let Internet Explorer 6 Behave Like Internet Explorer 7</title>
		<link>http://www.divitodesign.com/2008/11/let-ie6-behave-like-ie7/</link>
		<comments>http://www.divitodesign.com/2008/11/let-ie6-behave-like-ie7/#comments</comments>
		<pubDate>Mon, 17 Nov 2008 18:06:34 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=1201</guid>
		<description><![CDATA[<p>We all hate Internet Explorer 6 because the lack of support for CSS and the security issues it has. The browser is 7 year old... &#187;</p>]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="block ie6" src="http://www.catswhocode.com/blog/wp-content/uploads/2008/06/fuck-ie.png" alt="" width="86" height="86" />We all hate Internet Explorer 6 because the lack of support for CSS and the security issues it has. The browser is 7 year old and dated, but is still used by too many people.</p>
<p>Before we are finally ready to make our websites only work in the modern browsers, we have to deal with this problem. One solution could be the <strong>IE7.js JavaScript library</strong>.</p>
<h2>What is the IE7.js JavaScript library?</h2>
<p>IE7.js is a JavaScript library to make Internet Explorer 6 behave like Internet Explorer 7, a more modern browser. This library fixes many CSS and HTML issues developers are constantly trying to deal with.</p>
<h2>What bugs does IE7.js fix?</h2>
<p>Many CSS properties are supported by most modern browsers but not by <abbr title="Internet Explorer 6">IE6</abbr>: IE7.js solve these problems. IE7.js also fixes many <abbr title="Internet Explorer 6">IE6</abbr> bugs that annoyed us from day one. Here are the most important ones:</p>
<h3>CSS Selectors</h3>
<ul>
<li>parent &gt; child</li>
<li>.multiple.classes</li>
<li>:hover</li>
<li>:first-child</li>
<li>[attr]</li>
<li>[attr="value"], [attr~="value"], [attr|="value"], [attr^="value"], [attr$="value"]</li>
<li>[attr*="value"]</li>
</ul>
<h3>CSS</h3>
<ul>
<li>Background-image - PNG alpha transparency (IE5.5+)</li>
<li>Background-attachment - Support fixed positioning</li>
<li>Position - Support fixed positioning</li>
<li>Margin - Support auto (IE5.x)</li>
<li>Cursor - Support pointer for IE5.x</li>
<li>Display - Convert list-item to block for IE5.x</li>
</ul>
<h3>HTML</h3>
<ul>
<li>img - PNG alpha transparency</li>
<li>abbr - Bug fixed</li>
</ul>
<h2>How to implant this library to your website?</h2>
<p>Yes I am sure you are. Next we will implant the library into your website. You can do that by adding this code between the <em>&lt;head&gt;&lt;/head&gt;</em> tags.</p>
<pre class="html">
<span class="htmlComment"><span class="htmlOtherTag">&lt;!--[if lt IE 7]&gt;</span>
<span class="htmlOtherTag">&lt;script src=&quot;http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js&quot; type=&quot;text/javascript&quot;&gt;</span><span class="htmlOtherTag">&lt;/script&gt;</span>
<span class="htmlOtherTag">&lt;![endif]--&gt;</span></span>
</pre>
<p><span id="more-1201"></span></p>
<h2>It sounds to good to be true, right?</h2>
<p>There is only one real disadvantage of this library. Like any other JavaScript script, it won&#8217;t work unless JavaScript is activated on the computer of the user.</p>
<p>The change exists that <abbr title="Internet Explorer 6">IE6</abbr> users have turned off JavaScript because of the security risks <abbr title="Internet Explorer 6">IE6</abbr> has. And if that&#8217;s the problem, IE7.js won&#8217;t work, and so won&#8217;t the features you have implanted.</p>
<p>With the result your website might not show correctly on these computers. So, you still have to make sure your website works in IE6 if Javascript is turned down and that doesn&#8217;t solve the whole IE6-hate-thing.</p>
<h2>Further reading and links</h2>
<p>If you want more information about this JavaScript library, be sure to visit the following links:</p>
<ul>
<li><a href="http://code.google.com/p/ie7-js/">IE7.js&#8217; Google Code page</a></li>
<li><a href="http://ie7-js.googlecode.com/svn/test/index.html">Test the library</a></li>
<li><a href="http://meyerweb.com/eric/thoughts/2005/10/17/ie7-and-ie7/">Eric Meyer&#8217;s thoughts</a></li>
<li><a href="http://dean.edwards.name/">Dean Edwards&#8217; blog (developer)</a></li>
</ul>
<h2>The IE8.js file</h2>
<p>I decided to focus this article on IE7.js because that solves the most common bug fixes a normal developer would require and because Internet Explorer 8 is still in BETA.   If you decide to use the IE8.js file instead of the IE7.js file, here&#8217;s how to do that:
<pre class="html">
<span class="htmlComment"><span class="htmlOtherTag">&lt;!--[if lt IE 8]&gt;</span>
<span class="htmlOtherTag">&lt;script src=&quot;http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js&quot; type=&quot;text/javascript&quot;&gt;</span><span class="htmlOtherTag">&lt;/script&gt;</span>
<span class="htmlOtherTag">&lt;![endif]--&gt;</span></span>
</pre>
<p><em>Note: You don&#8217;t need to include the IE7.js if you are using IE8.js</em>.</p>
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=UpeaN"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=UpeaN" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/456278013" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/11/let-ie6-behave-like-ie7/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Find Free Quality Fonts (+ 10 Fonts Included)</title>
		<link>http://www.divitodesign.com/2008/11/find-free-quality-fonts-10-fonts-included/</link>
		<comments>http://www.divitodesign.com/2008/11/find-free-quality-fonts-10-fonts-included/#comments</comments>
		<pubDate>Sun, 16 Nov 2008 14:51:09 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Fonts]]></category>

		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=1151</guid>
		<description><![CDATA[<p>We have been talking about and introducing great CSS typography alternatives like <a href="http://www.divitodesign.com/2008/09/implant-sifr3-healthy-alternative-browser-tex/">sIFR3</a>, <a href="http://www.divitodesign.com/2008/10/install-flir-typography-solution-for-the-web/">FLIR</a> or <a href="http://www.divitodesign.com/2008/11/render-text-with-javascript-typeface-js/">Typeface.js</a>. They have given us more typography possibilities and options.</p>
<p>When we... &#187;</p>]]></description>
			<content:encoded><![CDATA[<p>We have been talking about and introducing great CSS typography alternatives like <a href="http://www.divitodesign.com/2008/09/implant-sifr3-healthy-alternative-browser-tex/">sIFR3</a>, <a href="http://www.divitodesign.com/2008/10/install-flir-typography-solution-for-the-web/">FLIR</a> or <a href="http://www.divitodesign.com/2008/11/render-text-with-javascript-typeface-js/">Typeface.js</a>. They have given us more typography possibilities and options.</p>
<p>When we use a technique like FLIR, we face another problem: <strong>where to get fonts for your projects</strong>.</p>
<p>Many quality fonts are copyrighted and that means you have to pay to use them. I could understand that you don&#8217;t want to buy (could be for any reason), so you would like an alternative like free fonts. But do they have quality, and how do you know which one is <strong>in the public domain</strong>?</p>
<h2>How and Where to search?</h2>
<p>I have picked up a small little trick that made me browse fonts that were in the public domain or are free to use. We will use <a href="http://www.dafont.com/">DaFont</a> to search and download fonts. Here is small guide:</p>
<ol>
<li><a href="http://www.dafont.com/">Browse to DaFont</a>.<img class="alignright" style="border:1px solid #ccc;" src="http://www.divitodesign.com/wp-content/uploads/2008/11/more.png" alt="more" width="253" height="63" /></li>
<li>Choose your font category.</li>
<li>Choose the options you would like to specify.</li>
<li>Click &#8220;more options&#8221;</li>
<li>Select <strong>Public domain / GNU GPL</strong> and <strong>Free</strong></li>
<li>Browse the fonts.</li>
</ol>
<h2 class="tag">10 Quality and Free Fonts</h2>
<p>To make things as easy as possible, here are 10 fonts that I think are really nice. You can use any of them in <a href="http://www.divitodesign.com/2008/09/implant-sifr3-healthy-alternative-browser-tex/">sIFR3</a>, <a href="http://www.divitodesign.com/2008/10/install-flir-typography-solution-for-the-web/">FLIR</a> or <a href="http://www.divitodesign.com/2008/11/render-text-with-javascript-typeface-js/">Typeface.js</a> as long as you don&#8217;t sell them.</p>
<h2>Port Credit</h2>
<p><a href="http://www.dafont.com/port-credit.font"><img class="alignright" title="port-credit" src="http://www.divitodesign.com/wp-content/uploads/2008/11/port-credit.png" alt="port-credit" width="251" height="71" /></a>Very nice looking font that you can use in many projects. The download comes with 2 font files, a normal and a bold version.</p>
<p><a href="http://www.dafont.com/port-credit.font">Download this font</a></p>
<hr />
<h2>Prociono</h2>
<p><a href="http://www.dafont.com/prociono.font"><img class="alignright" title="prociono1" src="http://www.divitodesign.com/wp-content/uploads/2008/11/prociono1.png" alt="prociono1" width="247" height="66" /></a>Prociono is a font by Barry Schwartz. This font has a high quality and is very detailed. Looks great in headings and titles.</p>
<p><a href="http://www.dafont.com/prociono.font">Download this font</a></p>
<p><span id="more-1151"></span></p>
<hr />
<h2>36 Days ago</h2>
<p><a href="http://www.dafont.com/36-days-ago-brk.font"><img class="alignright" title="36-days-ago1" src="http://www.divitodesign.com/wp-content/uploads/2008/11/36-days-ago1.png" alt="36-days-ago1" width="213" height="71" /></a>36 days ago is a font that is pretty old but it remains very stylish. This font comes with 2 font files, a normal and bold version.</p>
<p><a href="http://www.dafont.com/36-days-ago-brk.font">Download this font</a></p>
<hr />
<h2>Goudy Bookletter 1911</h2>
<p><a href="http://www.dafont.com/goudy-bookletter.font"><img class="alignright" title="goudy-bookletter-19911" src="http://www.divitodesign.com/wp-content/uploads/2008/11/goudy-bookletter-19911.png" alt="goudy-bookletter-19911" width="189" height="59" /></a>The author has found inspiration for this font in the older font <a href="http://www.fontshop.com/fonts/downloads/richard_beatty/kennerley/">Kennerley Old Style</a>. This font comes with one normal version and is released in the public domain.</p>
<p><a href="http://www.dafont.com/goudy-bookletter.font">Download this font</a></p>
<hr />
<h2>Aubrey</h2>
<p><a href="http://www.dafont.com/aubrey.font"><img class="alignright" title="aubrey" src="http://www.divitodesign.com/wp-content/uploads/2008/11/aubrey.png" alt="aubrey" width="216" height="73" /></a>Aubrey is a clean font that looks good for heading and titles. The download comes in a normal version.</p>
<p><a href="http://www.dafont.com/aubrey.font">Download this font</a></p>
<hr />
<h2>Harrison</h2>
<p><a href="http://www.dafont.com/harrison.font"><img class="alignright" title="harrison" src="http://www.divitodesign.com/wp-content/uploads/2008/11/harrison.png" alt="harrison" width="231" height="72" /></a>Harrison is a handwritten font that looks great as heading and maybe you can use it in a logo too. This font comes in a normal version.</p>
<p><a href="http://www.dafont.com/harrison.font">Download this font</a></p>
<hr />
<h2>Essay 1743</h2>
<p><a href="http://www.dafont.com/essays1743.font"><img class="alignright" title="essay" src="http://www.divitodesign.com/wp-content/uploads/2008/11/essay.png" alt="essay" width="181" height="69" /></a>This font will look absolutely lovely in a grungy website. Essay 1743 includes 4 fonts (normal, italic, bold, bold-italic) and you can see the author has put much time in this.</p>
<p><a href="http://www.dafont.com/essays1743.font">Download this font</a></p>
<hr />
<h2>Delicious</h2>
<p><a href="http://www.josbuivenga.demon.nl/delicious.html"><img class="alignright" title="delicious" src="http://www.divitodesign.com/wp-content/uploads/2008/11/delicious.png" alt="delicious" width="242" height="70" /></a>This is a font by <a href="http://www.josbuivenga.demon.nl/">Jos Buivenga</a> and it looks awesome. He started with a normal font but after some time it turned out font family. You can use this font in personal and commercial projects.</p>
<p><a href="http://www.josbuivenga.demon.nl/delicious.html">Download this font</a></p>
<hr />
<h2>Apantasia</h2>
<p><a href="http://www.dafont.com/apantasia.font"><img class="alignright" title="apantasia" src="http://www.divitodesign.com/wp-content/uploads/2008/11/apantasia.png" alt="apantasia" width="283" height="75" /></a>Apantasia is a handwritten font that can work great in grungy websites. This font has almost every character included.</p>
<p><a href="http://www.dafont.com/apantasia.font">Download this font</a></p>
<hr />
<h2>Lupinus</h2>
<p><a href="http://www.dafont.com/lupinus.font"><img class="alignright" title="lupinus" src="http://www.divitodesign.com/wp-content/uploads/2008/11/lupinus.png" alt="lupinus" width="155" height="73" /></a>Lupinus is a good font that could be used for headings and titles and it works well. It has a bit &#8220;blocky&#8221; feel and that is nice here!</p>
<p><a href="http://www.dafont.com/lupinus.font">Download this font</a></p>
<hr />
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=EGklN"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=EGklN" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/454986918" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/11/find-free-quality-fonts-10-fonts-included/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Develop Wordpress Themes Offline with XAMPP</title>
		<link>http://www.divitodesign.com/2008/11/develop-wordpress-themes-offline-with-xampp/</link>
		<comments>http://www.divitodesign.com/2008/11/develop-wordpress-themes-offline-with-xampp/#comments</comments>
		<pubDate>Sun, 09 Nov 2008 17:39:11 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Blogging]]></category>

		<category><![CDATA[HTML]]></category>

		<category><![CDATA[News]]></category>

		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Productivity]]></category>

		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=1135</guid>
		<description><![CDATA[<p>I have been developing on the internet for some time now and I have owned multiple sites online. These sites all had their own custom... &#187;</p>]]></description>
			<content:encoded><![CDATA[<p>I have been developing on the internet for some time now and I have owned multiple sites online. These sites all had their own custom design developed by me. I was constantly copying/pasting files to the site being developed and the time it took bothered me.</p>
<p>It bothered me that bad that I decided to search for an alternative. The alternative was called XAMPP and it has the possibility to run your development space offline, on your own computer. You would have your own &#8220;webserver&#8221; that runs MySQL and PHP, which means you can install Wordpress too. That sounded awesome for me!</p>
<h2>Installing your offline &#8220;webserver&#8221;</h2>
<p>The program XAMPP was the perfect solution to all my developing adventures. That&#8217;s why I would recommend this program for anyone interested in developing Wordpress themes. Let&#8217;s install XAMPP.</p>
<p>You should download the latest version from the <a href="http://www.apachefriends.org/en/xampp.html">original site</a>.  I run a Windows computer, so I&#8217;ve downloaded the Windows version. I guess it doesn&#8217;t differ much between other operating systems.</p>
<p>The installation progress shouldn&#8217;t be to hard, it is just a normal setup.</p>
<h2>Starting your offline &#8220;webserver&#8221;</h2>
<p>Once you&#8217;ve installed this program, you have to start the program. You can do that by running the XAMPP.exe file.</p>
<p>To make your webserver run, you have to start the Apache and the MySql modules. PHP has no apart module because it is included in the Apache module. We need to run these particular services to make Wordpress work.</p>
<p><img class="alignnone size-full wp-image-1138" title="xampp" src="http://www.divitodesign.com/wp-content/uploads/2008/11/xampp.jpg" alt="xampp" width="423" height="222" /></p>
<h2>Navigating to Localhost</h2>
<p>When you have started these modules, you have started your offline webserver. This means you can navigate to the contents of your webserver from this point. The URL you have to visit is <strong><a href="http://localhost/">http://localhost/</a></strong>.</p>
<p>You should get redirected to the XAMPP web-based control panel. In this control panel you can find links to Status, PHPMyAdmin, phpinfo() and other services. A services that is of interest of us is <strong>PHPMyAdmin</strong>.</p>
<p><span id="more-1135"></span></p>
<h2>PHPMyAdmin and MySQL</h2>
<p>We need to create a new database to install Wordpress to PHPMyAdmin offers that service. Fortunately, all you need to do is &#8220;create a new database&#8221; and you are done. In the online versions you need to make users and passwords, but on your localhost, things can stay simple.</p>
<p>If you, for example, have made a database called &#8216;blog&#8217; you need to remember the following information when installing Wordpress:</p>
<p><em>Database: blog<br />
User: blog<br />
Password: (no password)<br />
Server: localhost</em></p>
<p><img class="alignnone size-full wp-image-1139" title="xampp-2" src="http://www.divitodesign.com/wp-content/uploads/2008/11/xampp-2.jpg" alt="xampp-2" width="344" height="88" /></p>
<h2>Installing Wordpress</h2>
<p>Finally, we are ready to install Wordpress as we have set up our database and offline connection. First things first, <a href="http://wordpress.org/download/">download the most recent version</a> from Wordpress.org. From now on, things are the same as your online version.</p>
<p>You have to extract the Wordpress files to these folder: <em>/XAMPP/htdocs</em>. Remember to use the database information I have given you before.</p>
<h2>Once Wordpress is Installed</h2>
<p>After you have installed you are ready to go. You can now develop Wordpress themes with the ease of a webserver but it doesn&#8217;t cost you much time to constantly upload more recent versions of certain files to see changes.</p>
<p>Now you can just save your files and you see your changes right away. This greatly improves your productivity when developing Wordpress themes. It defenitely did for me.</p>
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=TazdN"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=TazdN" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/447599232" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/11/develop-wordpress-themes-offline-with-xampp/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Interesting Blogs #2 - Wordpress Related</title>
		<link>http://www.divitodesign.com/2008/11/interesting-blogs-2-wordpress-related/</link>
		<comments>http://www.divitodesign.com/2008/11/interesting-blogs-2-wordpress-related/#comments</comments>
		<pubDate>Wed, 05 Nov 2008 13:53:11 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Blogging]]></category>

		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=1110</guid>
		<description><![CDATA[<p>Back in <a href="http://www.divitodesign.com/2008/07/interesting-blogs-1/">Interesting Blogs #1</a> I have shown you a couple blogs that were the blogs I have been following. Today, I will show you a... &#187;</p>]]></description>
			<content:encoded><![CDATA[<p>Back in <a href="http://www.divitodesign.com/2008/07/interesting-blogs-1/">Interesting Blogs #1</a> I have shown you a couple blogs that were the blogs I have been following. Today, I will show you a couple Wordpress related blogs I follow and I feel you should be following these as well.</p>
<hr /><a href="http://www.wpcandy.com/"><img title="wp-candy" src="http://www.divitodesign.com/wp-content/uploads/2008/11/wp-candy.jpg" alt="wp-candy" /></a></p>
<p><strong>1. <a href="http://www.wpcandy.com/">WP Candy</a></strong> - WPCandy is a Wordpress blog releasing plugins, themes, resources and tutorials on Wordpress. Some of the Wordpress resources I used to start developing themes like the <a href="http://wpcandy.com/articles/tutorials/the-wordpress-help-sheet.html">Wordpress Help Sheet</a> and the <a href="http://wpcandy.com/articles/tutorials/the-advanced-wordpress-help-sheet.html">Advanced Help Sheet</a>. WPCandy also has a Wordpress gallery, a community news page and many more. Enjoy.</p>
<hr /><a href="http://www.blogperfume.com/"><img title="blogparfume" src="http://www.divitodesign.com/wp-content/uploads/2008/11/blogparfume.jpg" alt="blogparfume" /></a></p>
<p><strong>2. <a href="http://www.blogperfume.com/">BlogParfume</a></strong> - Blog Parfume will give you information about the latest Wordpress developments and the best articles, tutorials, themes and plugins that has been written about Wordpress. Take a look and I am sure you find something interesting.</p>
<hr /><a href="http://wpengineer.com/"><img title="wpengineer" src="http://www.divitodesign.com/wp-content/uploads/2008/11/wpengineer.jpg" alt="wpengineer" /></a></p>
<p><strong>3. <a href="http://wpengineer.com/">WP Engineer</a></strong> - Great blog I stumbled upon a couple weeks back. It gives you smart tips and tricks about Wordpress. WP Engineer also cover themes and Wordpress related news.</p>
<hr /><span id="more-1110"></span><a href="http://www.blogdesignblog.com"><img title="blogdesignblog" src="http://www.divitodesign.com/wp-content/uploads/2008/11/blogdesignblog.jpg" alt="blogdesignblog" /></a></p>
<p><strong>4. <a href="http://www.blogdesignblog.com">Blog Design Blog</a></strong> - A blog focused on the design of your own Wordpress blog. BlogDesignBlog offers you free themes and many smart tips and tricks to help you create a better Wordpress theme.</p>
<hr /><a href="http://www.themelab.com/"><img title="themelab" src="http://www.divitodesign.com/wp-content/uploads/2008/11/themelab.jpg" alt="themelab" /></a></p>
<p><strong>5. <a href="http://www.themelab.com/">ThemeLab</a></strong> - This blog is all about styling Wordpress themes, just like any of the others I mentioned. Great thing is that all explanations and tutorials are very detailed and easy to understand. You should check out their <a href="http://www.themelab.com/free-wordpress-themes/">free themes</a> too!</p>
<hr /><a href="http://www.wprecipes.com/"><img title="wprecipes" src="http://www.divitodesign.com/wp-content/uploads/2008/11/wprecipes.jpg" alt="wprecipes" /></a></p>
<p><strong>6. <a href="http://www.wprecipes.com/">WpRecipes</a></strong> - WpRecipes gives you &#8220;daily recipes to cook with Wordpress&#8221;. They answer questions from visitors and they come up with some very smart tips and tricks for Wordpress.</p>
<hr /><a href="http://wphacks.com/"><img title="wp-hacks" src="http://www.divitodesign.com/wp-content/uploads/2008/11/wp-hacks-435x74.jpg" alt="wp-hacks" width="435" /></a></p>
<p><strong>7. <a href="http://wphacks.com/">Wordpress Hacks</a></strong> - This site is extremely updated and very complete. You can find many things about Wordpress: themes, tips, plugins, tutorials and even a <a href="http://wphacks.com/ebook/">Wordpress Ebook</a>!</p>
<hr /><a href="http://www.wpdesigner.com/"><img title="wpdesigner" src="http://www.divitodesign.com/wp-content/uploads/2008/11/wpdesigner.jpg" alt="wpdesigner" /></a></p>
<p><strong>8. <a href="http://www.wpdesigner.com/">WPDesigner</a></strong> - Yes, I hear you sigh. Well, the new owner didn&#8217;t offer anything at all, BUT the content and Wordpress themes Small Potato has been delivering are still valid. The blog is still a large source of information to anybody interested in Wordpress.</p>
<hr />
<h2>Looking for more interesting blogs &amp; content?</h2>
<p>There are tons of sites and blogs out there I enjoy and read on a daily basis. You can make sure you <a href="http://feeds.feedburner.com/DivitoDesign">stay updated</a> for the next part in this series by subscribing to the RSS feed or <a href="http://www.feedburner.com/fb/a/emailverifySubmit?feedId=1020080&amp;loc=en_US">receive news via email</a>.</p>
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=JVXiN"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=JVXiN" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/443255105" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/11/interesting-blogs-2-wordpress-related/feed/</wfw:commentRss>
		</item>
		<item>
		<title>DivitoDesign Is Cool! Right? =)</title>
		<link>http://www.divitodesign.com/2008/11/divitodesign-cool-wordpress-blog/</link>
		<comments>http://www.divitodesign.com/2008/11/divitodesign-cool-wordpress-blog/#comments</comments>
		<pubDate>Mon, 03 Nov 2008 20:55:08 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Promotion]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=1089</guid>
		<description><![CDATA[<p></p>
<h3><strong><a href="http://www.divitodesign.com/2008/11/divitodesign-cool-wordpress-blog/#respond">Please Click Here if you think DivitoDesign is Cool!</a></strong></h3>
<p>My dear sponsor <a href="http://www.wpwebhost.com/">WPWebhost</a> (I will be talking about them more in the future, as I recommend them... &#187;</p>]]></description>
			<content:encoded><![CDATA[<p><img src="http://wpwebhost.com/blog/wp-content/uploads/WordPressCoolestBlogCompetition_11E1C/blogccopy_3.jpg" alt="Coolest Blog" width="435" /></p>
<h3><strong><a href="http://www.divitodesign.com/2008/11/divitodesign-cool-wordpress-blog/#respond">Please Click Here if you think DivitoDesign is Cool!</a></strong></h3>
<p>My dear sponsor <a href="http://www.wpwebhost.com/">WPWebhost</a> (I will be talking about them more in the future, as I recommend them to any blogger!) has called in many Wordpress blogs from all around the blog-o-sphere to participate in a blog contest. And DivitoDesign would like to win! (<a href="#win">and you can win too!</a>)</p>
<p>The people behind <a href="http://www.wpwebhost.com/">WPWebhost</a> are in search of <strong>the coolest Wordpress blog</strong> and they have a whole bunch of prizes ready for the winners.</p>
<h2>Tell us the prizes!</h2>
<p>The prizes for this content are fabulous. Check them out:</p>
<ol>
<li><strong>1st Prize Winner:</strong> $500 Cash (via PayPal) + The Unlimited Video Theme Pack from <a href="http://www.press75.com/">Press75.com</a> worth $295 + 6 Months WooThemes Club Single User Subscription for from <a href="http://www.woothemes.com/">WooThemes</a> worth $250 + <a href="http://wpwebhost.com/">WP Freedom Plan</a> Life Time Hosting Sponsorship worth $100/year.</li>
<li><strong>2nd Prize Winner:</strong> $250 Cash (via PayPal) + Developer License for <a href="http://wordpressthemesmarket.com/premium-themes/content-press-magazine-theme">Content Press WordPress Premium Template</a> from <a href="http://wordpressthemesmarket.com/">WTM</a> worth $249 + Personal License for Themes of Your Choice from <a href="http://zidalgo.com/">Zidalgo</a> worth $75 + <a href="http://wpwebhost.com/">WP Freedom Plan</a> Life Time Hosting Sponsorship worth $100/year.</li>
<li><strong>3rd and 4th Prize Winners:</strong> $125 Cash (via PayPal) + 1 Year WP Freedom Plan worth $100</li>
</ol>
<p><a href="http://wpwebhost.com/">WPWebhost</a> will select <strong>20 entries</strong> they will think are cool, and then, to make things fair, the public will vote for the winner. You might ask yourself, what is the catch? What do we need to do for this competition?</p>
<h2>How can you enter?</h2>
<ol>
<li>Write a blog post participating this competition in your blog.</li>
<li>Get at least 5 comments. (excluding you and the spammers)</li>
<li>Submit your URL in the comment form here. (trackback could work too)</li>
<li>Done! (are you expecting more?)</li>
</ol>
<h2>Simple, right?</h2>
<p>That was my thought too. The deadline is 15 November 2008, so hurry up, write your article on your Wordpress blog, submit it to the <a href="http://wpwebhost.com/blog/wordpress-coolest-blog-competition/">original article</a> and while your at it, make sure you get to the latest 20 entries!</p>
<h2>So, do you think DivitoDesign is cool?</h2>
<p>If that is the case, please <a href="http://www.divitodesign.com/2008/11/divitodesign-cool-wordpress-blog/#respond">leave a comment</a> to tell me exactly why you think this blog is cool. It doesn&#8217;t matter if I don&#8217;t win this competition, but I like to hear what you think about this blog! =)</p>
<p><em id="win">Oh, and if DivitoDesign wins, there might be a reward for the commentators too.</em></p>
<p><strong><small>P.S. Feed subscribers, I need you on this one!</small></strong></p>
<hr />
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=sWq4N"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=sWq4N" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/441380573" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/11/divitodesign-cool-wordpress-blog/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Render Text With Javascript: Typeface.js</title>
		<link>http://www.divitodesign.com/2008/11/render-text-with-javascript-typeface-js/</link>
		<comments>http://www.divitodesign.com/2008/11/render-text-with-javascript-typeface-js/#comments</comments>
		<pubDate>Sun, 02 Nov 2008 16:44:29 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Search Engine Optimizing]]></category>

		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Javascript]]></category>

		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=1072</guid>
		<description><![CDATA[<p>More and more alternatives for <a href="http://www.divitodesign.com/2008/09/css-typography-tips-and-examples/">CSS typography</a> are seeing daylight and that is great news for the webdesigner who would like to have some more typography... &#187;</p>]]></description>
			<content:encoded><![CDATA[<p>More and more alternatives for <a href="http://www.divitodesign.com/2008/09/css-typography-tips-and-examples/">CSS typography</a> are seeing daylight and that is great news for the webdesigner who would like to have some more typography options on the web.</p>
<p>Recently I have written tutorials about the use of <a href="http://www.divitodesign.com/2008/09/implant-sifr3-healthy-alternative-browser-tex/">sIFR3</a> and <a href="http://www.divitodesign.com/2008/10/install-flir-typography-solution-for-the-web/">FLIR</a>. Check them out if you like. Today it is time to teach you something about a technique I have just discovered. Today you will learn <strong>how to use typeface.js</strong>.</p>
<p><img title="typeface.js" src="http://www.divitodesign.com/wp-content/uploads/2008/11/example.jpg" alt="example" /></p>
<h2>Basic information about typeface.js</h2>
<p><a href="http://typeface.neocracy.org/">Typeface.js</a> is a JavaScript library that adds the possibility to choose from fonts that aren&#8217;t installed on your visitors&#8217; computer. The JavaScript transform basic HTML and CSS to <strong>images</strong> with your custom font. Typeface.js is developed by David Chester, and I am sure we will see many more features for typeface.js in the future.</p>
<h2>Cross-platform</h2>
<p>Something that is really great about this technique is that it works in most browsers like Internet Explorer 6+, Firefox 1.5+ and Safari 2+, and if typeface.js is not supported by an older browser, it will degrade gracefully. No problems for the visitor: they will not notice they are missing the fun.</p>
<h2>Search Engine Friendly?</h2>
<p>One of the most important things about these kind of techniques is the search engine friendliness. If that&#8217;s not the case, we aren&#8217;t able to use it because it&#8217;ll hurt our search engine results.</p>
<p>Fortunately, typeface.js is very search engine friendly. You write just normal HTML and CSS, so the search engine can still <strong>know</strong> what your content is all about.<br />
<span id="more-1072"></span></p>
<h2>Advantages of using Typeface.js</h2>
<p>I feel that this technique has many advantages and with some more development this can really turn into the perfect alternative to SIFR3.</p>
<p><strong>Simple to use</strong> - The advantage above SIFR3 is that it is more easy to install and use.</p>
<p><strong>Light-weight</strong> - You shouldn&#8217;t use typeface.js for whole paragraphs, but when you use it for headings or titles, typeface.js loads faster than alternatives like SIFR3 or FLIR.</p>
<p><strong>No flash, No PHP, just JavaScript</strong> - The alternatives use PHP or flash to render their text. Typeface.js is only a piece of JavaScript.</p>
<p><strong>Select your text</strong> - Although it isn&#8217;t as developed as one could wish, the option exists to select and copy text. You just need to select the text as usual and copy and you will have the text copied. The problem with this is that you can&#8217;t see what you&#8217;ve selected.</p>
<h2 class="tag">Installation to your website</h2>
<p>After this introduction it&#8217;s about time to start installing and using typeface.js. You need to start with <a href="http://typeface.neocracy.org/download.html">downloading the JavaScript library</a> and place it somewhere in your site. I recommend you make a special folder called <strong>js</strong> to store all your JavaScript files.</p>
<h2>Converting a font</h2>
<p>Next we need to convert a TrueType font to a JavaScript file. We can do that by using the converter on the official site. <a href="http://typeface.neocracy.org/fonts.html">Click here</a> to visit the generator.</p>
<p>Choose your TrueType font file from the <em>/WINDOWS/fonts</em> folder on Windows. In a Mac you can find them <a href="http://support.apple.com/kb/HT2435?viewlocale=en_US">here</a>. Please keep in mind that you might not have permission to use every font you have installed, so check that out first. If you have your font converted and downloaded, copy the <em>YOURFONT.typeface.js</em> file in the same folder with your <em>typeface.js</em>.</p>
<p><em>Tip: If you can&#8217;t select your TrueType font from inside the /WINDOWS/fonts folder, try copying your file to another folder.</em></p>
<h2>Implanting Typeface.js in your website</h2>
<p>Now our preparation is done and we can start implanting the files into your website.</p>
<p><strong>External CSS file</strong> - You will have, most likely, an external stylesheet in place. The next step is implanting the JavaScript files and it is really important to load your external stylesheet <strong>before</strong> the JavaScript.</p>
<p>Implant your external CSS file like this:</p>
<pre class="html"><span class="htmlOtherTag">&lt;link rel=<span class="htmlAttributeValue">&quot;stylesheet&quot;</span> type=<span class="htmlAttributeValue">&quot;text/css&quot;</span> href=<span class="htmlAttributeValue">&quot;stylesheet.css&quot;</span>&gt;</span></pre>
<p><strong>Implant the JavaScript</strong> - Next we will add the typeface.js library and the typeface.js fonts to our site. Here are the codes:</p>
<pre class="html"><span class="htmlScriptTag">&lt;script src=<span class="htmlAttributeValue">&quot;js/typeface-0.10.js&quot;</span> type=<span class="htmlAttributeValue">&quot;text/javascript&quot;</span>&gt;</span><span class="htmlScriptTag">&lt;/script&gt;</span>
<span class="htmlScriptTag">&lt;script src=<span class="htmlAttributeValue">&quot;js/YOURFILE.typeface.js&quot;</span> type=<span class="htmlAttributeValue">&quot;text/javascript&quot;</span>&gt;</span><span class="htmlScriptTag">&lt;/script&gt;</span></pre>
<p>The YOURFILE.typeface.js is the font you have converted earlier.</p>
<h2>Using in your website</h2>
<p>Using typeface is very easy, you only have to do some basic HTML and CSS.</p>
<pre class="html">
<span class="htmlOtherTag">&lt;div class=<span class="htmlAttributeValue">&quot;typeface-js&quot;</span> style=<span class="htmlAttributeValue">&quot;font-family: YOURFONT&quot;</span>&gt;</span>
Typeface.js will convert these lines of text to YOURFONT.
<span class="htmlOtherTag">&lt;/div&gt;</span>
</pre>
<p>You have to add the class <strong>typeface-js</strong> to the element your text will need to show. If you already used a class on that element, simple add more:</p>
<pre class="html">
<span class="htmlOtherTag">&lt;div class=<span class="htmlAttributeValue">&quot;class another-class typeface-js&quot;</span>&gt;</span><span class="htmlOtherTag">&lt;/div&gt;</span>
</pre>
<p>The inline style declarations aren&#8217;t the perfect solution, but I guess that will be solved in future versions of the typeface.js library. You should replace YOURFONT with the name of the font you used when converting your TrueType font.</p>
<h2 class="tag">Mission Accomplished</h2>
<p>That&#8217;s right, that&#8217;s all it takes to implant typeface.js in your site or blog.</p>
<p>I have created an example for you and I have did that in 1 minute. It is really that easy! <a href="/dd-articles/typeface.js/index.html">Click here</a> to view my example or <a href="http://typeface.neocracy.org/examples.html">here</a> to view the developers example.</p>
<hr /><img title="typeface-example" src="http://www.divitodesign.com/wp-content/uploads/2008/11/typeface-example.jpg" alt="typeface-example" /></p>
<hr />
<h2>You want more Typeface.js?</h2>
<p>I suggest you take a look at some of the links below for more information.</p>
<ul>
<li><a href="http://typeface.neocracy.org/">Developers Homepage</a></li>
<li><a href="http://dafont.com">Dafont </a>- For free fonts</li>
<li><a href="http://typeface.neocracy.org/examples.html">Examples</a></li>
</ul>
<hr />
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=uoG9N"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=uoG9N" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/440219496" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/11/render-text-with-javascript-typeface-js/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Wordpress Theme - Simple Brown</title>
		<link>http://www.divitodesign.com/2008/11/wordpress-theme-simple-brown/</link>
		<comments>http://www.divitodesign.com/2008/11/wordpress-theme-simple-brown/#comments</comments>
		<pubDate>Sat, 01 Nov 2008 17:30:56 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Wordpress Themes]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=1047</guid>
		<description><![CDATA[<p>I am happy to tell another <a href="/wordpress-themes/">Wordpress theme</a> has arrived in <a href="http://www.divitodesign.com/">DivitoDesign</a>&#8217;s arsenal: <a href="http://www.divitodesign.com/2008/11/wordpress-theme-simple-brown">Simple Brown</a>. I am happy to tell you this is my fourth <strong>free... &#187;</strong></p>]]></description>
			<content:encoded><![CDATA[<p>I am happy to tell another <a href="/wordpress-themes/">Wordpress theme</a> has arrived in <a href="http://www.divitodesign.com/">DivitoDesign</a>&#8217;s arsenal: <a href="http://www.divitodesign.com/2008/11/wordpress-theme-simple-brown">Simple Brown</a>. I am happy to tell you this is my fourth <strong>free Wordpress theme.</strong></p>
<p>You can expect a featured-loaded magazine-like Wordpress theme and at least one other Free Wordpress theme by DivitoDesign. <a href="http://feeds.feedburner.com/DivitoDesign">Click here to keep updated!</a></p>
<hr /><img title="simple-brown-screenshot" src="http://www.divitodesign.com/wp-content/uploads/2008/11/simple-brown-screenshot.jpg" alt="simple-brown-screenshot" /><br />
<small>Simple Brown - Free Wordpress Theme</small></p>
<h2>Features</h2>
<p><a href="http://www.divitodesign.com/2008/11/wordpress-theme-simple-brown">Simple Brown</a> has the following features:<br />
<em> </em></p>
<ul>
<li><em>Widget Ready Sidebar</em></li>
<li><em>CSS 2.1 &amp; 1.0 XHTML valid</em></li>
<li><em>Cross Browser Compatibility - Tested in Firefox and IE6</em></li>
<li><em>Compatible with Wordpress 2.5+</em></li>
<li><em>Search Engine Friendly</em></li>
<li><em>Latest article is styled differently</em></li>
</ul>
<h2>Description</h2>
<p>This Wordpress theme features the latest post of the blog with an image to make it stand out. I suggest you use Simple Brown as a personal theme.<br />
<span id="more-1047"></span></p>
<h2>Use Images In Your Latest Post</h2>
<p>You can use images in this theme to spice up your latest post. Here&#8217;s a small tutorial on how to do that.</p>
<ol>
<li>Upload your picture. I recommend you use an image that has dimensions of 450 by 200 pixels.</li>
<li>Copy the URL of the image</li>
<li>When you are editing your post, scroll down. You will find an option to add <strong>custom fields</strong>.</li>
<li>Add <em>key</em> <span style="text-decoration: underline;">image</span> and add the URL of your image to the <em>value</em> box.</li>
</ol>
<h2>Demo &amp; Download</h2>
<p>Find the latest updated version and the demo version here:</p>
<ul>
<li><a href="/themes-demo/index.php?wptheme=Simple+Brown">Live Demo</a></li>
<li><a href="http://www.divitodesign.com/download/Wordpress+Theme+-+Simple+Brown" title="Version 1.0.1 downloaded 209 times" >Wordpress Theme - Simple Brown (209)</a></li>
</ul>
<h2>Feeling generous?</h2>
<p>You don&#8217;t have to donate. All I ask is if you could leave the link back to DivitoDesign in the footer (I will use Google to find out where my themes are used!)</p>
<h2>Bugs</h2>
<p>I am a human too, so it is possible I have made a mistake or two I didn&#8217;t notice. If you stumble upon them, please <a href="#respond">Comment</a> to let me know.</p>
<p>General <a href="#respond">comments</a> or <a href="/contact/">emails</a> are much appreciated as well! If you are using this theme on your blog, be sure to let me know too.</p>
<hr />
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=eeebN"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=eeebN" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/439222437" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/11/wordpress-theme-simple-brown/feed/</wfw:commentRss>
		</item>
		<item>
		<title>8 Pointers To Better and Prettier Article Formatting</title>
		<link>http://www.divitodesign.com/2008/10/8-ways-better-prettier-article-formatting/</link>
		<comments>http://www.divitodesign.com/2008/10/8-ways-better-prettier-article-formatting/#comments</comments>
		<pubDate>Wed, 29 Oct 2008 16:06:52 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Blogging]]></category>

		<category><![CDATA[Writing]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=1004</guid>
		<description><![CDATA[<p>Blogging is a business of many aspects. You need to write quality content, promote your content on social media, network with fellow bloggers and if... &#187;</p>]]></description>
			<content:encoded><![CDATA[<p>Blogging is a business of many aspects. You need to write quality content, promote your content on social media, network with fellow bloggers and if you are interested in monetizing your blog, you need to find advertisers for your blog as well.</p>
<p>If you have your visitors on your blog, you want to keep them and let them browse around. You can do that by improving your blog design. That&#8217;s not today&#8217;s subject, we will improve<strong> the look and feel of your article</strong>.</p>
<p>Most important part you should learn from today&#8217;s topic is that you keep your reader focused on your content. <em>They shouldn&#8217;t be bored.</em></p>
<p><img title="design-can-make-a-difference" src="http://www.divitodesign.com/wp-content/uploads/2008/10/design-can-make-a-differencel.jpg" alt="design-can-make-a-difference" width="431" height="115" /><small>Make your article look nice too. <a href="http://www.flickr.com/photos/araswami/">Photo by Araswami</a></small></p>
<h2>1. Strong, Italic and Colors</h2>
<p>One of the most important parts of webdesign or blog design is <strong>contrast</strong>. With a proper use of contrast you can draw attention to the parts you want your visitors to see (for example advertisements or your RSS link).</p>
<p>To make certain sentences or words stand out from the rest of your paragraph and content, we can use <strong>strong</strong>, <em>italic</em> or <span style="color:red;">text with a color</span>.</p>
<h2>2. Paragraphs</h2>
<p>As we have discussed before, the paragraph is a very important part of your content. The whole article visitors are reading is build on paragraphs.</p>
<p>The important part of your paragraph is that they shouldn&#8217;t bore your visitors. If people don&#8217;t like how the letters and words &#8220;flows&#8221; or &#8220;feels&#8221; they might skip that paragraph, or in the worst case move on and click the exit button. I suggest you read some tips for <a href="http://www.divitodesign.com/2008/10/paragraph-typography-guide/">styling the paragraph</a>.</p>
<p>You also have to make sure you don&#8217;t write paragraphs that are too long. You have to keep the attention on what is important. Usually I keep my paragraphs around 4, 5 or maybe 6 sentences, because that is the length myself am most comfortable with.<br />
<span id="more-1004"></span><br />
Paragraphs that are 10+ sentences &#8220;feel&#8221; like though and hard-to-understand content while if you keep your sentences shorter, it doesn&#8217;t feel like that and your visitors read the same amount of text.</p>
<h2>3. Images</h2>
<div class="wp-caption alignright"><img title="attention-grabber" src="http://www.divitodesign.com/wp-content/uploads/2008/10/attention-grabber.jpg" alt="attention-grabber" width="200" height="171" />
<p>You are looking, right? <a href="http://www.flickr.com/photos/kamoteus/">photo by Kamoteus</a>.</p>
</div>
<p>Using images in your article can make your post easier to read and scan and make it looks nicer. For example, if you align an image inside a paragraph you rebut the focus from the paragraph to the related image.</p>
<p>And if you use an image you should consider adding a caption below to explain what the readers are seeing. That makes it easier to connect the image to the content and that might help the reader to better understand everything that has been said.</p>
<h2>4. Whitespace</h2>
<p>Whitespace is the most underestimated part of webdesign and that while it has great power: it can make or break a design.</p>
<p>With whitespace you can make the content feel less cluttered and comfortable on the eyes. A very &#8220;busy&#8221; layout is less easier to read then a layout that adds enough space between elements. I suggest you read this article by <a href="http://www.alistapart.com/articles/whitespace">A List Apart about whitespace</a>.</p>
<h2>5. Titles</h2>
<p>Did you take a look at this article? It is separated in chapters, and all these chapters have a title that stands out and makes a structured article. With one fast look your visitor you can see what each chapter is about.</p>
<p>You can achieve a title that works by making the size larger, bolder and you could also add a color. <strong>You have to make your title stand out.</strong></p>
<h2>Smaller Tips</h2>
<p><strong><span style="text-decoration: underline;">6. Lists</span></strong> - Organized data is very easy to read for your readers. With lists you can structure information and you can make it look good too.</p>
<p><strong><span style="text-decoration: underline;">7. Links</span></strong> - Make it easy for your visitors to see what are links and what are not. Do you remember those default colors? Why do you think the were styled with the colors blue, purple and red? <img class="alignright" title="lists" src="http://www.divitodesign.com/wp-content/uploads/2008/10/lists1.jpg" alt="lists" width="186" height="99" /><strong>People recognize them as links</strong>. You can use some other colors and styles, but remember to let them stand out from the surrounding.</p>
<p><strong><span style="text-decoration: underline;">8. Backgrounds</span></strong> - Another way to make some part of your post stand out from the rest. For example, if you have quoted someone you could make visitors look at it by adding a slight darker or lighter color (depending on your layout style).</p>
<h2 class="tag">Important notes</h2>
<p>This article is all based on my experience on the web and how I read articles online. Everyone could have their slightly different ways and views and therefore everyone should be able to create an &#8220;article-design&#8221; that you prefer.</p>
<p>If you follow the basic rules or pointers given in this article you can produce a nice and structured article. Just remember you <span style="text-decoration: underline;">shouldn&#8217;t overdo certain things</span>. Using bold sentences or colors will lower the effect we have been talking about.</p>
<hr />
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=6X0OM"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=6X0OM" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/435997882" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/10/8-ways-better-prettier-article-formatting/feed/</wfw:commentRss>
		</item>
		<item>
		<title>10 Un-Usual Wordpress Plugins that Improved my Blog</title>
		<link>http://www.divitodesign.com/2008/10/10-unusual-wordpress-plugins-that-improved-my-blog/</link>
		<comments>http://www.divitodesign.com/2008/10/10-unusual-wordpress-plugins-that-improved-my-blog/#comments</comments>
		<pubDate>Sun, 26 Oct 2008 15:21:37 +0000</pubDate>
		<dc:creator>Stefan Vervoort</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<category><![CDATA[Blogging]]></category>

		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.divitodesign.com/?p=971</guid>
		<description><![CDATA[<p>After the redesign I have implanted many new tricks and plugins into my Wordpress theme to improve performance, the look and productivity options of my... &#187;</p>]]></description>
			<content:encoded><![CDATA[<p>After the redesign I have implanted many new tricks and plugins into my Wordpress theme to improve performance, the look and productivity options of my blog.</p>
<p>Other blogs have been writing articles like these too, but I will add a couple that aren&#8217;t the usual plugins that you have already implanted.</p>
<p><strong>1. <a href="http://sparepencil.com/code/advanced-excerpt/">Advanced Excerpt</a></strong> - Because I needed to customize the default excerpt function of Wordpress I decided to give this plugin a go. I can now do everything I want with my excerpts like the number of words, the html characters that are allowed, the ending character and more.<br />
<a href="http://sparepencil.com/code/advanced-excerpt/"><br />
<img title="advanced-excerpt" src="http://www.divitodesign.com/wp-content/uploads/2008/10/advanced-excerpt1.jpg" alt="advanced-excerpt" width="435" height="93" /></a></p>
<hr />
<p><strong>2. <a href="http://www.semiologic.com/software/wp-tweaks/dofollow/">DoFollow</a></strong> - There has been numerous discussion going on about the Dofollow. Is it a good step to take with your blog? I think it is, it haven&#8217;t increased my spam posts, but it have increased the &#8216;look-like-real-comments-but-are-spam&#8217; comments. You will get more discussion, and a little more moderation.</p>
<p><a href="http://www.semiologic.com/software/wp-tweaks/dofollow/"><img title="dofollow2" src="http://www.divitodesign.com/wp-content/uploads/2008/10/dofollow2.jpg" alt="dofollow2" width="337" height="93" /></a></p>
<hr />
<p><strong>3. <a title="Visit plugin homepage" href="http://flagrantdisregard.com/feedburner/">FD Feedburner Plugin</a> - </strong>If you are using Feedburner as your RSS service, you should have this plugin installed. This make sure all the subscribers subscribed to <em>www.yourblog.com/feed/</em> are redirected to <em>feeds.feedburner.com/yourblog.</em><br />
<a href="http://flagrantdisregard.com/feedburner/"><br />
<img title="fdfeedburner" src="http://www.divitodesign.com/wp-content/uploads/2008/10/fdfeedburner1.jpg" alt="fdfeedburner" width="434" height="121" /></a></p>
<hr />
<p><strong><span id="more-971"></span>4. <a title="Visit plugin homepage" href="http://techtites.com/2008/10/15/wordpress-plugin-review-feed-pauser/">Feed Pauser</a></strong> - Feed Pauser was exactly what I was looking for. After almost every post I found some small typos in my article but the article was yet send to the RSS feed, I couldn&#8217;t change the typos there. With Feed Pauser you can choose to let Wordpress send your post to the RSS feed after a number of minutes so you make sure everything is fine.</p>
<p><a href="http://techtites.com/2008/10/15/wordpress-plugin-review-feed-pauser/"><img title="feed-pauser" src="http://www.divitodesign.com/wp-content/uploads/2008/10/feed-pauser.jpg" alt="feed-pauser" width="434" height="92" /></a></p>
<hr />
<p><strong>5. <a title="Visit plugin homepage" href="http://www.frank-verhoeven.com/wordpress-plugin-fv-code-highlighter/">FV Code Highlighter</a></strong> - If you want to highlight code tags like <em>HTML, CSS, PHP or JavaScript</em> on your Wordpress blog you could use the other plugins out there. This plugin however is developed to give the blogger full control over their codes. You can style everything in this code highlighter!</p>
<p><a href="http://www.frank-verhoeven.com/wordpress-plugin-fv-code-highlighter/"><img title="fv code highlighter" src="http://www.divitodesign.com/wp-content/uploads/2008/10/fvcodehighlighter.jpg" alt="fv code highlighter" width="434" height="112" /></a></p>
<hr />
<p><strong>6. <a title="Visit plugin homepage" href="http://yoast.com/wordpress/rss-footer/">RSS Footer</a></strong> - My fellow Dutchman Joost de Valk know what bloggers need. This RSS footer plugin let you do exactly what its name tell us: add a line of text, a copyright notice or even advertisements after or before each post that is published in your RSS feed.</p>
<p><a href="http://yoast.com/wordpress/rss-footer/"><img title="rss-footer1" src="http://www.divitodesign.com/wp-content/uploads/2008/10/rss-footer1.jpg" alt="rss-footer1" width="360" height="72" /></a></p>
<hr />
<p><strong>7. <a title="Visit plugin homepage" href="http://blog.samsarin.com/samsarin-php-widget">Samsarin PHP Widget</a></strong> - If you want to use widgets for your sidebar, there might be time you need to use PHP to get the functionality you like to have. This &#8220;PHP widget&#8221; is a an awesome solution as you can choose as many widgets as you like.<br />
<a href="http://blog.samsarin.com/samsarin-php-widget"><br />
<img title="php-samsarin1" src="http://www.divitodesign.com/wp-content/uploads/2008/10/php-samsarin1.jpg" alt="php-samsarin1" width="424" height="91" /></a></p>
<hr />
<p><strong>8. <a title="Visit plugin homepage" href="http://fucoder.com/code/search-excerpt/">Search Excerpt</a></strong> - The default search function sucks, we used to sort by date and not by relevance. Fortunately there has been some talking about this and this plugin has been developed to help us.</p>
<p><a href="http://fucoder.com/code/search-excerpt/"><img title="search-excerpt" src="http://www.divitodesign.com/wp-content/uploads/2008/10/search-excerpt2.jpg" alt="search-excerpt" width="424" height="91" /></a></p>
<hr />
<p><strong>9. <a title="Visit plugin homepage" href="http://wordpress.org/extend/plugins/wp-existing-tags/">WP Existing Tags</a></strong> - This small plugin adds an existing tags-section to your new post page. This makes it easy to choose a tag for your post and makes sure you don&#8217;t make two tags almost identical to each other.<br />
<a href="http://wordpress.org/extend/plugins/wp-existing-tags/"><br />
<img title="existing-tags" src="http://www.divitodesign.com/wp-content/uploads/2008/10/existing-tags1.jpg" alt="existing-tags" width="283" height="137" /></a></p>
<hr />
<p><strong>10. <a title="Visit plugin homepage" href="http://wordpress.org/extend/plugins/download-monitor/">Wordpress Download Monitor</a></strong> - If you offer downloads for your visitors it might be nice to know how many times files are downloaded. This awesome plugin does a good job.</p>
<p><a href="http://wordpress.org/extend/plugins/download-monitor/"><img title="download-manager" src="http://www.divitodesign.com/wp-content/uploads/2008/10/download-manager.jpg" alt="download-manager" width="424" height="127" /></a></p>
<hr />
<p><em>Article written by <a href="http://www.divitodesign.com">DivitoDesign</a></em></p>
<div class="feedflare">
<a href="http://feeds.feedburner.com/~f/DivitoDesign?a=TZq4M"><img src="http://feeds.feedburner.com/~f/DivitoDesign?i=TZq4M" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/DivitoDesign/~4/432712588" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://www.divitodesign.com/2008/10/10-unusual-wordpress-plugins-that-improved-my-blog/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
