<?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>Onyx Design Weblog</title>
	<atom:link href="http://www.onyx-design.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.onyx-design.net</link>
	<description>A weblog about webdesign, webdevelopment, css, php and other webrelated topics.</description>
	<lastBuildDate>Thu, 03 Jun 2010 15:34:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Market Endeavour Organic</title>
		<link>http://www.onyx-design.net/portfolio/market-endeavour-organic/</link>
		<comments>http://www.onyx-design.net/portfolio/market-endeavour-organic/#comments</comments>
		<pubDate>Wed, 02 Jun 2010 17:09:33 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/?p=298</guid>
		<description><![CDATA[Market Endeavour Organic is a website showcasing the organic brands distributed by Market Endeavour. Onyx Design completely designed and developed this Wordpress-based website.

Visit website: www.me-bio.com]]></description>
			<content:encoded><![CDATA[<p>Market Endeavour Organic is a website showcasing the organic brands distributed by Market Endeavour. Onyx Design completely designed and developed this Wordpress-based website.</p>
<p><span id="more-298"></span></p>
<p><em>Visit website: <a href="http://www.me-bio.com/" class="portsitelink">www.me-bio.com</a></em></p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/portfolio/market-endeavour-organic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Think Inside The Box</title>
		<link>http://www.onyx-design.net/portfolio/think-inside-the-box/</link>
		<comments>http://www.onyx-design.net/portfolio/think-inside-the-box/#comments</comments>
		<pubDate>Wed, 02 Jun 2010 17:02:12 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/?p=296</guid>
		<description><![CDATA[For RAI Amsterdam, Onyx Design developed an online survey about their new catering brand in the form of a micro website. 

Visit website: www.thinkinsidethebox.nl]]></description>
			<content:encoded><![CDATA[<p>For RAI Amsterdam, Onyx Design developed an online survey about their new catering brand in the form of a micro website. </p>
<p><span id="more-296"></span></p>
<p><em>Visit website: <a href="http://www.thinkinsidethebox.nl/" class="portsitelink">www.thinkinsidethebox.nl</a></em></p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/portfolio/think-inside-the-box/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Maasland Vleeswaren</title>
		<link>http://www.onyx-design.net/portfolio/maasland-vleeswaren/</link>
		<comments>http://www.onyx-design.net/portfolio/maasland-vleeswaren/#comments</comments>
		<pubDate>Thu, 31 Dec 2009 22:59:39 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/weblog2/?p=265</guid>
		<description><![CDATA[Vleeswarenfabriek Maasland did a complete restyling of their brand, including a new website. Onyx Design developed a corporate theme with a modern appearance.

Visit website: www.maaslandvleeswaren.nl]]></description>
			<content:encoded><![CDATA[<p>Vleeswarenfabriek Maasland did a complete restyling of their brand, including a new website. Onyx Design developed a corporate theme with a modern appearance.</p>
<p><span id="more-265"></span></p>
<p><em>Visit website: <a href="http://www.maaslandvleeswaren.nl/" class="portsitelink">www.maaslandvleeswaren.nl</a></em></p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/portfolio/maasland-vleeswaren/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Market Endeavour</title>
		<link>http://www.onyx-design.net/portfolio/market-endeavour/</link>
		<comments>http://www.onyx-design.net/portfolio/market-endeavour/#comments</comments>
		<pubDate>Thu, 24 Dec 2009 14:33:22 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/weblog2/?p=263</guid>
		<description><![CDATA[Onyx Design fully redesigned the Market Endeavour website. The design is clean, simple and professional. The website is driven by Wordpress, giving the client the ability to update their own website.

Visit website: www.market-endeavour.com]]></description>
			<content:encoded><![CDATA[<p>Onyx Design fully redesigned the Market Endeavour website. The design is clean, simple and professional. The website is driven by Wordpress, giving the client the ability to update their own website.</p>
<p><span id="more-263"></span></p>
<p><em>Visit website: <a href="http://www.market-endeavour.com/" class="portsitelink">www.market-endeavour.com</a></em></p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/portfolio/market-endeavour/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dansklik</title>
		<link>http://www.onyx-design.net/portfolio/dansklik/</link>
		<comments>http://www.onyx-design.net/portfolio/dansklik/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 16:52:17 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/weblog2/?p=245</guid>
		<description><![CDATA[For the Dansklik project, Onyx Design developed a website for Susan Tonnaer, a dance expression and yoga teacher. Onyx Design worked together with a photographer and a graphic designer. The website is powered by Wordpress, which makes it easy for the client to update the website.

Visit website: http://www.dansklik.nl]]></description>
			<content:encoded><![CDATA[<p>For the Dansklik project, Onyx Design developed a website for Susan Tonnaer, a dance expression and yoga teacher. Onyx Design worked together with a photographer and a graphic designer. The website is powered by Wordpress, which makes it easy for the client to update the website.</p>
<p><span id="more-245"></span></p>
<p><em>Visit website</em>: <a href="http://www.dansklik.nl" class="portsitelink">http://www.dansklik.nl</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/portfolio/dansklik/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Interview: font designer Douglas Vitkauskas (VTKS)</title>
		<link>http://www.onyx-design.net/interviews/interview-font-designer-douglas-vitkauskas-vtks/</link>
		<comments>http://www.onyx-design.net/interviews/interview-font-designer-douglas-vitkauskas-vtks/#comments</comments>
		<pubDate>Sat, 25 Oct 2008 14:23:06 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Interviews]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/weblog2/?p=203</guid>
		<description><![CDATA[Douglas Vitkauskas (also known as VTKS) is a famous font designer based in SÃ£o Paolo, Brazil. He has released a lot of his awesome fonts for free. One of his latest fonts, VTKS Revolt is the third popular font in DaFont&#8217;s free font top 100. Every single free font can be found on Dafont.com. The [...]]]></description>
			<content:encoded><![CDATA[<p>Douglas Vitkauskas (also known as VTKS) is a famous font designer based in SÃ£o Paolo, Brazil. He has released a lot of his awesome fonts for free. One of his latest fonts, VTKS Revolt is the third popular font in DaFont&#8217;s free font top 100. Every single free font can be found <a href="http://www.dafont.com/douglas-vitkauskas.d954">on Dafont.com</a>. The rest of his work (including paintings, premium fonts and logos) can be seen on his website, <a href="http://www.vtks.com.br">www.vtks.com.br</a>.<span id="more-203"></span></p>
<h3>How and when did you get started as a designer?</h3>
<p>I started to paint when I was twelve years old, at a small school of arts called <em>CANDIDO PORTINARI</em>, named after a great Brazilian painter.</p>
<p>In 1992 I bought my first personal computer, with <em>CORELDRAW 2</em>, I already<br />
worked as free-lance designer by that time. I took a basic course of Corel in the same<br />
year and about two years later I began to use a program like Photoshop (I think<br />
the name was something like <em>GALLERY OF EFFECTS</em>). Soon, I became interested in typography and I began to do research in books that I found at some specialized stores in material for artists.</p>
<p>With the birth of the internet and the improvement of the computer science<br />
equipments, it was easier to develop some works with different typography.<br />
But it wasn&#8217;t until that I became aware of the software FONTOGRAPHER that I began to develop some sources to use in my works.</p>
<p>Over time and by reading some more books on typography, I was perfecting my knowledge. Because of the growth of the internet I tended to release the fonts and see works of other typedesigners and I discovered new programs to develop fonts.</p>
<p><a href="http://www.dafont.com/vtks-rock-garage-band.font"><img class="alignnone" title="VTKS Rock Garage Band" src="http://www.dafont.com/img/illustration/v/t/vtks_rock_garage_band.jpg" alt="" width="477" height="600" /></a></p>
<h3>What motivates you to distribute a lot of your fonts for free?</h3>
<p>It is an excellent way of letting people know my work, and it is also quite interesting to know that in some way you are taking part in the art of other people.</p>
<h3>Where do you get your inspiration?</h3>
<p>The great majority comes from old posters, the types there are more designed as an artistic work for a difference.</p>
<p>Other inspiration comes from the Punk age, or, as we say today, Grunge: also seeking an air of distressed style.</p>
<p>And finally the tattoos, which perhaps have been my first example of how the types may be us and value the work.</p>
<h3>What software do you use to make your fonts?</h3>
<p>I use Fontlab and FontCreator to create them.</p>
<h3>Do you have any tips or tricks for beginning (font)designers?</h3>
<p>Always believe that you can and must improve yourself and your talents, we never know everything about something, but we can learn and to know more above on what we think that we dominate.</p>
<p>I believe we can always improve like people or professionals. If we want to know how someone made something and we do&#8217;nt have the information, we must try to make something equal or even better. This way we will discover new things that make us different as professionals.</p>
<p>We must try to touch of the soul of the people who observe the work. It is not always possible, but that&#8217;s what makes a professional better than the others.</p>
<p>If I am not mistaken, Shakespeare said:</p>
<blockquote><p>The more I think that I know, the more I know that I know nothing.</p></blockquote>
<p style="text-align: center;"><a href="http://www.dafont.com/vtks-scrubbed.font"><img class="aligncenter" title="VTKS Scrubbed" src="http://www.dafont.com/img/illustration/v/t/vtks_scrubbed.jpg" alt="" width="431" height="420" /></a></p>
<p><strong><em>Thanks Douglas for this interview and also for all your free fonts that are available on the web! Please visit <a href="http://vtks.com.br/">www.vtks.com.br</a> if you want to know more about Douglas and his work. </em></strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/interviews/interview-font-designer-douglas-vitkauskas-vtks/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>5 Best Sources for High Quality Free Fonts</title>
		<link>http://www.onyx-design.net/design/5-best-sources-for-high-quality-free-fonts/</link>
		<comments>http://www.onyx-design.net/design/5-best-sources-for-high-quality-free-fonts/#comments</comments>
		<pubDate>Sun, 19 Oct 2008 12:52:58 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/weblog2/?p=198</guid>
		<description><![CDATA[There are so much free fonts around the internet, that it&#8217;s hard to find the best of them. It&#8217;s looking for a needle in a haystack. Luckily there are some great websites and blogs where you can download really good, free fonts. See 5 best sources for high quality free fonts:
1.DaFont

DaFont is just the best [...]]]></description>
			<content:encoded><![CDATA[<p>There are so much free fonts around the internet, that it&#8217;s hard to find the best of them. It&#8217;s looking for a needle in a haystack. Luckily there are some great websites and blogs where you can download really good, free fonts. See 5 best sources for high quality free fonts:<span id="more-198"></span></p>
<h3><a href="http://www.dafont.com/"><em>1.</em>DaFont</a></h3>
<p align="center"><a href="http://www.dafont.com/"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/dafont.jpg" alt="dafont" width="436" height="264" /></a></p>
<p>DaFont is just the best site around, if you&#8217;re looking for free fonts. They have over 8,000 fonts, organized by theme (typewriter, cartoon, western, chinese, etc.) so you can easily find the font you&#8217;re looking for. Wat are you waiting for? Go and grap some fonts <a href="http://www.dafont.com/">over there</a>.</p>
<h3><a href="http://www.smashingmagazine.com/category/fonts/"><em>2.</em>Smashing Magazine</a></h3>
<p align="center"><a href="http://www.smashingmagazine.com/category/fonts/"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/smashingmagazine-1.jpg" alt="smashingmagazine" width="436" height="264" /></a></p>
<p>If there&#8217;s one reason why Smashing Magazine has grown so big <a href="http://technorati.com/pop/blogs/?page=2">(#11 in the Technorati Top 100</a>), it&#8217;s because of their high quality freebies. Beside fonts, you can also find wordpress themes and photoshop brushes over there. They even have a special <a href="http://www.smashingmagazine.com/category/fonts/">Font Category</a>.</p>
<h3><a href="http://fonts500.com/"><em>3.</em>Fonts500</a></h3>
<p><a href="http://fonts500.com/"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/fonts500.jpg" alt="fonts500" width="436" height="264" /></a><br />
Fonts500 is a website with a overview of <em>the best 500 free fonts</em>, available on the web. For less than 3 dollars, you can even download all the fonts in one package. <a href="http://fonts500.com/">Visit the site.</a></p>
<h3><a href="http://woork.blogspot.com/2007/10/freebies.html"><em>4.</em>Woork/The Daily Inspired</a></h3>
<p align="center"><a href="http://woork.blogspot.com/2007/10/freebies.html"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/dailyinspired.jpg" alt="dailyinspired" width="436" height="264" /></a></p>
<p>The Daily Inspired (formerly Woork) is also a really good place to look for free fonts. In the freebies section, Antionio Lupetti reviews a lot of fonts and het makes some good selections. See <a href="http://woork.blogspot.com/2007/10/freebies.html">woork.blogspot.com</a>.</p>
<h3><a href="http://www.bittbox.com/category/freebies/"><em>5. </em>Bittbox</a></h3>
<p align="center"><a href="http://www.bittbox.com/category/freebies/"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/bittbox.jpg" alt="bittbox" width="436" height="264" /></a></p>
<p>Last but definately not least: bittbox. <a href="http://www.bittbox.com/about/">Jay Hilgerts</a> spends a lot of time reviewing and making freebies and bittbox is the splendid result of that work. On this blog you can find every kind of freebie and it&#8217;s a good resource for every (web)designer. <a href="http://www.bittbox.com/category/freebies/">Visit the site.</a></p>
<h3>If you know..</h3>
<p>&#8230;another great site that should definately be in this list, don&#8217;t hesitate and post a comment.</p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/design/5-best-sources-for-high-quality-free-fonts/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Blog Action Day: Design of Charity Websites</title>
		<link>http://www.onyx-design.net/other/blog-action-day-design-of-charity-websites/</link>
		<comments>http://www.onyx-design.net/other/blog-action-day-design-of-charity-websites/#comments</comments>
		<pubDate>Tue, 14 Oct 2008 19:57:00 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Other]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/weblog2/other/blog-action-day-design-of-charity-websites/</guid>
		<description><![CDATA[Today it&#8217;s blog action day. A day where we, bloggers, can start a worldwide conversation about poverty. WE can change the world. My contribution to this conversation is a review of the websites of the best charities fighting against hunger and poverty (according to the American Institute of Philantrophy). Let&#8217;s see if the excellent charities [...]]]></description>
			<content:encoded><![CDATA[<p>Today it&#8217;s blog action day. A day where we, bloggers, can start a worldwide conversation about poverty. WE can change the world. My contribution to this conversation is a review of the websites of the best charities fighting against hunger and poverty (according to the <a href="http://www.charitywatch.org/toprated.html#hunger">American Institute of Philantrophy</a>). <em>Let&#8217;s see if the excellent charities have excellent websites too.</em><span id="more-175"></span></p>
<h3>Donate Now Buttons</h3>
<p>The website should be one of the places where visitors can easily donate to the charities. So there should be a &#8220;donate now&#8221;-button somewhere on the homepage. Obvious, but not too obtrusive. Some designs have the buttons inside the menu, making them to stand out by giving them another colour. Other sites have the buttons under the first paragraph, or somewhere in the side bar. Every way is good. As long as the buttons stand out and call for action.</p>
<p><a href="http://www.care.org"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/care-org.jpg" alt="care-org" width="530" height="128" align="left" /></a></p>
<p><a href="http://www.freedomfromhunger.org"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/freedom-from-hunger.jpg" alt="freedom-from-hunger" width="530" height="128" align="left" /></a><a href="http://www.oxfamamerica.org/"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/oxfam-america.jpg" alt="oxfam-america" width="530" height="128" align="left" /></a></p>
<p><a href="http://www.worldconcern.org/index.htm"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/wolrdconcern.jpg" alt="wolrdconcern" width="530" height="128" align="left" /></a></p>
<h3>Flash for showing Photographs</h3>
<p>A lot of flash is used in charity websites. For showing the photographs Flash is indeed a good choice and I saw some nice examples in the websites I reviewed. I think photographs really work when it comes to generating sympathy for the people that need to be helped. Using nice photographs in the webdesign is therefore a good choice and a good presentation with flash makes it even better.</p>
<p><a href="http://www.unicefusa.org"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/unicef.jpg" alt="unicef" width="530" height="256" align="left" /></a><a href="http://www.accion.org/"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/accion.jpg" alt="accion" width="530" height="256" align="left" /></a></p>
<p><a href="http://www.worldconcern.org/index.htm"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/10/worldcare.jpg" alt="worldcare" width="530" height="256" align="left" /></a></p>
<h3>Conclusion</h3>
<p>The average website of a charity organisation is really good. These organisations spend a lot of time on good websites, which is also expactable, because the internet is so popular nowadays, that a lot of money can be gain with good use of it.</p>
<p>Let this blogging action day be a day to start the conversation about poverty and do something about it!</p>
<p><script src="http://blogactionday.org/js/2386fd5c51cd7546eb1ad1431869b7eb0254638f" type="text/javascript"></script></p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/other/blog-action-day-design-of-charity-websites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How2Launch</title>
		<link>http://www.onyx-design.net/portfolio/how2launch/</link>
		<comments>http://www.onyx-design.net/portfolio/how2launch/#comments</comments>
		<pubDate>Tue, 14 Oct 2008 12:29:59 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/weblog2/?p=159</guid>
		<description><![CDATA[&#8220;Hoe lanceer ik een nieuw product&#8221; (How to launch a new product) is the title of a marketing book, written by Jeremy Deacon and Margit Smeekens. Onyx Design developed a sparkling micro-website matching the book&#8217;s style.

Visit the website: www.how2launch.biz]]></description>
			<content:encoded><![CDATA[<p>&#8220;Hoe lanceer ik een nieuw product&#8221; (How to launch a new product) is the title of a marketing book, written by Jeremy Deacon and Margit Smeekens. Onyx Design developed a sparkling micro-website matching the book&#8217;s style.</p>
<p><span id="more-159"></span></p>
<p><em>Visit the website: <a href="http://www.how2launch.biz" class="portsitelink">www.how2launch.biz</a></em></p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/portfolio/how2launch/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Showcase: Social Media Buttons</title>
		<link>http://www.onyx-design.net/featured/social-media-buttons/</link>
		<comments>http://www.onyx-design.net/featured/social-media-buttons/#comments</comments>
		<pubDate>Wed, 13 Aug 2008 08:14:37 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Showcase]]></category>

		<guid isPermaLink="false">http://www.onyx-design.net/weblog2/showcase/showcase-social-media-buttons/</guid>
		<description><![CDATA[Social Media sites like digg and delicious have become of great importance for the traffic of a blog. Everyone wants to be dugg so every blogger adds social media buttons to their blog. But sometimes it&#8217;s very boring, all those standard &#8217;share this&#8217; and &#8216;digg&#8217; widgets on every page. Luckily there are some designers who [...]]]></description>
			<content:encoded><![CDATA[<p>Social Media sites like <a href="http://www.digg.com">digg</a> and <a href="http://www.delicious.com">delicious</a> have become of great importance for the traffic of a blog. Everyone wants to be <em>dugg</em> so every blogger adds social media buttons to their blog. But sometimes it&#8217;s very boring, all those standard &#8217;share this&#8217; and &#8216;digg&#8217; widgets on every page. Luckily there are some designers who melted the social media links into their design. <strong>29 creative examples:</strong><span id="more-145"></span></p>
<h3>1. <a href="http://www.cssglobe.com">CSSGlobe</a></h3>
<p>Icons for Digg, StumbleUpon, Reddit and DesignFloat. Unobtrusive and stylish.</p>
<p><a href="http://www.cssglobe.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/cssglobe.jpg" alt="cssglobe" width="400" height="128" /></a></p>
<h3>2. <a href="http://www.snook.ca">Snook</a></h3>
<p>These two buttons got a nice place in the article footer. The ma.gnolia icon fits great with the green colour.</p>
<p><a href="http://www.snook.ca"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/snook-ca.jpg" alt="snook-ca" width="400" height="128" /></a></p>
<h3>3. <a href="http://www.webdesignerwall.com">Webdesigner Wall</a></h3>
<p>The social media buttons are placed well and fit great in the design. The handdrawn &#8216;Digger&#8217; makes the standard digg widget a great design element.</p>
<p><a href="http://www.webdesignerwall.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/webdesignerwall.jpg" alt="webdesignerwall" width="400" height="128" /></a></p>
<p><a href="http://www.webdesignerwall.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/webdesignerwall2.jpg" alt="webdesignerwall2" width="400" height="128" /></a></p>
<h3>4. <a href="http://woork.blogspot.com">Woork</a></h3>
<p>Woork has an &#8216;Add to delicious&#8217; button in a nice, handwritten font combined with a speech bubble with the count. The compact digg button is more standard, but it looks good in this lay-out.</p>
<p><a href="http://woork.blogspot.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/woork.jpg" alt="woork" width="400" height="128" /></a></p>
<h3>5. <a href="http://arstechnica.com/">Ars Technica</a></h3>
<p><a href="http://arstechnica.com/">Ars Technica</a> uses a nice homemade digg button with counter.</p>
<p><a href="http://arstechnica.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/arstechnica2.jpg" alt="arstechnica2" width="400" height="128" /></a></p>
<h3>6. <a href="http://icanhascheezburger.com/">I Can Has Cheeseburger</a></h3>
<p>A few cartoony buttons in a own style. Very creative!</p>
<p><a href="http://icanhascheezburger.com/"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/icanhascheeseburger.jpg" alt="icanhascheeseburger" width="400" height="128" /></a></p>
<h3>7. <a href="http://www.ilovetypography.com">I love Typography</a></h3>
<p>Four small black and white buttons with smooth rounded corners. Nonobstrusive and stylish.</p>
<p><a href="http://www.ilovetypography.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/ilovetypography.jpg" alt="ilovetypography" width="400" height="128" /></a></p>
<h3>8. <a href="http://www.noupe.com">Noupe</a></h3>
<p><a href="http://noupe.com">Noupe</a> uses three small icons. The look good, but it bothers me a bit that they aren&#8217;t transparent.</p>
<p><a href="http://www.noupe.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/noupe.jpg" alt="noupe" width="400" height="128" /></a></p>
<h3>9. <a href="http://www.lifehacker.com">Lifehacker</a></h3>
<p>A few really small social icons.</p>
<p><a href="http://www.lifehacker.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/lifehacker.jpg" alt="lifehacker" width="400" height="128" /></a></p>
<h3>10. <a href="http://www.problogger.com">Problogger</a></h3>
<p>The icons themself are not special, but the list fits great in the columned design of the article footer.</p>
<p><a href="http://www.problogger.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/problogger.jpg" alt="problogger" width="400" height="128" /></a></p>
<h3 style="text-align: center;">Other Examples:</h3>
<p style="text-align: center;"><a href="http://www.askthecssguy.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/askthecssguy-1.jpg" alt="askthecssguy" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.askthecssguy.com">Ask the Css Guy</a></p>
<p style="text-align: center;"><a href="http://blogstorm.co.uk"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/blogstorm-co-uk.jpg" alt="blogstorm-co-uk" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://blogstorm.co.uk">Blogstorm</a></p>
<p style="text-align: center;"><a href="http://www.boingboing.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/boingboing.jpg" alt="boingboing" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.boingboing.com">Boing Boing</a></p>
<p style="text-align: center;"><a href="http://www.copyblogger.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/copyblogger.jpg" alt="copyblogger" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.copyblogger.com">Copyblogger</a></p>
<p style="text-align: center;"><a href="http://dailyblogtips.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/dailyblogtips.jpg" alt="dailyblogtips" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.dailyblogtips.com">Daily Blog Tips</a></p>
<p style="text-align: center;"><a href="http://www.designreviver.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/designreviver-com.jpg" alt="designreviver-com" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.designreviver.com">Design Reviver</a></p>
<p style="text-align: center;"><a href="http://dev.opera.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/dev-opera-com.jpg" alt="dev-opera-com" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://dev.opera.com">Opera Development Blog</a></p>
<p style="text-align: center;"><a href="http://www.divitodesign.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/divitodesign-com.jpg" alt="divitodesign-com" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.divitodesign.com">Divito Design</a></p>
<p style="text-align: center;"><a href="http://www.fuelyourcreativity.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/fuelyourcreativity-com.jpg" alt="fuelyourcreativity-com" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.fuelyourcreativity.com">Fuel your creativity</a></p>
<p style="text-align: center;"><a href="http://machinist.salon.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/machinist-salon.jpg" alt="machinist-salon" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://machinist.salon.com">machinist.salon.com</a></p>
<p style="text-align: center;"><a href="http://www.problogdesign.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/problogdesign.jpg" alt="problogdesign" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.problogdesign.com">Problogdesign</a></p>
<p style="text-align: center;"><a href="http://www.shapeshed.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/shapeshed-com.jpg" alt="shapeshed-com" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.shapeshed.com">Shapeshed</a></p>
<p style="text-align: center;"><a href="http://www.spoongraphics.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/spoongraphics.jpg" alt="spoongraphics" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.spoongraphics.com">Spoongraphics</a></p>
<p style="text-align: center;"><a href="http://thecodecentral.com/"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/thecodecentral.jpg" alt="thecodecentral" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://thecodecentral.com/">The Code Central</a></p>
<p style="text-align: center;"><a href="http://www.thewatchmakerproject.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/thewatchmakerproject-com.jpg" alt="thewatchmakerproject-com" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.thewatchmakerproject.com">The Watchmaker Project</a></p>
<p style="text-align: center;"><a href="http://www.tutorialblog.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/tutorialblog.jpg" alt="tutorialblog" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.tutorialblog.com">TutorialBlog</a></p>
<p style="text-align: center;"><a href="http://www.tutorialsphere.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/tutorialsphere-com.jpg" alt="tutorialsphere-com" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.tutorialsphere.com">TutorialSphere</a></p>
<p style="text-align: center;"><a href="http://www.videojug.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/videojug-com.jpg" alt="videojug-com" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.videojug.com">VideoJug</a></p>
<p style="text-align: center;"><a href="http://www.youtube.com"><img src="http://www.onyx-design.net/weblog2/wp-content/uploads/2008/08/youtube.jpg" alt="youtube" width="400" height="128" /></a></p>
<p style="text-align: center;"><a href="http://www.youtube.com">Youtube</a></p>
<h3>The Trend</h3>
<p>The most common place for the social media buttons is the footer. However, some designers are experimenting with other places like the post title or first paragraph. <strong>Plain text links</strong> are getting more popular too. There are still a lot of standard buttons out there, but the <strong>small icons</strong> (16&#215;16 pixels or a bit larger) are getting more common, which I think is a good development.</p>
<p>I hope you got some inspiration and if you have encountered other <strong>creative and nonobtrusive</strong> examples, leave a comment and tell it and I will add it to the article.</p>]]></content:encoded>
			<wfw:commentRss>http://www.onyx-design.net/featured/social-media-buttons/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
	</channel>
</rss>
