<?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>Brave Whale</title>
	<atom:link href="http://bravewhale.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://bravewhale.com</link>
	<description></description>
	<lastBuildDate>Tue, 07 Jun 2011 00:25:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>The best CSS gallery websites you should visit daily</title>
		<link>http://bravewhale.com/2010/the-best-css-gallery-websites-you-should-visit-daily/</link>
		<comments>http://bravewhale.com/2010/the-best-css-gallery-websites-you-should-visit-daily/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 22:27:34 +0000</pubDate>
		<dc:creator>mark</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bravewhale.com/?p=195</guid>
		<description><![CDATA[Everyday I sit at my computer and get ready to work, but end up browsing CSS gallery sites.  Over years of doing so, I&#8217;ve come to visit a small handful of these sites which I think are the best of the best.  These particular gallery style sites showcase some of the best looking websites out [...]]]></description>
			<content:encoded><![CDATA[<p>Everyday I sit at my computer and get ready to work, but end up browsing CSS gallery sites.  Over years of doing so, I&#8217;ve come to visit a small handful of these sites which I think are the best of the best.  These particular gallery style sites showcase some of the best looking websites out there, are updated daily (or at least often enough), and they themselves boast a nice design.  Here are my favorites, listed in the order which I visit.</p>
<p style="font-size: 12px;">*Edit:  I&#8217;ve since decided to remove a couple galleries and add a couple new ones.  As well, I&#8217;ve reordered them in order of the most updated on a daily basis.</p>
<h3><a href="http://www.cssdsgn.com/" target="_blank">CSS DSGN</a></h3>
<p><a href="http://cssdsgn.com" target="_blank"><img title="cssdsgn" src="http://bravewhale.com/wp-content/uploads/2010/02/cssdsgn.jpg" alt="css dsgn" width="480" height="350" /></a></p>
<blockquote><p>CSS DSGN is a newcomer among my gallery site bookmarks,  and so far it seems very promising.  Updated daily, it displays a good  amount of sites not easily found on other galleries.  It also has a  sizable archive which I still plan to explore.</p></blockquote>
<h3><a href="http://cssmayo.com/" target="_blank">CSS Mayo</a></h3>
<p><a href="http://cssmayo.com/" target="_blank"><img title="cssmayo" src="http://bravewhale.com/wp-content/uploads/2010/02/cssmayo.jpg" alt="css mayo" width="480" height="350" /></a></p>
<blockquote><p>CSS Mayo is my next favorite gallery which is not only  updated daily, but usually with a decent amount of new sites.   It also  has a feature allowing you to save sites to your lightbox.</p></blockquote>
<h3><a href="http://foliofocus.com" target="_blank">Folio Focus</a></h3>
<p><a href="http://foliofocus.com" target="_blank"><img class="alignnone size-full wp-image-250" title="foliofocus" src="http://bravewhale.com/wp-content/uploads/2010/02/foliofocus.jpg" alt="Folio Focus" width="480" height="350" /></a></p>
<blockquote><p>Folio Focus is a newcomer to my daily inspiration, and so far they seem to have updates regularly, if not daily.  I love that it only displays portfolios of those in the creative online biz (ie: web designers, graphic designers,etc.)</p></blockquote>
<h3><a href="http://www.thecssawards.com/" target="_blank">The CSS Awards</a></h3>
<p><a href="http://www.thecssawards.com" target="_blank"><img title="thecssawards" src="http://bravewhale.com/wp-content/uploads/2010/02/thecssawards.jpg" alt="the css awards" width="480" height="350" /></a></p>
<blockquote><p>Probably  the most interesting way of displaying and reviewing the finest CSS  based websites; The CSS Awards always adds one new website  everyday.  Of course for those of us who love a hefty dose of updates,  this will only be a tease.  But be sure to check out the Honorable  Mention gallery for more frequent updates.</p></blockquote>
<h3><a href="http://www.designbombs.com/" target="_blank">Design Bombs</a></h3>
<p><a href="http://www.designbombs.com/" target="_blank"><img class="alignnone size-full wp-image-197" title="designbombs" src="http://bravewhale.com/wp-content/uploads/2010/02/designbombs.jpg" alt="design bombs" width="480" height="350" /></a></p>
<blockquote><p>Designbombs.com is some of my favorite inspirational design sites.  It hasn&#8217;t been updated daily in a while, but is updated at least a few times per week.  Plus it displays a fair amount of sites that other galleries have not showcased yet.</p></blockquote>
<h3><a href="http://cssline.com/" target="_blank">CSS Line</a></h3>
<p><a href="http://cssline.com/" target="_blank"><img class="alignnone size-full wp-image-211" title="cssline" src="http://bravewhale.com/wp-content/uploads/2010/02/cssline.jpg" alt="css line" width="480" height="350" /></a></p>
<blockquote><p>CSS Line has quite a large collection of well designed websites, and it utilizes the infinite scroll jquery technique to display its content.  However this makes it quite hard to come back later and continue browsing where you last left off.  Oh, and I love their logo!</p></blockquote>
<p>There you have my favorite CSS gallery websites.  I encourage daily visits to each site, in depth exploration of archives, and in general a complete overload of designer&#8217;s inspiration.  There are countless gallery sites on the web, many of which display a poor selection of sites, or they themselves just look too awful to even give a chance.  Stick with these galleries and you will surely find what you are looking for.</p>
<h3>Other galleries worth visiting:</h3>
<p style="font-size: 12px;">*Note:  Check back for updates to the galleries list, and don&#8217;t forget to bookmark this blog post.</p>
<p><a href="http://bestwebgallery.com/" target="_blank">Best Web Gallery</a> &#8211; Beautiful designs, but has suffered from a lack of daily updates for quite a while now.</p>
<p><a href="http://www.unmatchedstyle.com/" target="_blank">Unmatched Style</a> &#8211; Offers much more than just a gallery.  Screencasts, news, interviews, and more.</p>
<p><a href="http://thedesigninspiration.com/" target="_blank">The Design Inspiration</a> &#8211; Massive collection of more than just web design.  Logos, artwork, photography, and more.</p>
<p><a href="http://www.designflavr.com/" target="_blank">Designflavr</a> &#8211; Another mix of art, design, graphics, photography, print and logo work.</p>
]]></content:encoded>
			<wfw:commentRss>http://bravewhale.com/2010/the-best-css-gallery-websites-you-should-visit-daily/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using web-safe fonts in web design typography</title>
		<link>http://bravewhale.com/2009/using-web-safe-fonts-in-web-design-typography/</link>
		<comments>http://bravewhale.com/2009/using-web-safe-fonts-in-web-design-typography/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 05:26:51 +0000</pubDate>
		<dc:creator>mark</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bravewhale.com/?p=174</guid>
		<description><![CDATA[As a web designer, I toy with typography and try to make the best of standardized, web-safe fonts.  Until now I enjoyed the often seen, italic Georgia type style.  This usually looks best in 20-28px, or their respective pt and em counterparts.  This example is set to 24px.  As well it looks nice in Bold [...]]]></description>
			<content:encoded><![CDATA[<p>As a web designer, I toy with typography and try to make the best of standardized, web-safe fonts.  Until now I enjoyed the often seen, italic Georgia type style.  This usually looks best in 20-28px, or their respective pt and em counterparts.  This example is set to 24px.  As well it looks nice in Bold Italic.</p>
<p><span style="font: italic 24px georgia;">You&#8217;ve seen me around, haven&#8217;t you?</span></p>
<p>However, I recently discovered a wonderful replacement for the above; italic Times New Roman!   It is a bit thinner and has sharper curves; looking slick.  The example is set at 26px, and at 24px it was smaller than the above Georgia, so you may want to play around with the sizes to find the best fit.</p>
<p><span style="font: italic 26px 'times new roman' ">Times New Roman has a purpose now!</span></p>
<p>Courier New, which has a typewriter look to it, is not seen quite as often as the other two Serif fonts.  Perhaps it should be, as it makes for nice headings.</p>
<p><span style="font: 24px 'courier new' ">Courier New has a unique typewriter look</span></p>
<p>Let&#8217;s have a look at some Sans Serif fonts ( serifs are the little extensions you see at the end of letter strokes, and the word Sans is French, meaning without ).  First off, Verdana has been seen around the web for ages, and I often feel it is over used.  A great substitute is Arial, which looks very much the same, except slightly more narrow.  Perfect for your general content font style, or headings.</p>
<p><span style="font: 24px arial ">Arial&#8217;s Dad can beat up Verdana&#8217;s Dad</span></p>
<p>One secret in my typography arsenal is a font called Trebuchet MS.  In particularly, I use this font for menu items.  It looks quite nice at around 16px, text-transform set to uppercase, and bold.  I prefer to use this font only for main menu links, and maybe some headings, but for the main content font I find it to be too unique.</p>
<p><span style="text-transform: uppercase; font: bold 16px 'Trebuchet MS' ">Trebuchet MS makes very clean menu links</span></p>
<p>There are several other web-safe fonts you can use in your typography; these are just my favorites.  Play around with larger font sizes, bold, italic, and uppercase.  You&#8217;ll notice that some font families work better for headings, and some work better for your general content.  Check out this <a href="http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html" target="_blank">complete list of web-safe fonts</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://bravewhale.com/2009/using-web-safe-fonts-in-web-design-typography/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>We have new Brave Whale business cards to show off!</title>
		<link>http://bravewhale.com/2009/we-have-new-brave-whale-business-cards-to-show-off/</link>
		<comments>http://bravewhale.com/2009/we-have-new-brave-whale-business-cards-to-show-off/#comments</comments>
		<pubDate>Sat, 03 Oct 2009 01:30:48 +0000</pubDate>
		<dc:creator>mark</dc:creator>
				<category><![CDATA[News]]></category>

		<guid isPermaLink="false">http://bravewhale.com/?p=138</guid>
		<description><![CDATA[As you can see, our new business cards are themed to our website.  We are proud to begin passing them out to potential clients, or those with interest in Brave Whale.  This takes us one step closer to our goal of improving the web presence of San Jose businesses.  Perhaps if you are in the [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://bravewhale.com/wp-content/uploads/2009/10/IMG_0385_crop.jpg"><img class="aligncenter size-medium wp-image-149" title="IMG_0385_crop" src="http://bravewhale.com/wp-content/uploads/2009/10/IMG_0385_crop-480x382.jpg" alt="IMG_0385_crop" width="480" height="382" /></a></p>
<p>As you can see, our new business cards are themed to our website.  We are proud to begin passing them out to potential clients, or those with interest in Brave Whale.  This takes us one step closer to our goal of improving the web presence of San Jose businesses.  Perhaps if you are in the Bay Area we&#8217;ll pass our card along with you.</p>
]]></content:encoded>
			<wfw:commentRss>http://bravewhale.com/2009/we-have-new-brave-whale-business-cards-to-show-off/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A step towards better web design in the San Jose bay area</title>
		<link>http://bravewhale.com/2009/a-step-towards-better-web-design-in-the-san-jose-bay-area/</link>
		<comments>http://bravewhale.com/2009/a-step-towards-better-web-design-in-the-san-jose-bay-area/#comments</comments>
		<pubDate>Sun, 27 Sep 2009 05:55:25 +0000</pubDate>
		<dc:creator>mark</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://bravewhale.com/?p=123</guid>
		<description><![CDATA[Brave Whale is a creative web design company in the San Jose bay area of California.  We love our community and want its businesses to flourish not only in town, but online as well.  Often times we browse websites of local businesses only to cringe and squint as we endure very outdated and poor designs.  [...]]]></description>
			<content:encoded><![CDATA[<p>Brave Whale is a creative web design company in the San Jose bay area of California.  We love our community and want its businesses to flourish not only in town, but online as well.  Often times we browse websites of local businesses only to cringe and squint as we endure very outdated and poor designs.  Brave Whale to the rescue!</p>
<p>One of our goals is to help enhance the user experience on many local business&#8217;s sites by creating feature rich, attractive designs.  We want to utilize modern web trends and technologies on as many San Jose bay area websites as we possibly can.  Visitors to those websites; be they small businesses, local brands, or promotional micro sites, deserve to experience an up to date site with an aesthetic design.</p>
<p>We would love to hear from our community in need of a web design overhaul, or a brand new web presence all together.  Shoot us an email, and perhaps we will sit down together and discuss how Brave Whale can improve your online experience.</p>
]]></content:encoded>
			<wfw:commentRss>http://bravewhale.com/2009/a-step-towards-better-web-design-in-the-san-jose-bay-area/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

