<?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>solwyvern &#187; Websites</title>
	<atom:link href="http://blog.solwyvern.net/tag/websites/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.solwyvern.net</link>
	<description>The Sorrow of Fleeting Wisdom</description>
	<lastBuildDate>Mon, 03 Aug 2009 11:17:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The 960 CSS Framework</title>
		<link>http://blog.solwyvern.net/uncategorized/the-960-css-framework/</link>
		<comments>http://blog.solwyvern.net/uncategorized/the-960-css-framework/#comments</comments>
		<pubDate>Mon, 03 Aug 2009 11:17:28 +0000</pubDate>
		<dc:creator>solwyvern</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Css]]></category>
		<category><![CDATA[Framework]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://blog.solwyvern.net/?p=212</guid>
		<description><![CDATA[I have heard alot about CSS grid frameworks and how they claim to ease workflow when designing webpages for the web and present content in a more structured manner. So I decided to look into it.
Upon finding a full listing of the CSS Frameworks. I am immediately faced with the dilemma of choosing which framework [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-213" title="960css" src="http://blog.solwyvern.net/wordpress/wp-content/uploads/2009/02/960css.jpg" alt="960css" width="200" height="200" />I have heard alot about CSS grid frameworks and how they claim to ease workflow when designing webpages for the web and present content in a more structured manner. So I decided to look into it.</p>
<p>Upon finding a full listing of the <a href="http://en.wikipedia.org/wiki/List_of_CSS_frameworks" target="_blank">CSS Frameworks</a>. I am immediately faced with the dilemma of choosing which framework to use. Out of all the others, one of them seemed to stand out. -the <a href="http://960.gs/" target="_blank">960 Grid System</a>.</p>
<p>The 960 Grid System is based on a width of 960 pixels and offers divisions of either a 12-column layout or a 16-column layout.</p>
<p>You can watch an indepth turorial and explanation on how to use it at <a href="http://net.tutsplus.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/" target="_blank">Nettuts</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.solwyvern.net/uncategorized/the-960-css-framework/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tiny Chat</title>
		<link>http://blog.solwyvern.net/resources/tiny-chat/</link>
		<comments>http://blog.solwyvern.net/resources/tiny-chat/#comments</comments>
		<pubDate>Wed, 11 Mar 2009 15:54:02 +0000</pubDate>
		<dc:creator>solwyvern</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://blog.solwyvern.net/?p=220</guid>
		<description><![CDATA[Tiny Chat is a web service that offers ready to use chatrooms for quick and easy conversation. There are times when you need to discuss or chat with someone online, but it turns out you don&#8217;t have compatible messengers, or you can&#8217;t meet on IRC, for some other reason.
With TinyChat you can create your own [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-221" title="tinychat" src="http://blog.solwyvern.net/wordpress/wp-content/uploads/2009/03/tinychat.jpg" alt="tinychat" width="200" height="200" />Tiny Chat is a web service that offers ready to use chatrooms for quick and easy conversation. There are times when you need to discuss or chat with someone online, but it turns out you don&#8217;t have compatible messengers, or you can&#8217;t meet on IRC, for some other reason.</p>
<p>With TinyChat you can create your own chatroom and invite people through one simple link. Simple and easy to use and set up in just a few seconds. The best part of all, it&#8217;s disposable.</p>
<p><a href="http://www.tinychat.com/" target="_blank">Visit TinyChat</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.solwyvern.net/resources/tiny-chat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Themeforest &#8211; Themes and Templates</title>
		<link>http://blog.solwyvern.net/websites/themeforest-themes-and-templates/</link>
		<comments>http://blog.solwyvern.net/websites/themeforest-themes-and-templates/#comments</comments>
		<pubDate>Fri, 06 Mar 2009 00:58:54 +0000</pubDate>
		<dc:creator>solwyvern</dc:creator>
				<category><![CDATA[Websites]]></category>

		<guid isPermaLink="false">http://blog.solwyvern.net/?p=215</guid>
		<description><![CDATA[ThemeForest, part of the Envato Network, deals in trading and purchasing files. It is an online marketplace for buying and selling site templates and themes to skin popular CMS products like WordPress, Drupal and Joomla. Users can sign-up for free and use their account to begin trading or purchasing files.
In addition to that, you might [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://themeforest.net/?ref=solwyvern" target="_blank"><img class="alignleft size-full wp-image-216" title="tf" src="http://blog.solwyvern.net/wordpress/wp-content/uploads/2009/03/tf.jpg" alt="tf" width="200" height="200" />ThemeForest</a>, part of the <a href="http://envato.com/" target="_blank">Envato </a>Network, deals in trading and purchasing files. It is an online marketplace for buying and selling site templates and themes to skin popular CMS products like WordPress, Drupal and Joomla. Users can sign-up for free and use their account to begin trading or purchasing files.</p>
<p>In addition to that, you might also want to check out <a href="http://blog.themeforest.net/" target="_blank">themeforest&#8217;s blog</a>. They offer some great tutorials and resources. They even have an excellent series of screencasts for <a href="http://blog.themeforest.net/screencasts/jquery-for-absolute-beginners-video-series/">Jquery</a>, <a href="http://blog.themeforest.net/screencasts/diving-into-php-video-series/" target="_blank">PHP</a>, and <a href="http://blog.themeforest.net/screencasts/new-wp-video-series-and-free-rockstar-book/" target="_blank">Wordpress</a>.</p>
<p><a href="http://themeforest.net/?ref=solwyvern" target="_blank">Visit Themeforest</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.solwyvern.net/websites/themeforest-themes-and-templates/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Uniqlo &#8211; Uniqlock Dance, Music, Clock</title>
		<link>http://blog.solwyvern.net/music/uniqlo-uniqlock-dance-music-clock/</link>
		<comments>http://blog.solwyvern.net/music/uniqlo-uniqlock-dance-music-clock/#comments</comments>
		<pubDate>Fri, 30 Jan 2009 13:55:43 +0000</pubDate>
		<dc:creator>solwyvern</dc:creator>
				<category><![CDATA[Music]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[Dance]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Japan]]></category>

		<guid isPermaLink="false">http://blog.solwyvern.net/?p=164</guid>
		<description><![CDATA[As I was watching some world tech news, the other day, there was this, short report on a Japanese site, Uniqlo. Well, considering how much I&#8217;m attracted to almost anything Japanese related,..  decided to take a look.
&#8216;UNIQLO Co., Ltd. (株式会社ユニクロ, Kabushiki-gaisha yunikuro) is a Japanese casual wear designer, manufacturer and retailer and is also Japan&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-165" title="uniqlock" src="http://blog.solwyvern.net/wordpress/wp-content/uploads/2009/01/uniqlock.jpg" alt="uniqlock" width="200" height="200" />As I was watching some world tech news, the other day, there was this, short report on a Japanese site, Uniqlo. Well, considering how much I&#8217;m attracted to almost anything Japanese related,..  decided to take a look.</p>
<p>&#8216;UNIQLO Co., Ltd. <span style="font-weight: normal;">(<span class="t_nihongo_kanji" lang="ja" xml:lang="ja">株式会社ユニクロ</span><span class="t_nihongo_comma" style="display: none;">,</span> <em><span class="t_nihongo_romaji">Kabushiki-gaisha yunikuro</span></em><span class="t_nihongo_help"><sup><a title="Help:Japanese" href="http://en.wikipedia.org/wiki/Help:Japanese"></a></sup></span>)</span> is a Japanese casual wear designer, manufacturer and retailer and is also Japan&#8217;s leading clothing retail chain in terms of sales and profits.&#8217;</p>
<p><span id="more-164"></span></p>
<p style="margin: 30px;">-</p>
<p>UNIQLO&#8217;s  new innovative store concept designed by UNIQLO creative director <a href="http://kashiwasato.com/" target="_blank">Kashiwa Sato</a>, one of Japans top creative directors. New image, new look, ads and ad campaigns, the works.</p>
<p>This now leads us to <a href="http://www.uniqlo.jp/uniqlock/" target="_blank">Uniqlock</a>, a flash-based website featuring three things &#8211; Music, Dance, and Clock. The site shows the current global time in Tokyo, Japan and clips of girls dancing interpretive to a fine tune  at set intervals wearing Uniqlo garments. I know, to good to be true, right? Well, it looks better than it sounds so go check it out at the official site.</p>
<p style="text-align: center;"><object width="424" height="278" data="http://www.uniqlo.jp/uniqlock/swf/blog_large.swf?user_id=jVwQILaXRbhhIJjE" type="application/x-shockwave-flash"><param name="allowScriptAccess" value="always" /><param name="base" value="." /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="src" value="http://www.uniqlo.jp/uniqlock/swf/blog_large.swf?user_id=jVwQILaXRbhhIJjE" /></object><br />
<small>*music is switched off by default, click on the bottom right icon to hear the music</small></p>
<p>Uniqlock also offers downloadable screensavers and phone applications if you fancy it enough. And you can even embed them on your blogs. Check out <a href="http://www.uniqlo.jp/uniqlock/cgi/bloglist.cgi" target="_blank">Uniclock user&#8217;s blog list</a> to see full stats.</p>
<p>Also, check out the <a href="http://en.wikipedia.org/wiki/UNIQLO" target="_blank">Wiki article</a> on Uniqlo+Uniqlock.</p>
<p><a href="http://www.uniqlo.com/jp/" target="_blank">UNIQLO official site</a> | <a href="http://www.uniqlo.jp/uniqlock/" target="_blank">Uniqlock official site</a></p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-9827386749840842";
google_ad_slot = "0494398640";
google_ad_width = 468;
google_ad_height = 15;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.solwyvern.net/music/uniqlo-uniqlock-dance-music-clock/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Ajaxload &#8211; Loading Icon Generator</title>
		<link>http://blog.solwyvern.net/resources/ajaxload-loading-icon-generator/</link>
		<comments>http://blog.solwyvern.net/resources/ajaxload-loading-icon-generator/#comments</comments>
		<pubDate>Wed, 28 Jan 2009 12:35:47 +0000</pubDate>
		<dc:creator>solwyvern</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://blog.solwyvern.net/?p=138</guid>
		<description><![CDATA[Most web 2.0 sites nowadays have loading icons to load some of their content.  Animated loading bars and icons  are becoming more and more frequent in web 2.0 design, and you may want to incorporate them in your own website.
Of course, making a loading icon requires more work, and maybe creativity, on your part, so [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-139" title="ajaxload" src="http://blog.solwyvern.net/wordpress/wp-content/uploads/2009/01/ajaxload.jpg" alt="ajaxload" width="200" height="200" />Most web 2.0 sites nowadays have loading icons to load some of their content.  Animated loading bars and icons  are becoming more and more frequent in web 2.0 design, and you may want to incorporate them in your own website.</p>
<p>Of course, making a loading icon requires more work, and maybe creativity, on your part, so for those who don&#8217;t have the time and effort( or patience) to make a loading icon, Ajaxload<img src="file:///C:/DOCUME%7E1/SOLWYV%7E1/LOCALS%7E1/Temp/moz-screenshot.jpg" alt="" /> offers automatic generation of animated loading bars and icons in .gif format. It offers several different commonly used preloaders images, and allows color customization for your visual preference.</p>
<p><a href="http://ajaxload.info/" target="_blank">Visit Ajaxload</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.solwyvern.net/resources/ajaxload-loading-icon-generator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Gravatar &#8211; Universal Avatar</title>
		<link>http://blog.solwyvern.net/websites/gravatar-universal-avatar/</link>
		<comments>http://blog.solwyvern.net/websites/gravatar-universal-avatar/#comments</comments>
		<pubDate>Sun, 18 Jan 2009 16:20:58 +0000</pubDate>
		<dc:creator>solwyvern</dc:creator>
				<category><![CDATA[Websites]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://blog.solwyvern.net/?p=112</guid>
		<description><![CDATA[ Though it&#8217;s not something new, there are still alot of people out there who don&#8217;t know about Gravatars. So I&#8217;ve decided to write a quick post about it and what it is.
Gravatars are all around avatars, it stands for Globally Recognized Avatars. You may notice, on some blogs and websites, comments by guests or [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-113" title="gravatar" src="http://blog.solwyvern.net/wordpress/wp-content/uploads/2009/01/gravatar.jpg" alt="gravatar" width="200" height="200" /> Though it&#8217;s not something new, there are still alot of people out there who don&#8217;t know about Gravatars. So I&#8217;ve decided to write a quick post about it and what it is.</p>
<p>Gravatars are all around avatars, it stands for Globally Recognized Avatars. You may notice, on some blogs and websites, comments by guests or users are often accompanied by personalized avatars. And when you write your own comment, you receive a generic avatar. Now, you may be wondering,.. how do I get a personalized one?</p>
<p><span id="more-112"></span><br />
<br />&nbsp;<br />
The answer? Sign up with <a href="http://en.gravatar.com/" target="_blank">Gravatar</a>. This will allow you to upload and host your avatar which will now be visible across any website or blog that supports Gravatars. All you need to do is include your associated gravatar e-mail address on the commentary section. Go ahead and try it out, set up an account and leave a comment here after you&#8217;ve finished.</p>
<p>Additionally, Wordpress already has support for Gravatars(as of version 2.5), but if you want to implement gravatars on your non-wordpress blog, several plugins are readily available. You can check out the <a href="http://en.gravatar.com/site/implement" target="_blank">Gravatar implementor&#8217;s guide</a> for more info.^^</p>
<p>You can also see the <a href="http://en.wikipedia.org/wiki/Gravatar" target="_blank">Wikipedia article</a> for more information.</p>
<p>-<br />
<a href="http://en.gravatar.com/" target="_blank">Visit Gravatar.com</a></p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-9827386749840842";
google_ad_slot = "0494398640";
google_ad_width = 468;
google_ad_height = 15;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.solwyvern.net/websites/gravatar-universal-avatar/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Typechart , Web Typography CSS Reference</title>
		<link>http://blog.solwyvern.net/resources/typechart/</link>
		<comments>http://blog.solwyvern.net/resources/typechart/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 13:19:41 +0000</pubDate>
		<dc:creator>solwyvern</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Websites]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://blog.solwyvern.net/?p=84</guid>
		<description><![CDATA[
Typechart is an excellent way to check and browse web typography. It uses some of the more common web-browser fonts that are included in PC&#8217;s and Macs, and provides the css code for it. Not to mention a very fitting and elegant site design and scheme. If you ever find yourself puzzled on how to [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-85" title="typechart" src="http://blog.solwyvern.net/wordpress/wp-content/uploads/2009/01/typechart.jpg" alt="typechart" width="200" height="200" /></p>
<p>Typechart is an excellent way to check and browse web typography. It uses some of the more common web-browser fonts that are included in PC&#8217;s and Macs, and provides the css code for it. Not to mention a very fitting and elegant site design and scheme. If you ever find yourself puzzled on how to style your html text, Typechart is the way to go!</p>
<p><em><span>&#8220;TYPECHART</span> lets you flip through, preview and compare web typography while retrieving the CSS.&#8221;</em></p>
<p><a href="http://www.typechart.com/" target="_blank">Visit Typechart</a><br />
<script type="text/javascript"><!--
google_ad_client = "pub-9827386749840842";
google_ad_slot = "0494398640";
google_ad_width = 468;
google_ad_height = 15;
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.solwyvern.net/resources/typechart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.160 seconds -->

