<?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>Smashing Share &#187; Resources</title>
	<atom:link href="http://www.smashingshare.com/category/resources/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.smashingshare.com</link>
	<description>Web Resources, Design Inspiration, Freebies, Tutorials, Design Articles - Smashing Share</description>
	<lastBuildDate>Mon, 06 Sep 2010 15:42:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>8 Beautiful Well Designed Premium Tumlbr Themes</title>
		<link>http://www.smashingshare.com/2010/06/16/8-beautiful-well-designed-premium-tumlbr-themes/</link>
		<comments>http://www.smashingshare.com/2010/06/16/8-beautiful-well-designed-premium-tumlbr-themes/#comments</comments>
		<pubDate>Wed, 16 Jun 2010 16:44:45 +0000</pubDate>
		<dc:creator>SmashingShare</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Microblogging]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[Tumblr]]></category>
		<category><![CDATA[Tumblr Themes]]></category>

		<guid isPermaLink="false">http://www.smashingshare.com/?p=2230</guid>
		<description><![CDATA[<p><a href="http://www.smashingshare.com/2010/06/16/8-beautiful-well-designed-premium-tumlbr-themes/">8 Beautiful Well Designed Premium Tumlbr Themes</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<img class="alignleft" src="http://www.smashingshare.com/wp-content/uploads/2010/06/beautiful_well_designed_premium_tumblr_themes.jpg" alt="Beautiful Well Designed Premium Tumlbr Themes" width="200" height="160" /><p><strong><a title="Tumblr" href="http://www.tumblr.com">Tumblr</a></strong>, a <em>microblogging platform</em> which allow you to post text, links, images, quotes, audio and videos to your <strong>tumblelog</strong>. Same as Twitter, you can follow other users and see their posts on your dashboard.</p><p>Few weeks back, we posted an article about <strong><a title="Tumblr themes" href="http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/#tumblr-themes">Tumblr themes</a></strong> and how designers are coming up with new design themes as Tumblr popularity is increasing. Today we will share some  "<strong>Beautiful Well Designed Tumblr Themes</strong>" to enhance your tumblog.</p><hr /><a href="http://www.smashingshare.com">Have you visited SmashingShare today?</a><hr />

<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/' rel='bookmark' title='Permanent Link: 20 Incredible Tumblr Themes'>20 Incredible Tumblr Themes</a></li>
<li><a href='http://www.smashingshare.com/2010/02/02/firefox-themes-most-popular-themes-must-see/' rel='bookmark' title='Permanent Link: Firefox Themes &#8211; 60 Most Popular Themes You Must See'>Firefox Themes &#8211; 60 Most Popular Themes You Must See</a></li>
<li><a href='http://www.smashingshare.com/2009/12/26/winners-for-richwp-x-mas-give-away-of-wordpress-themes/' rel='bookmark' title='Permanent Link: Winners for RichWP X-MAS Give Away of WordPress Themes'>Winners for RichWP X-MAS Give Away of WordPress Themes</a></li>
<li><a href='http://www.smashingshare.com/2009/12/19/smashing-share-richwp-x-mas-give-away-wordpress-themes/' rel='bookmark' title='Permanent Link: Smashing Share &#038; RichWP X-MAS Give Away of WordPress Themes'>Smashing Share &#038; RichWP X-MAS Give Away of WordPress Themes</a></li>
<li><a href='http://www.smashingshare.com/2009/11/17/best-wordpress-themes-websites-every-blogger-should-bookmark-smashing-share/' rel='bookmark' title='Permanent Link: Best WordPress Themes Websites Every Blogger Should Bookmark | Smashing Share'>Best WordPress Themes Websites Every Blogger Should Bookmark | Smashing Share</a></li>
</ul></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingshare.com/2010/06/16/8-beautiful-well-designed-premium-tumlbr-themes/">8 Beautiful Well Designed Premium Tumlbr Themes</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><strong><a href="http://www.tumblr.com" rel="nofollow" title="Tumblr" >Tumblr</a></strong>, a <em>microblogging platform</em> which allow you to post text, links, images, quotes, audio and videos to your <strong>tumblelog</strong>. Same as Twitter, you can follow other users and see their posts on your dashboard.</p>
<p>Few weeks back, we posted an article about <strong><a href="http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/#tumblr-themes"title="Tumblr themes" >Tumblr themes</a></strong> and how designers are coming up with new design themes as Tumblr popularity is increasing. Today we will share some  &#8220;<strong>Beautiful Well Designed Tumblr Themes</strong>&#8221; to enhance your tumblog.</p>
<h2>1. <a href="http://safe.tumblr.com/theme/preview/8981" rel="nofollow" title="Lost &amp; Found" >Lost &amp; Found</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/8981" rel="nofollow" title="Lost &amp; Found" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/06/beautiful-well-designed-premium-tumblr-themes-01.jpg" alt="Lost &amp; Found - Premium Tumlbr Themes" width="555" height="250" /></a></p>
<h2>2. <a href="http://safe.tumblr.com/theme/preview/8958" rel="nofollow" title="Postcards" >Postcards</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/8958" rel="nofollow" title="Postcards" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/06/beautiful-well-designed-premium-tumblr-themes-02.jpg" alt="Postcards - Premium Tumlbr Themes" width="555" height="250" /></a></p>
<h2>3. <a href="http://safe.tumblr.com/theme/preview/8959" rel="nofollow" title="Rockstar" >Rockstar</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/8959" rel="nofollow" title="Rockstar" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/06/beautiful-well-designed-premium-tumblr-themes-03.jpg" alt="Rockstar - Premium Tumlbr Themes" width="555" height="250" /></a></p>
<h2>4. <a href="http://nauticaltheme.tumblr.com/" rel="nofollow" title="The Captain's Log" >The Captain&#8217;s Log</a></h2>
<p><a href="http://nauticaltheme.tumblr.com/" rel="nofollow" title="The Captain's Log" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/06/beautiful-well-designed-premium-tumblr-themes-04.jpg" alt="The Captain's Log - Premium Tumlbr Themes" width="555" height="250" /></a></p>
<h2>5. <a href="http://obox-scribble.tumblr.com/" rel="nofollow" title="Scribble" >Scribble</a></h2>
<p><a href="http://obox-scribble.tumblr.com/" rel="nofollow" title="Scribble" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/06/beautiful-well-designed-premium-tumblr-themes-05.jpg" alt="Scribble - Premium Tumlbr Themes" width="555" height="250" /></a></p>
<h2>6. <a href="http://www.tumblr.com/theme/8950" rel="nofollow" title="Solaris Theme" >Solaris Theme</a></h2>
<p><a href="http://www.tumblr.com/theme/8950" rel="nofollow" title="Solaris Theme" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/06/beautiful-well-designed-premium-tumblr-themes-06.jpg" alt="Solaris Theme - Premium Tumlbr Themes" width="555" height="250" /></a></p>
<h2>7. <a href="http://backburnertheme.tumblr.com/" rel="nofollow" title="Backburner Theme" >Backburner Theme</a></h2>
<p><a href="http://backburnertheme.tumblr.com/" rel="nofollow" title="Backburner Theme" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/06/beautiful-well-designed-premium-tumblr-themes-07.jpg" alt="Backburner Theme - Premium Tumlbr Themes" width="555" height="250" /></a></p>
<h2>8. <a href="http://sonictheme.tumblr.com/" rel="nofollow" title="Sonic Theme" >Sonic Theme</a></h2>
<p><a href="http://sonictheme.tumblr.com/" rel="nofollow" title="Sonic Theme" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/06/beautiful-well-designed-premium-tumblr-themes-08.jpg" alt="Sonic Theme - Premium Tumlbr Themes" width="555" height="250" /></a></p>


<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/' rel='bookmark' title='Permanent Link: 20 Incredible Tumblr Themes'>20 Incredible Tumblr Themes</a></li>
<li><a href='http://www.smashingshare.com/2010/02/02/firefox-themes-most-popular-themes-must-see/' rel='bookmark' title='Permanent Link: Firefox Themes &#8211; 60 Most Popular Themes You Must See'>Firefox Themes &#8211; 60 Most Popular Themes You Must See</a></li>
<li><a href='http://www.smashingshare.com/2009/12/26/winners-for-richwp-x-mas-give-away-of-wordpress-themes/' rel='bookmark' title='Permanent Link: Winners for RichWP X-MAS Give Away of WordPress Themes'>Winners for RichWP X-MAS Give Away of WordPress Themes</a></li>
<li><a href='http://www.smashingshare.com/2009/12/19/smashing-share-richwp-x-mas-give-away-wordpress-themes/' rel='bookmark' title='Permanent Link: Smashing Share &#038; RichWP X-MAS Give Away of WordPress Themes'>Smashing Share &#038; RichWP X-MAS Give Away of WordPress Themes</a></li>
<li><a href='http://www.smashingshare.com/2009/11/17/best-wordpress-themes-websites-every-blogger-should-bookmark-smashing-share/' rel='bookmark' title='Permanent Link: Best WordPress Themes Websites Every Blogger Should Bookmark | Smashing Share'>Best WordPress Themes Websites Every Blogger Should Bookmark | Smashing Share</a></li>
</ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingshare.com/2010/06/16/8-beautiful-well-designed-premium-tumlbr-themes/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Ultimate Collection of HTML5 and CSS3 Resources</title>
		<link>http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/</link>
		<comments>http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/#comments</comments>
		<pubDate>Tue, 27 Apr 2010 20:23:02 +0000</pubDate>
		<dc:creator>SmashingShare</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.smashingshare.com/?p=1877</guid>
		<description><![CDATA[<p><a href="http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/">Ultimate Collection of HTML5 and CSS3 Resources</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<img class="alignleft" src="http://www.smashingshare.com/wp-content/uploads/2010/04/ultimate-collection-of-html5-css3.jpg" alt="Ultimate Collection of HTML5 and CSS3 Resources" width="200" height="160" /><p><strong>HTML</strong> is the simple markup language of the World Wide Web used to create hypertext documents and <a title="CSS" href="http://www.smashingshare.com/2009/11/10/best-collection-of-css-rounded-corners-tutorials/#css-rounded-corners"><strong>CSS</strong></a> is a stylesheet language which is used to format these hypertext documents.</p><p><strong>HTML5 and CSS3</strong> are the next big improvements which are still under development. Many <a title="designers and developers" href="http://www.smashingshare.com/2009/09/28/30-best-firefox-addons-for-web-designers-and-developers/#web-designers"><strong>designers and developers</strong></a> have already implemented new features from <strong>HTML5 and CSS3</strong>, which are supported in most browsers, on their websites and many are still experimenting with them.</p><hr /><a href="http://www.smashingshare.com">Have you visited SmashingShare today?</a><hr />

<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/03/22/tips-for-calling-visitors-to-action/' rel='bookmark' title='Permanent Link: Tips For Calling Visitors To Action'>Tips For Calling Visitors To Action</a></li>
<li><a href='http://www.smashingshare.com/2010/01/11/making-blog-with-w3c-web-standards/' rel='bookmark' title='Permanent Link: Making Blog With W3C Web Standards'>Making Blog With W3C Web Standards</a></li>
<li><a href='http://www.smashingshare.com/2010/01/01/design-inspiration-tutorials-resources-best-of-2009/' rel='bookmark' title='Permanent Link: Design Inspiration, Tutorials and Resources &#8211; Best Of 2009'>Design Inspiration, Tutorials and Resources &#8211; Best Of 2009</a></li>
<li><a href='http://www.smashingshare.com/2009/11/10/best-collection-of-css-rounded-corners-tutorials/' rel='bookmark' title='Permanent Link: Best Collection of CSS Rounded Corners Tutorials'>Best Collection of CSS Rounded Corners Tutorials</a></li>
<li><a href='http://www.smashingshare.com/2009/10/12/30-freelance-work-websites-and-resources-you-should-know/' rel='bookmark' title='Permanent Link: 30+ Freelance Work Websites and Resources You Should Know'>30+ Freelance Work Websites and Resources You Should Know</a></li>
</ul></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/">Ultimate Collection of HTML5 and CSS3 Resources</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><strong>HTML</strong> is the simple markup language of the World Wide Web used to create hypertext documents and <a href="http://www.smashingshare.com/2009/11/10/best-collection-of-css-rounded-corners-tutorials/#css-rounded-corners"title="CSS" ><strong>CSS</strong></a> is a stylesheet language which is used to format these hypertext documents.</p>
<p><strong>HTML5 and CSS3</strong> are the next big improvements which are still under development. Many <a href="http://www.smashingshare.com/2009/09/28/30-best-firefox-addons-for-web-designers-and-developers/#web-designers"title="designers and developers" ><strong>designers and developers</strong></a> have already implemented new features from <strong>HTML5 and CSS3</strong>, which are supported in most browsers, on their websites and many are still experimenting with them.</p>
<p>In this &#8220;<strong>Ultimate Collection of HTML5 and CSS3 Resources</strong>&#8220;, you will find articles and <a href="http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/#web-design-tutorials"title="tutorials" ><strong>tutorials</strong></a> covered on different websites. Demos and examples are also included in this list. I tried my best to collect all useful and related information to put at one place. Still if you find something missing, kindly share it in the comments below.</p>
<h2 class="mainH">Articles</h2>
<h2><a href="http://designshack.co.uk/articles/html/html5-the-basics-1-of-4"title="HTML5 Basics" rel="nofollow"  target="_blank">HTML5 Basics</a></h2>
<p><a href="http://designshack.co.uk/articles/html/html5-the-basics-1-of-4"title="HTML5 Basics" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-basics-html5-css3-resources.jpg" alt="HTML5 Basics" width="555" height="250" /></a></p>
<p>The next iteration of <strong>HTML</strong> has been met with excitement by some, loathing by others and confusion/fear by everyone else. Love it or hate it, <strong>HTML 5</strong> will soon define how you <strong><a href="http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/"title="build websites" >build websites</a></strong>.</p>
<h2><a href="http://www.alistapart.com/articles/get-ready-for-html-5/"title="Get Ready For HTML 5" rel="nofollow"  target="_blank">Get Ready For HTML 5</a></h2>
<p><a href="http://www.alistapart.com/articles/get-ready-for-html-5/"title="Get Ready For HTML 5" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/get-ready-html5-css3-resources.jpg" alt="Get Ready For HTML 5" width="555" height="250" /></a></p>
<p>With support in Chrome, <strong><a href="http://www.smashingshare.com/2009/09/28/30-best-firefox-addons-for-web-designers-and-developers/"title="Firefox 3.5" >Firefox 3.5</a></strong>, Opera, and Safari, <strong>HTML 5</strong> is coming at you like a runaway train. Here are some suggestions to help you prepare to get on board rather than be left at the platform or tied to the tracks.</p>
<h2><a href="http://orderedlist.com/our-writing/resources/html-css/structural-tags-in-html5/"title="Structural Tags In HTML5" rel="nofollow"  target="_blank">Structural Tags In HTML5</a></h2>
<p><a href="http://orderedlist.com/our-writing/resources/html-css/structural-tags-in-html5/"title="Structural Tags In HTML5" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/structural-tags-html5-css3-resources.jpg" alt="Structural Tags In HTML5" width="555" height="250" /></a></p>
<p>The <strong>HTML5</strong> specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical <code>div</code> entries from our code. So let’s dig in.</p>
<h2><a href="http://perishablepress.com/press/2009/07/19/power-of-html5-css3/"title="Power Of HTML5 And CSS3" rel="nofollow"  target="_blank">Power Of HTML5 And CSS3</a></h2>
<p><a href="http://perishablepress.com/press/2009/07/19/power-of-html5-css3/"title="Power Of HTML5 And CSS3" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/power-of-html5-css3-resources.jpg" alt="Power Of HTML5 And CSS3" width="555" height="250" /></a></p>
<p><strong><a href="http://www.smashingshare.com/2010/02/09/how-to-fight-procrastination-as-a-designer/"title="Web designers" >Web designers</a></strong> can do some pretty cool stuff with <acronym title="Hypertext Markup Language">HTML</acronym> 4 and <acronym title="Cascading Style Sheets">CSS</acronym> 2.1. We can structure our documents logically and create information-rich sites without relying on archaic, table-based layouts. As we continue to push the boundaries of <em>existing</em> languages, <strong><acronym title="Hypertext Markup Language">HTML</acronym> 5 and <acronym title="Cascading Style Sheets">CSS</acronym> 3</strong> are quickly gaining popularity, revealing their collective power with some exciting new design possibilities.</p>
<h2><a href="http://cssglobe.com/post/7088/my-top-5-html-coding-preferences"title="My Top 5 HTML Coding Preferences" rel="nofollow"  target="_blank">My Top 5 HTML Coding Preferences</a></h2>
<p><a href="http://cssglobe.com/post/7088/my-top-5-html-coding-preferences"title="My Top 5 HTML Coding Preferences" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/top-html-coding-html5-css3-resources.jpg" alt="My Top 5 HTML Coding Preferences" width="555" height="250" /></a></p>
<p>Every coder has his/her own coding style based on personal preferences. Not all of us <strong>markup</strong> the document in a same way. Some decide to choose one element while other coders prefer some other solution.</p>
<h2><a href="http://www.alistapart.com/articles/semanticsinhtml5"title="Semantics In HTML 5" rel="nofollow"  target="_blank">Semantics In HTML 5</a></h2>
<p><a href="http://www.alistapart.com/articles/semanticsinhtml5"title="Semantics In HTML 5" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/semantics-in-html5-css3-resources.jpg" alt="Semantics In HTML 5" width="555" height="250" /></a></p>
<p><strong>HTML 5</strong>, the <a href="http://www.smashingshare.com/2010/01/11/making-blog-with-w3c-web-standards/"title="W3C's" ><strong>W3C&#8217;s</strong></a> recently redoubled effort to shape the next generation of HTML, has, over the last year or so, taken on considerable momentum. It is an enormous project, covering not simply the structure of HTML, but also parsing models, error-handling models, the DOM, algorithms for resource fetching, media content, 2D drawing, data templating, security models, page loading models, client-side data storage, and more.</p>
<h2><a href="http://carsonified.com/blog/web-apps/the-future-of-html-5/"title="The Future Of HTML5" rel="nofollow"  target="_blank">The Future Of HTML5</a></h2>
<p><a href="http://carsonified.com/blog/web-apps/the-future-of-html-5/"title="The Future Of HTML5" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/the-future-of-html5-css3-resources.jpg" alt="The Future Of HTML5" width="555" height="250" /></a></p>
<p>The <strong>HTML 5</strong> spec was originally called &#8220;Web Applications 1.0&#8243;. Most of the attention has been on the new markup elements, but in his talk he takes a further look at the applications side of the spec &#8230;</p>
<h2><a href="http://articles.sitepoint.com/article/html-5-snapshot-2009"title="Yes, You Can Use HTML 5 Today!" rel="nofollow"  target="_blank">Yes, You Can Use HTML 5 Today!</a></h2>
<p><a href="http://articles.sitepoint.com/article/html-5-snapshot-2009"title="Yes, You Can Use HTML 5 Today!" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/you-can-use-html5-today-html5-css3-resources.jpg" alt="Yes, You Can Use HTML 5 Today!" width="555" height="250" /></a></p>
<p>There have been many changes to the <strong>HTML 5</strong> landscape since my colleague, Lachlan Hunt’s 2007 article on A List Apart, <a href="http://www.alistapart.com/articles/previewofhtml5/" rel="nofollow" >A Preview of HTML 5.</a> Let’s see what’s happening in the world of <strong>HTML 5</strong>.</p>
<h2><a href="http://jontangerine.com/log/2008/03/preparing-for-html5-with-semantic-class-names"title="Preparing for HTML5 With Semantic Class Names" rel="nofollow"  target="_blank">Preparing for HTML5 With Semantic Class Names</a></h2>
<p><a href="http://jontangerine.com/log/2008/03/preparing-for-html5-with-semantic-class-names"title="Preparing for HTML5 With Semantic Class Names" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/doctype--html5-css3-resources.jpg" alt="Preparing for HTML5 With Semantic Class Names" width="555" height="250" /></a></p>
<p>This is a brief introduction to the new structural elements in the <strong><a href="http://www.w3.org/TR/html5/" rel="nofollow" rel="bookmark" >HTML 5 Working Draft</a></strong>, and how to use semantic class names in HTML 4.01 or <abbr title="Extensible HyperText Markup Language">XHTML</abbr> 1.0 markup that correspond to the names of those structural elements. By doing so, you&#8217;ll get a head start in understanding how to use the new <strong><a href="http://www.smashingshare.com/2010/03/08/design-elements-blog-should-have/"title="elements" >elements</a></strong> and also go some way towards using plain old semantic HTML if you&#8217;re not already.</p>
<h2><a href="http://a.deveria.com/caniuse/"title="When Can I Use" rel="nofollow"  target="_blank">When Can I Use</a></h2>
<p><a href="http://a.deveria.com/caniuse/"title="When Can I Use" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/when-can-i-use-html5-css3-resources.jpg" alt="When Can I Use" width="555" height="250" /></a></p>
<p>Compatibility tables for features in <strong>HTML5</strong>, <strong>CSS3</strong>, <strong>SVG</strong> and other upcoming web technologies. Several features have not yet been fully defined, and thus have only experimental support.</p>
<h2><a href="http://aaronmentele.com/2010/03/17/html5-again/"title="HTML5 Again" rel="nofollow"  target="_blank">HTML5 Again</a></h2>
<p><a href="http://aaronmentele.com/2010/03/17/html5-again/"title="HTML5 Again" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-again-html5-css3-resources.jpg" alt="HTML5 Again" width="555" height="250" /></a></p>
<p>If you&#8217;re a front-end developer, I want you to do me a favor. I want you to pick a project and mark it up in <strong>HTML5</strong>. I&#8217;m not going to ask you to code a game experience inside the canvas element or replicate a YouTube video player or do anything really, except challenge you to declare semantic information about your content blocks.</p>
<h2><a href="http://html5doctor.com/designing-a-blog-with-html5/"title="Designing A Blog With HTML5" rel="nofollow"  target="_blank">Designing A Blog With HTML5</a></h2>
<p><a href="http://html5doctor.com/designing-a-blog-with-html5/"title="Designing A Blog With HTML5" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/designing-a-blog-with-html5-css3-resources.jpg" alt="Designing A Blog With HTML5" width="555" height="250" /></a></p>
<p>Much of <strong><abbr>HTML</abbr> 5&#8242;s</strong> feature set involves JavaScript <abbr>API</abbr>s that make it easier to develop <a href="http://www.smashingshare.com/2009/12/11/20-creative-flash-websites-creative-minds/"title="interactive web pages" ><strong>interactive web pages</strong></a> but there are a slew of new elements that allow you extra semantics in your conventional Web 1.0 pages. In order to investigate these, let&#8217;s look at marking up a blog.</p>
<h2><a href="http://net.tutsplus.com/tutorials/html-css-techniques/5-techniques-to-acquaint-you-with-css-3/"title="5 Techniques To Acquaint You With CSS 3" rel="nofollow"  target="_blank">5 Techniques To Acquaint You With CSS 3</a></h2>
<p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/5-techniques-to-acquaint-you-with-css-3/"title="5 Techniques To Acquaint You With CSS 3" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/techniques-to-acquaint-you-html5-css3-resources.jpg" alt="5 Techniques To Acquaint You With CSS 3" width="555" height="250" /></a></p>
<p><strong><a href="http://www.smashingshare.com/2009/11/10/best-collection-of-css-rounded-corners-tutorials/"title="CSS" >CSS</a></strong> is a well-known, widely used <strong><a href="http://www.smashingshare.com/2010/04/03/making-website-multicultural/"title="language" >language</a></strong> to style websites. With version three in the works, many time-saving features will be implemented. Although only the most <strong><a href="http://www.smashingshare.com/2009/09/28/30-best-firefox-addons-for-web-designers-and-developers/"title="modern browsers" >modern browsers</a></strong> currently support these effects, it’s still fun to see what’s around the corner! In this tutorial I&#8217;ll show you five techniques.</p>
<h2><a href="http://www.findmebyip.com/litmus/#target-selector"title="Web Designer's Checklist" rel="nofollow"  target="_blank">Web Designer&#8217;s Checklist</a></h2>
<p><a href="http://www.findmebyip.com/litmus/#target-selector"title="Web Designer's Checklist" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/css3-properties-html5-css3-resources.jpg" alt="Web Designer's Checklist" width="555" height="250" /></a></p>
<p>Very useful checklist of <strong>CSS3 Properties</strong>, <strong>CSS3 Selectors</strong>, <strong>HTML5 Web Applications</strong>, <strong>HTML5 Embedded Content</strong> and <strong>HTML5 Web Forms</strong></p>
<h2><a href="http://woork.blogspot.com/2009/08/css-code-structure-for-html-5-some.html"title="CSS Code Structure For HTML 5: Some Useful Guidelines" rel="nofollow"  target="_blank">CSS Code Structure For HTML 5: Some Useful Guidelines</a></h2>
<p><a href="http://woork.blogspot.com/2009/08/css-code-structure-for-html-5-some.html"title="CSS Code Structure For HTML 5: Some Useful Guidelines" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/css-code-structure-html5-css3-resources.jpg" alt="CSS Code Structure For HTML 5: Some Useful Guidelines" width="555" height="250" /></a></p>
<p>In this post I want to illustrate some <a href="http://www.smashingshare.com/2010/04/12/how-to-develop-homepage-layout-that-sells/"title="useful guidelines" ><strong>useful guidelines</strong></a> about how to implement a well organized <strong>CSS</strong> code structure in view of introduction of <strong>HTML 5</strong> markup language. They are not general rules but simple suggestions you can follow in order to improve the readability, manageability, and general organization of <strong>CSS</strong> code.</p>
<h2><a href="http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/"title="How To Get HTML5 Working In IE And Firefox 2" rel="nofollow"  target="_blank">How To Get HTML5 Working In IE And Firefox 2</a></h2>
<p><a href="http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/"title="How To Get HTML5 Working In IE And Firefox 2" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/how-to-get-html5-working-html5-css3-resources.jpg" alt="How To Get HTML5 Working In IE And Firefox 2" width="555" height="250" /></a></p>
<p><strong><abbr>HTML</abbr> 5</strong> may be the latest and greatest technology, but <em>some</em> browsers don&#8217;t have native support for the new semantic elements. Let&#8217;s momentarily forget about the really sexy functionality, like full control over the <code>&lt;video&gt;</code> element, and just focus on getting the elements rendered.</p>
<h2><a href="http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/"title="Building Web Pages With HTML 5" rel="nofollow"  target="_blank">Building Web Pages With HTML 5</a></h2>
<p><a href="http://www.webmonkey.com/2010/02/building_web_pages_with_html_5/"title="Building Web Pages With HTML 5" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/building-web-pages-with-html5-css3-resources.jpg" alt="Building Web Pages With HTML 5" width="555" height="250" /></a></p>
<p>Depending on who you ask, <strong>HTML 5</strong> is either the next important step toward creating a more semantic web or a disaster that&#8217;s going to trap the web in yet another set of incomplete tags and markup soup.</p>
<h2><a href="http://www.sitepoint.com/blogs/2010/04/20/everything-you-always-wanted-to-know-about-html-5/"title="Everything You Always Wanted to Know About HTML5" rel="nofollow"  target="_blank">Everything You Always Wanted to Know About HTML5</a></h2>
<p><a href="http://www.sitepoint.com/blogs/2010/04/20/everything-you-always-wanted-to-know-about-html-5/"title="Everything You Always Wanted to Know About HTML5" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/everything-you-always-wanted-to-know-html5-css3-resources.jpg" alt="Everything You Always Wanted to Know About HTML5" width="555" height="250" /></a></p>
<p>So <a href="http://www.smashingshare.com/2009/11/10/best-collection-of-css-rounded-corners-tutorials/"title="CSS3 lets you have rounded corners" ><strong>CSS3 lets you have rounded corners</strong></a>, and <strong>HTML5</strong> gives you <code>&lt;header&gt;</code> and  <code>&lt;footer&gt;</code> elements. Big whoop. Sometimes it can be hard to get excited about what’s being added to the core web technologies, but Ernest Delgado is here to change that.</p>
<h2 class="mainH">Cheat Sheets</h2>
<h2><a href="http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/"title="HTML 5 Cheat Sheet (PDF)" rel="nofollow"  target="_blank">HTML 5 Cheat Sheet (PDF)</a></h2>
<p><a href="http://www.smashingmagazine.com/2009/07/06/html-5-cheat-sheet-pdf/"title="HTML 5 Cheat Sheet (PDF)" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-cheat-sheet-html5-css3-resources.jpg" alt="HTML 5 Cheat Sheet (PDF)" width="555" height="250" /></a></p>
<p>In the spirit of the upcoming change, Smashing Magazine decided to release a handy <strong>printable HTML 5 Cheat Sheet</strong> that lists all currently supported tags, their descriptions, their attributes and their support in HTML 4. The cheat sheet was created by <a href="http://www.veign.com/" rel="nofollow" >Veign.com</a> and released exclusively for the readers of Smashing Magazine.</p>
<h2><a href="http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded/"title="HTML5 Visual Cheat Sheet" rel="nofollow"  target="_blank">HTML5 Visual Cheat Sheet</a></h2>
<p><a href="http://woorkup.com/2009/12/16/html5-visual-cheat-sheet-reloaded/"title="HTML5 Visual Cheat Sheet" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-visual-cheat-sheet-html5-css3-resources.jpg" alt="HTML5 Visual Cheat Sheet" width="555" height="250" /></a></p>
<p>This new <em>HTML5 Visual Cheat Sheet</em> is an update of <strong>HTML 5 Visual Cheat Sheet</strong> that was published for the first time some months ago on old blog (http://woork.blogspot.com).</p>
<h2><a href="http://boblet.tumblr.com/post/60552152/html"title="HTML5 Id/Class Name Cheat Sheet" rel="nofollow"  target="_blank">HTML5 Id/Class Name Cheat Sheet</a></h2>
<p><a href="http://boblet.tumblr.com/post/60552152/html"title="HTML5 Id/Class Name Cheat Sheet" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-id-class-name-html5-css3-resources.jpg" alt="HTML5 Id/Class Name Cheat Sheet" width="555" height="250" /></a></p>
<p><em>Drawn from the fine work of <a href="http://stuffandnonsense.co.uk/"rel="nofollow"  target="_blank">Andy Clarke (Marlarkey)</a> and <a href="http://jontangerine.com/"rel="nofollow"  target="_blank">Jon Tan(gerine)</a>, esq.</em></p>
<h2 class="mainH">Tutorials</h2>
<h2><a href="http://vimeo.com/6691519"title="Introduction to HTML5" rel="nofollow"  target="_blank">Introduction to HTML5</a></h2>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=6691519&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=6691519&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Are you interested in <strong>HTML 5</strong> and what&#8217;s coming down the pipeline but haven&#8217;t had time to read any articles yet? I&#8217;ve put together an educational &#8220;<strong>Introduction to HTML 5</strong>&#8221; video that goes over many of the major aspects of this new standard,</p>
<h2><a href="http://www.youtube.com/watch?v=AusOPz8Ww80&amp;feature=player_embedded"title="Google's HTML 5 Work: What's Next? " rel="nofollow"  target="_blank">Google&#8217;s HTML 5 Work: What&#8217;s Next? </a></h2>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/AusOPz8Ww80&amp;hl=en_US&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/AusOPz8Ww80&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Learn about new <strong>features in HTML 5</strong> that enhance and enrich the web experience. Learn about new features in HTML 5, how they&#8217;ll be supported in Chrome, and our latest plans for new functionality. The web browser is quickly evolving into a rich platform with access to all the capabilities that your computer has to offer.</p>
<h2><a href="http://www.youtube.com/watch?v=xIxDJof7xxQ&amp;feature=player_embedded"title="Features You Want Desperately But Still Can't Use" rel="nofollow"  target="_blank">Features You Want Desperately But Still Can&#8217;t Use</a></h2>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/xIxDJof7xxQ&amp;hl=en_US&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/xIxDJof7xxQ&amp;hl=en_US&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>As the <strong>HTML5</strong> effort reaches its first big milestone &#8212; feature completeness &#8212; browsers are starting to implement it. It will be years before you can rely on HTML5 support when writing Web pages and applications, but you can start to experiment today to get a feel of what the new standard offers. This talk will explore some of the most recent implementations of HTML5 features.</p>
<h2><a href="http://www.vimeo.com/5725632"title="HTML5 + CSS3 = Awesome" rel="nofollow"  target="_blank">HTML5 + CSS3 = Awesome</a></h2>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5725632&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=5725632&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><strong>HTML5</strong> is the next version of the web markup standard. New features include new tags, offline dbs, and geolation aware browsers. CSS3 is the next generation styling language. Together, they make will make the web a great experience.</p>
<h2><a href="http://www.jankoatwarpspeed.com/post/2010/04/06/windows-7-start-menu-css3.aspx"title="Create Windows 7 Start Menu Using CSS3 Only" rel="nofollow"  target="_blank">Create Windows 7 Start Menu Using CSS3 Only</a></h2>
<p><a href="http://www.jankoatwarpspeed.com/post/2010/04/06/windows-7-start-menu-css3.aspx"title="Create Windows 7 Start Menu Using CSS3 Only" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/windowss-start-menu-using-css3.jpg" alt="Create Windows 7 Start Menu Using CSS3 Only" width="555" height="250" /></a></p>
<p>Janco is fascinated with how much you can do with so little using CSS3. Many user interface elements that require images in order to have appropriate visual appearance now can be styled only with CSS3. In order to prove that Janco assigned himself a task to create <strong>Windows 7 start menu only with CSS3</strong> (and some icons).</p>
<h2><a href="http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/"title="HTML 5 and CSS 3: The Techniques You’ll Soon Be Using" rel="nofollow"  target="_blank">HTML 5 and CSS 3: The Techniques You’ll Soon Be Using</a></h2>
<p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/html-5-and-css-3-the-techniques-youll-soon-be-using/"title="HTML 5 and CSS 3: The Techniques You’ll Soon Be Using" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/techniques-you-will-be-using-soon.jpg" alt="HTML 5 and CSS 3: The Techniques You’ll Soon Be Using" width="555" height="250" /></a></p>
<p><strong>HTML 5</strong> is the next major version of HTML. It introduces a bunch of new elements that will make our pages more semantic. This will make it a lot easier for <em>search engines</em> and <em>screenreaders</em> to navigate our pages, and improve the <em>web experience</em> for everyone</p>
<h2><a href="http://tutorialzine.com/2010/02/html5-css3-website-template/"title="Coding a CSS3 &amp; HTML5 One-Page Website Template" rel="nofollow"  target="_blank">Coding a CSS3 &amp; HTML5 One-Page Website Template</a></h2>
<p><a href="http://tutorialzine.com/2010/02/html5-css3-website-template/"title="Coding a CSS3 &amp; HTML5 One-Page Website Template" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/coding-css3-html5--one-page-website-template.jpg" alt="Coding a CSS3 &amp; HTML5 One-Page Website Template" width="555" height="250" /></a></p>
<p>Changes do not come from nowhere. The early adopters are already using what we are going to use day-to-day a few years from now. One of these technologies is <strong>HTML5</strong> – the new version of the fundamental language of the web.</p>
<h2><a href="http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/"title="Coding A HTML 5 Layout From Scratch" rel="nofollow"  target="_blank">Coding A HTML 5 Layout From Scratch</a></h2>
<p><a href="http://www.smashingmagazine.com/2009/08/04/designing-a-html-5-layout-from-scratch/"title="Coding A HTML 5 Layout From Scratch" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/coding-html5-layout-from-scratch.jpg" alt="Coding A HTML 5 Layout From Scratch" width="555" height="250" /></a></p>
<p>While it is true <strong>HTML5 and CSS3</strong> are both a work in progress and is going to stay that way for some time, there&#8217;s no reason not to start using it <strong>right now</strong>.</p>
<h2><a href="http://www.noupe.com/css3/css3-exciting-functions-and-features-30-useful-tutorials.html"title="CSS3 Exciting Functions and Features: 30+ Useful Tutorials" rel="nofollow"  target="_blank">CSS3 Exciting Functions and Features: 30+ Useful Tutorials</a></h2>
<p><a href="http://www.noupe.com/css3/css3-exciting-functions-and-features-30-useful-tutorials.html"title="CSS3 Exciting Functions and Features: 30+ Useful Tutorials" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/css3-exciting-functions-features.jpg" alt="CSS3 Exciting Functions and Features: 30+ Useful Tutorials" width="555" height="250" /></a></p>
<p>With version three of CSS, many exciting features will be implemented. <strong>CSS3</strong> leads to greater flexibility and makes it much easier to recreate previously complex effects. Many time-saving rules are being thought up for CSS3: text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image ,multi-column layout, etc…</p>
<h2><a href="http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/"title="Quick Tip: Learning About HTML5 Local Storage " rel="nofollow"  target="_blank">Quick Tip: Learning About HTML5 Local Storage</a></h2>
<p><a href="http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-learning-about-html5-local-storage/"title="Quick Tip: Learning About HTML5 Local Storage " rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/learning-about-html5-local-storage.jpg" alt="Quick Tip: Learning About HTML5 Local Storage" width="555" height="250" /></a></p>
<p>In this video quick tip, we&#8217;re going to build a working, though very basic, to-do list in just a minute or two. Thanks to <strong>HTML5&#8242;s local storage</strong>, we can make advanced browsers &#8220;remember&#8221; what we type, even after the browser is closed or is refreshed.</p>
<h2><a href="http://24ways.org/2009/have-a-field-day-with-html5-forms"title="Have a Field Day with HTML5 Forms" rel="nofollow"  target="_blank">Have a Field Day with HTML5 Forms</a></h2>
<p><a href="http://24ways.org/2009/have-a-field-day-with-html5-forms"title="Have a Field Day with HTML5 Forms" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/have-field-day-with-html5-forms.jpg" alt="Have a Field Day with HTML5 Forms" width="555" height="250" /></a></p>
<p>Here we&#8217;re going to take a look at how to style a beautiful <strong>HTML5 form</strong> using some advanced CSS and latest CSS3 techniques. I promise you will <em>want</em> to style your own forms after you’ve read this article.</p>
<h2><a href="http://www.pvmgarage.com/en/2010/04/touch-the-future-create-an-elegant-website-with-hmtl-5-and-css3/"title="Touch The Future: Create An Elegant Website With HMTL 5 And CSS3" rel="nofollow"  target="_blank">Touch The Future: Create An Elegant Website With HMTL 5 And CSS3</a></h2>
<p><a href="http://www.pvmgarage.com/en/2010/04/touch-the-future-create-an-elegant-website-with-hmtl-5-and-css3/"title="Touch The Future: Create An Elegant Website With HMTL 5 And CSS3" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/create-elegant-website-with-html5-and-css3.jpg" alt="Touch The Future: Create An Elegant Website With HMTL 5 And CSS3" width="555" height="250" /></a></p>
<p>Five macro-steps to <a href="http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/"title="build an effective website" ><strong>build an effective website</strong></a> using <em>brain</em>, <em>pencil</em>, paper, <em>Photoshop</em>, <em>HTML</em> and <em>CSS</em>. But technology doesn’t stop, luckily, and we have other two great allies for the future to design better website: <strong>HTML 5 and CSS3</strong>.</p>
<h2><a href="http://line25.com/tutorials/design-and-code-a-cool-iphone-app-website-in-html5"title="Design &amp; Code a Cool iPhone App Website in HTML5" rel="nofollow"  target="_blank">Design &amp; Code a Cool iPhone App Website in HTML5</a></h2>
<p><a href="http://line25.com/tutorials/design-and-code-a-cool-iphone-app-website-in-html5"title="Design &amp; Code a Cool iPhone App Website in HTML5" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/design-code-iphone-app-website-in-html5.jpg" alt="Design &amp; Code a Cool iPhone App Website in HTML5" width="555" height="250" /></a></p>
<p>HTML5 is definitely the flavor of the month, with everyone in the design community getting excited about its release. In this tutorial we&#8217;ll get a taste of what’s to come by building a cool <strong>iPhone app website using a HTML5 structure</strong>, and visual styling with some CSS3 effects.</p>
<h2><a href="http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/"title="CSS3 Gradient Buttons" rel="nofollow"  target="_blank">CSS3 Gradient Buttons</a></h2>
<p><a href="http://www.webdesignerwall.com/tutorials/css3-gradient-buttons/"title="CSS3 Gradient Buttons" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/css3-gradient-buttons.jpg" alt="CSS3 Gradient Buttons" width="555" height="250" /></a></p>
<p>In this <em>tutorial</em>, nickla show you how to put the <strong>CSS gradient</strong> feature in a good practical use. The buttons are scalable based on the font-size. The button size can be easily adjusted by changing the padding and font-size values. The best part about this method is it can be applied to any HTML element such as div, span, p, a, button, input, etc.</p>
<h2><a href="http://webdesignledger.com/tutorials/12-excellent-css3-button-and-menu-techniques"title="12 Excellent CSS3 Button And Menu Techniques" rel="nofollow"  target="_blank">12 Excellent CSS3 Button And Menu Techniques</a></h2>
<p><a href="http://webdesignledger.com/tutorials/12-excellent-css3-button-and-menu-techniques"title="12 Excellent CSS3 Button And Menu Techniques" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/excellent-css3-buttons-menu-techniques.jpg" alt="12 Excellent CSS3 Button And Menu Techniques" width="555" height="250" /></a></p>
<h2 class="mainH">HTML5 and CSS3 Demos &amp; Exampels</h2>
<h2><a href="http://9elements.com/io/projects/html5/canvas/"title="HTML5 Canvas" rel="nofollow"  target="_blank">HTML5 Canvas</a></h2>
<p><a href="http://9elements.com/io/projects/html5/canvas/"title="HTML5 Canvas" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-canvas-demos-examples.jpg" alt="HTML5 Canvas" width="555" height="250" /></a></p>
<h2><a href="http://www.heyvian.com/experiments/"title="HTML5 and CSS3 Experiments" rel="nofollow"  target="_blank">HTML5 and CSS3 Experiments</a></h2>
<p><a href="http://www.heyvian.com/experiments/"title="HTML5 and CSS3 Experiments" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-css3-experiments-demos-examples.jpg" alt="HTML5 and CSS3 Experiments" width="555" height="250" /></a></p>
<h2><a href="http://html5readiness.com/"title="HTML5 Readiness" rel="nofollow"  target="_blank">HTML5 Readiness</a></h2>
<p><a href="http://html5readiness.com/"title="HTML5 Readiness" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-readiness-demos-examples.jpg" alt="HTML5 Readiness" width="555" height="250" /></a></p>
<h2><a href="http://www.css3.info/preview/"title="CSS3 Previews" rel="nofollow"  target="_blank">CSS3 Previews</a></h2>
<p><a href="http://www.css3.info/preview/"title="CSS3 Previews" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/css3-previews-demos-examples.jpg" alt="CSS3 Previews" width="555" height="250" /></a></p>
<h2><a href="http://speckyboy.com/2010/04/16/15-useful-css3-and-html3-templates-and-frameworks/"title="HTML5 and CSS3 Templates" rel="nofollow"  target="_blank">HTML5 and CSS3 Templates</a></h2>
<p><a href="http://speckyboy.com/2010/04/16/15-useful-css3-and-html3-templates-and-frameworks/"title="HTML5 and CSS3 Templates" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-css3-templates-demos-examples.jpg" alt="HTML5 and CSS3 Templates" width="555" height="250" /></a></p>
<h2 class="mainH">HTML5 Video Player</h2>
<h2><a href="http://jilion.com/sublime/video"title="Sublime Video - HTML5 Video Player" rel="nofollow"  target="_blank">Sublime Video &#8211; HTML5 Video Player</a></h2>
<p><a href="http://jilion.com/sublime/video"title="Sublime Video - HTML5 Video Player" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/sublime-video-html5-video-player.jpg" alt="Sublime Video - HTML5 Video Player" width="555" height="250" /></a></p>
<h2><a href="http://www.projekktor.com/"title="Projekktor - HTML5 WebTV and Video Player" rel="nofollow"  target="_blank">Projekktor &#8211; HTML5 WebTV and Video Player</a></h2>
<p><a href="http://www.projekktor.com/"title="Projekktor - HTML5 WebTV and Video Player" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/projekktor--html5-webtv-video-player.jpg" alt="Projekktor - HTML5 WebTV and Video Player" width="555" height="250" /></a></p>
<h2><a href="http://camendesign.com/code/video_for_everybody"title="Video For Everybody" rel="nofollow"  target="_blank">Video For Everybody</a></h2>
<p><a href="http://camendesign.com/code/video_for_everybody"title="Video For Everybody" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/video-for-everybody-html5-video-player.jpg" alt="Video For Everybody" width="555" height="250" /></a></p>
<h2><a href="http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library"title="HTML5 Video &amp; Media Javascript Library" rel="nofollow"  target="_blank">HTML5 Video &amp; Media Javascript Library</a></h2>
<p><a href="http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library"title="HTML5 Video &amp; Media Javascript Library" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-video-media-javascript-library.jpg" alt="HTML5 Video &amp; Media Javascript Library" width="555" height="250" /></a></p>
<h2><a href="http://code.google.com/p/html5media/"title="HTML5 Media" rel="nofollow"  target="_blank">HTML5 Media</a></h2>
<p><a href="http://code.google.com/p/html5media/"title="HTML5 Media" rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/html5-media-html5-video-player.jpg" alt="HTML5 Media" width="555" height="250" /></a></p>
<h2 class="mainH">Tools</h2>
<ul>
<li><a href="http://www.css3generator.com/"title="CSS3 Generator" rel="nofollow"  target="_blank">CSS3 Generator</a></li>
<li><a href="http://css3please.com/"title="CSS3 Please" rel="nofollow"  target="_blank">CSS3 Please</a></li>
<li><a href="http://gradients.glrzad.com/"title="CSS3 Gradient Generator" rel="nofollow"  target="_blank">CSS3 Gradient Generator</a></li>
<li><a href="http://border-radius.com/"title="Border Radius" rel="nofollow"  target="_blank">Border Radius</a></li>
<li><a href="http://westciv.com/tools/"title="Cool Tools &amp; Toys For Web Developers" rel="nofollow"  target="_blank">Cool Tools &amp; Toys For Web Developers</a></li>
<li><a href="http://www.widgetpad.com/694/"title="Widget Pad" rel="nofollow"  target="_blank">Widget Pad</a></li>
</ul>
<h2 class="mainH">Useful Information &amp; Other Resources</h2>
<ul>
<li><a href="http://dev.w3.org/html5/markup/spec.html"title="Dev W3C" rel="nofollow"  target="_blank">Dev W3C</a></li>
<li><a href="http://blog.whatwg.org/"title="The WhatWG Blog" rel="nofollow"  target="_blank">The WhatWG Blog</a></li>
<li><a href="http://en.wikipedia.org/wiki/HTML_5/"title="Wikipedia - HTML5" rel="nofollow"  target="_blank">Wikipedia &#8211; HTML5</a></li>
<li><a href="http://html5gallery.com/"title="HTML5 Gallery" rel="nofollow"  target="_blank">HTML5 Gallery</a></li>
<li><a href="http://lessframework.com/"title="Less Framework" rel="nofollow"  target="_blank">Less Framework</a></li>
<li><a href="http://html5sites.com/"title="HTML5 Sites" rel="nofollow"  target="_blank">HTML5 Sites</a></li>
<li><a href="http://www.html5video.org/"title="HTML5 Video" rel="nofollow"  target="_blank">HTML5 Video</a></li>
<li><a href="http://www.52framework.com/"title="52 Framework" rel="nofollow"  target="_blank">52 Framework</a></li>
<li><a href="http://101besthtml5sites.com/"title="101 Best HTML5 Sites" rel="nofollow"  target="_blank">101 Best HTML5 Sites</a></li>
<li><a href="http://diveintohtml5.org/"title="Dive Into HTML5" rel="nofollow"  target="_blank">Dive Into HTML5</a></li>
<li><a href="http://html5doctor.com/"title="HTML5 Doctor" rel="nofollow"  target="_blank">HTML5 Doctor</a></li>
<li><a href="http://simon.html5.org/presentations/html5-geekmeet.en"title="Simon Pieters" rel="nofollow"  target="_blank">Simon Pieters</a></li>
<li><a href="http://52framework.com/"title="52 Framework" rel="nofollow"  target="_blank">52 Framework</a></li>
<li><a href="http://introducinghtml5.com/"title="Introducing HTML5" rel="nofollow"  target="_blank">Introducing HTML5</a></li>
<li><a href="http://adactio.com/extras/pocketbooks/html5/"title="HTML5 Pocketbook" rel="nofollow"  target="_blank">HTML5 Pocketbook</a></li>
<li><a href="http://html5tutorial.net/"title="HTML5 Tutorial" rel="nofollow"  target="_blank">HTML5 Tutorial</a></li>
</ul>


<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/03/22/tips-for-calling-visitors-to-action/' rel='bookmark' title='Permanent Link: Tips For Calling Visitors To Action'>Tips For Calling Visitors To Action</a></li>
<li><a href='http://www.smashingshare.com/2010/01/11/making-blog-with-w3c-web-standards/' rel='bookmark' title='Permanent Link: Making Blog With W3C Web Standards'>Making Blog With W3C Web Standards</a></li>
<li><a href='http://www.smashingshare.com/2010/01/01/design-inspiration-tutorials-resources-best-of-2009/' rel='bookmark' title='Permanent Link: Design Inspiration, Tutorials and Resources &#8211; Best Of 2009'>Design Inspiration, Tutorials and Resources &#8211; Best Of 2009</a></li>
<li><a href='http://www.smashingshare.com/2009/11/10/best-collection-of-css-rounded-corners-tutorials/' rel='bookmark' title='Permanent Link: Best Collection of CSS Rounded Corners Tutorials'>Best Collection of CSS Rounded Corners Tutorials</a></li>
<li><a href='http://www.smashingshare.com/2009/10/12/30-freelance-work-websites-and-resources-you-should-know/' rel='bookmark' title='Permanent Link: 30+ Freelance Work Websites and Resources You Should Know'>30+ Freelance Work Websites and Resources You Should Know</a></li>
</ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/feed/</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>20 Incredible Tumblr Themes</title>
		<link>http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/</link>
		<comments>http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 07:00:28 +0000</pubDate>
		<dc:creator>Andy Boyd</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Microblogging]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[Tumblr]]></category>
		<category><![CDATA[Tumblr Themes]]></category>

		<guid isPermaLink="false">http://www.smashingshare.com/?p=1856</guid>
		<description><![CDATA[<p><a href="http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/">20 Incredible Tumblr Themes</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<img class="alignleft" src="http://www.smashingshare.com/wp-content/uploads/2010/04/tumblr-themes.jpg" alt="Incredible Tumblr Themes" width="200" height="160" /><p><strong>Tumblr</strong> is increasingly growing in popularity, and as it does so too does the <a title="number of designers" href="http://www.smashingshare.com/2010/05/17/list-of-creative-web-designer-and-graphic-designer-websites/">number of designers</a> creating and sharing <strong><a title="cool new tumblr themes" href="http://www.smashingshare.com/2010/06/16/8-beautiful-well-designed-premium-tumlbr-themes/#cool-new-tumblr-themes">cool new tumblr themes</a></strong>. This post brings together <strong>20 examples of the best themes</strong> available, perfect examples of the class and style that can be brought to a <strong>Tumblr</strong> account. Many of the themes below come ready-made to be both visually beautiful and totally functional, but can also be customised to meet users' requirements and taste.</p><hr /><a href="http://www.smashingshare.com">Have you visited SmashingShare today?</a><hr />

<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/06/16/8-beautiful-well-designed-premium-tumlbr-themes/' rel='bookmark' title='Permanent Link: 8 Beautiful Well Designed Premium Tumlbr Themes'>8 Beautiful Well Designed Premium Tumlbr Themes</a></li>
<li><a href='http://www.smashingshare.com/2010/02/02/firefox-themes-most-popular-themes-must-see/' rel='bookmark' title='Permanent Link: Firefox Themes &#8211; 60 Most Popular Themes You Must See'>Firefox Themes &#8211; 60 Most Popular Themes You Must See</a></li>
<li><a href='http://www.smashingshare.com/2009/12/26/winners-for-richwp-x-mas-give-away-of-wordpress-themes/' rel='bookmark' title='Permanent Link: Winners for RichWP X-MAS Give Away of WordPress Themes'>Winners for RichWP X-MAS Give Away of WordPress Themes</a></li>
<li><a href='http://www.smashingshare.com/2009/12/19/smashing-share-richwp-x-mas-give-away-wordpress-themes/' rel='bookmark' title='Permanent Link: Smashing Share &#038; RichWP X-MAS Give Away of WordPress Themes'>Smashing Share &#038; RichWP X-MAS Give Away of WordPress Themes</a></li>
<li><a href='http://www.smashingshare.com/2009/11/17/best-wordpress-themes-websites-every-blogger-should-bookmark-smashing-share/' rel='bookmark' title='Permanent Link: Best WordPress Themes Websites Every Blogger Should Bookmark | Smashing Share'>Best WordPress Themes Websites Every Blogger Should Bookmark | Smashing Share</a></li>
</ul></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/">20 Incredible Tumblr Themes</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><strong>Tumblr</strong> is increasingly growing in popularity, and as it does so too does the <a href="http://www.smashingshare.com/2010/05/17/list-of-creative-web-designer-and-graphic-designer-websites/"title="number of designers" >number of designers</a> creating and sharing <strong><a href="http://www.smashingshare.com/2010/06/16/8-beautiful-well-designed-premium-tumlbr-themes/#cool-new-tumblr-themes"title="cool new tumblr themes" >cool new tumblr themes</a></strong>. This post brings together <strong>20 examples of the best themes</strong> available, perfect examples of the class and style that can be brought to a <strong>Tumblr</strong> account. Many of the themes below come ready-made to be both visually beautiful and totally functional, but can also be customised to meet users&#8217; requirements and taste.</p>
<h2>1. <a href="http://nigredotheme.tumblr.com/"rel="nofollow"  target="_blank">Nigredo</a></h2>
<p><a href="http://nigredotheme.tumblr.com/"rel="nofollow" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/nigredo-tumblr-themes-01.jpg" alt="Nigredo - Tumblr Themes" width="555" height="250" /></a></p>
<p><strong>Nigredo </strong>is a simply stylish theme designed by Redfield. White text on a black background with a left-aligned sidebar offers an elegant <strong>blogging platform</strong>. The <strong>theme </strong>is customisable, with the option of switching to black text on a white ground.</p>
<h2>2. <a href="http://safe.tumblr.com/theme/preview/979"rel="nofollow"  target="_blank">Fluid</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/979"rel="nofollow" ><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/fluid-tumblr-themes-02.jpg" alt="Fluid - Tumblr Themes" width="555" height="250" /></a></p>
<p><strong>Fluid </strong>is currently one of the most <strong>popular Tumblr themes</strong> around.  It&#8217;s easy to see why it has so much appeal, with the sparkling soft focus light touches, nice coloration and great use of transparency achieving just the right contrast between text and background.</p>
<h2>3. <a href="http://safe.tumblr.com/theme/preview/9"rel="nofollow"  target="_blank">Mac Envy</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/9"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/mac-envy-tumblr-themes-03.jpg" alt="Mac Envy - Tumblr Themes" width="555" height="250" /></a></p>
<p><strong>Mac Envy</strong> takes its <strong>design inspiration</strong> straight from the <strong>iPhone interface</strong>, a perfect <strong>Tumblr theme</strong> for Mac fanatics.</p>
<h2>4. <a href="http://saulbass.tumblr.com/"rel="nofollow"  target="_blank">Vertigo</a></h2>
<p><a href="http://saulbass.tumblr.com/"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/vertigo-tumblr-themes-04.jpg" alt="Vertigo - Tumblr Themes" width="555" height="250" /></a></p>
<p>Saul Bass was one of the most important American graphic designers of the 20th Century, famed for his work on film titles and movie posters. This theme is based around the stunning title sequence from Alfred Hitchcock&#8217;s <strong>Vertigo</strong>, with typography and graphical touches inspired by Bass&#8217;s iconic animation work.</p>
<h2>5. <a href="http://terminalflashback.tumblr.com/"rel="nofollow"  target="_blank">Terminal Flashback</a></h2>
<p><a href="http://terminalflashback.tumblr.com/"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/terminal-flashback-tumblr-themes-05.jpg" alt="Terminal Flashback" width="555" height="250" /></a></p>
<p>This <strong>theme </strong>employs the cool retro chic of late 1980s and early 1990s <strong>computer terminal interfaces</strong>, with single-column acid green text on a black background.</p>
<h2>6. <a href="http://www.tumblr.com/theme/1312"rel="nofollow"  target="_blank">Futura</a></h2>
<p><a href="http://www.tumblr.com/theme/1312"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/futura-tumblr-themes-06.jpg" alt="Futura - Tumblr Themes" width="555" height="250" /></a></p>
<p>This <strong>theme </strong>focuses on Paul Renner&#8217;s <strong>Futura typeface</strong>; the crisp <strong>design</strong> has a modern, airy aesthetic.</p>
<h2>7. <a href="http://munichtheme.tumblr.com/"rel="nofollow"  target="_blank">Munich</a></h2>
<p><a href="http://munichtheme.tumblr.com/"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/munich-tumblr-themes-07.jpg" alt="Munich - Tumblr Themes" width="555" height="250" /></a></p>
<p>The <strong>Munich theme</strong> is reminiscent of the German Modernist design of the early 20th Century, with attractively <strong>balanced typography</strong>, <strong>composition</strong>, and <strong>colour scheme</strong> against a dark page.</p>
<h2>8. <a href="http://safe.tumblr.com/theme/preview/681"rel="nofollow"  target="_blank">Penguin Classics Recycled</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/681"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/penguin-classics-recycled-tumblr-themes-08.jpg" alt="Penguin Classics Recycled - Tumblr Themes" width="555" height="250" /></a></p>
<p>In 1935, publisher Allen Lane was at Exeter railway station with nothing to read during his journey to London. The collection of paperbacks the station shop had on offer proved such a severe disappointment that Lane resolved to start his own series of quality titles with distinctive covers, and <strong>Penguin Books</strong> was born. This <strong>theme </strong>is styled on the classic paperback books, adhering to Lanes mantra that &#8216;<strong>good design is no more expensive than bad</strong>&#8216;.</p>
<h2>9. <a href="http://safe.tumblr.com/theme/preview/107"rel="nofollow"  target="_blank">Strict</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/107"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/strict-tumblr-themes-09.jpg" alt="Strict - Tumblr Themes" width="555" height="250" /></a></p>
<p><strong>Strict </strong>is a light <strong>minimalist theme</strong> with clean typographical design.</p>
<h2>10. <a href="http://safe.tumblr.com/theme/preview/3661"rel="nofollow"  target="_blank">Paper Walls</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/3661"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/paper-walls-tumblr-themes-10.jpg" alt="Paper Walls - Tumblr Themes" width="555" height="250" /></a></p>
<p>This <strong>theme </strong>has a refined <strong>vintage feel</strong> with subtly striped background, <strong>torn paper page layout</strong> and <strong>ink drawing</strong> detailing creating an old-fashioned intimacy.</p>
<h2>11. <a href="http://safe.tumblr.com/theme/preview/2902"rel="nofollow"  target="_blank">Dark Lights</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/2902"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/dark-lights-tumblr-themes-11.jpg" alt="Dark Lights - Tumblr Themes" width="555" height="250" /></a></p>
<p>This is a <strong>dark theme</strong> with great use of light grey text on a muted background, the typography offering a cool contemporary aesthetic.</p>
<h2>12. <a href="http://safe.tumblr.com/theme/preview/1132"rel="nofollow"  target="_blank">Transparent Theme</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/1132"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/transparent-theme-tumblr-themes-12.jpg" alt="Transparent Theme - Tumblr Themes" width="555" height="250" /></a></p>
<p>A sense of depth, blurred dark colours and measured use of transparency make this a particularly<strong> good-looking theme</strong>.</p>
<h2>13. <a href="http://sofaking.tumblr.com/"rel="nofollow"  target="_blank">I Am Sofa King</a></h2>
<p><a href="http://sofaking.tumblr.com/"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/sofa-king-tumblr-themes-13.jpg" alt="I Am Sofa King - Tumblr Themes" width="555" height="250" /></a></p>
<p><strong>I Am Sofa King</strong> has very strongly designed <strong>layout </strong>with content laid out in a single column. The default setting is simple but effective with white text, black boxes and white background, but the colours are customisable, as is the coding.</p>
<h2>14. <a href="http://safe.tumblr.com/theme/preview/849"rel="nofollow"  target="_blank">Ultralite</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/849"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/ultralite-tumblr-themes-14.jpg" alt="Ultralite - Tumblr Themes" width="555" height="250" /></a></p>
<p>Sharp <strong>minimalist typographical design</strong> makes <strong>Ultralite </strong>a perfect <strong>theme </strong>for personal text and photo blogs.</p>
<h2>15. <a href="http://esquiretheme.tumblr.com/"rel="nofollow"  target="_blank">Esquire Theme</a></h2>
<p><a href="http://esquiretheme.tumblr.com/"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/esquire-theme-tumblr-themes-15.jpg" alt="Esquire Theme - Tumblr Themes" width="555" height="250" /></a></p>
<p>This <strong>theme </strong>is styled around the <strong>design and art direction</strong> of the US edition of Esquire magazine.</p>
<h2>16. <a href="http://safe.tumblr.com/theme/preview/169"rel="nofollow"  target="_blank">iBlack</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/169"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/iblack-tumblr-themes-16.jpg" alt="iBlack - Tumblr Themes" width="555" height="250" /></a></p>
<p><strong>iBlack </strong>is a sleek theme taking its inspiration directly from <strong>Apple&#8217;s</strong> characteristic branding and applications.</p>
<h2>17. <a href="http://safe.tumblr.com/theme/preview/632"rel="nofollow"  target="_blank">Cheerful Girl!!</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/632"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/cheerful-girls-tumblr-themes-17.jpg" alt="" width="555" height="250" /></a></p>
<p><strong>Cheerful Girl!!</strong> Is a crisp <strong>theme </strong>with a refreshingly juicy pink and white colour scheme.</p>
<h2>18. <a href="http://safe.tumblr.com/theme/preview/113"rel="nofollow"  target="_blank">PhotoBoard</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/113"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/photoboard-tumblr-themes-18.jpg" alt="PhotoBoard - Tumblr Themes" width="555" height="250" /></a></p>
<p><strong>PhotoBoard</strong> is a <strong>theme </strong>that offers a beautiful way of presenting <strong>photographs</strong>. The images can be arranged with two or four per row, and the design creates the effect of pictures attached to a cork pin board. The images&#8217; information is revealed with mouse rollovers.</p>
<h2>19. <a href="http://themeforest.net/item/helvetica/full_screen_preview/71466"rel="nofollow"  target="_blank">Helvetica</a></h2>
<p><a href="http://themeforest.net/item/helvetica/full_screen_preview/71466"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/helvetica-tumblr-themes-19.jpg" alt="Helvetica - Tumblr Themes" width="555" height="250" /></a></p>
<p>This is another <strong>theme </strong>designed around a classic font, in this case <strong>Helvetica</strong>, the <strong>beautiful typeface</strong> created by Swiss designer Max Miedinger in 1957. It&#8217;s a nice and <strong>bright design</strong> with the focus on <strong>readability </strong>and <strong>accessibility</strong>.</p>
<h2>20. <a href="http://safe.tumblr.com/theme/preview/3640"rel="nofollow"  target="_blank">Adaptation</a></h2>
<p><a href="http://safe.tumblr.com/theme/preview/3640"rel="nofollow"  target="_blank"><img class="alignnone" src="http://www.smashingshare.com/wp-content/uploads/2010/04/adaption-tumblr-themes-20.jpg" alt="Adaptation - Tumblr Themes" width="555" height="250" /></a></p>
<p>This <strong>theme </strong>has a strikingly <strong>bold design</strong> with great text layout in black and white, against a truly <strong>eye-catching</strong> deep red background. <strong>Adaptation </strong>is a great choice for users who want a bright, modernist <strong>blogging platform</strong> that oozes confidence and style.</p>


<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/06/16/8-beautiful-well-designed-premium-tumlbr-themes/' rel='bookmark' title='Permanent Link: 8 Beautiful Well Designed Premium Tumlbr Themes'>8 Beautiful Well Designed Premium Tumlbr Themes</a></li>
<li><a href='http://www.smashingshare.com/2010/02/02/firefox-themes-most-popular-themes-must-see/' rel='bookmark' title='Permanent Link: Firefox Themes &#8211; 60 Most Popular Themes You Must See'>Firefox Themes &#8211; 60 Most Popular Themes You Must See</a></li>
<li><a href='http://www.smashingshare.com/2009/12/26/winners-for-richwp-x-mas-give-away-of-wordpress-themes/' rel='bookmark' title='Permanent Link: Winners for RichWP X-MAS Give Away of WordPress Themes'>Winners for RichWP X-MAS Give Away of WordPress Themes</a></li>
<li><a href='http://www.smashingshare.com/2009/12/19/smashing-share-richwp-x-mas-give-away-wordpress-themes/' rel='bookmark' title='Permanent Link: Smashing Share &#038; RichWP X-MAS Give Away of WordPress Themes'>Smashing Share &#038; RichWP X-MAS Give Away of WordPress Themes</a></li>
<li><a href='http://www.smashingshare.com/2009/11/17/best-wordpress-themes-websites-every-blogger-should-bookmark-smashing-share/' rel='bookmark' title='Permanent Link: Best WordPress Themes Websites Every Blogger Should Bookmark | Smashing Share'>Best WordPress Themes Websites Every Blogger Should Bookmark | Smashing Share</a></li>
</ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>10 Useful Web Design and Development Books</title>
		<link>http://www.smashingshare.com/2010/02/22/useful-web-design-development-books/</link>
		<comments>http://www.smashingshare.com/2010/02/22/useful-web-design-development-books/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 19:09:04 +0000</pubDate>
		<dc:creator>Andy Walpole</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Books]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.smashingshare.com/?p=1263</guid>
		<description><![CDATA[<p><a href="http://www.smashingshare.com/2010/02/22/useful-web-design-development-books/">10 Useful Web Design and Development Books</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><img class="alignleft" src="http://www.smashingshare.com/wp-content/uploads/2010/02/web-design-development-books.jpg" alt="10 Useful Web Design and Development Books" width="200" height="160" />I was going to use the adjective essential in the title rather than useful but no one <em>book</em> is essential when it comes to learning <strong>web design</strong>. There are thousands of online <a title="tutorials" href="http://www.smashingshare.com/category/tutorials/">tutorials</a> to help you master the profession and there are dozens if not hundreds of <strong>books</strong> on all aspects of web-based creativity. Not having access to any one <em>book</em> will stop you from learning your desired skill but some <em>books</em> will greatly assist you in the process. <strong>10 of these such <em>books</em> are below.</strong></p><hr /><a href="http://www.smashingshare.com">Have you visited SmashingShare today?</a><hr />

<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/' rel='bookmark' title='Permanent Link: Ultimate Collection of HTML5 and CSS3 Resources'>Ultimate Collection of HTML5 and CSS3 Resources</a></li>
<li><a href='http://www.smashingshare.com/2010/04/03/making-website-multicultural/' rel='bookmark' title='Permanent Link: Making Your Website Multicultural'>Making Your Website Multicultural</a></li>
<li><a href='http://www.smashingshare.com/2010/01/01/design-inspiration-tutorials-resources-best-of-2009/' rel='bookmark' title='Permanent Link: Design Inspiration, Tutorials and Resources &#8211; Best Of 2009'>Design Inspiration, Tutorials and Resources &#8211; Best Of 2009</a></li>
<li><a href='http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/' rel='bookmark' title='Permanent Link: 30+ Professional Business Website Design Tutorials In Photoshop'>30+ Professional Business Website Design Tutorials In Photoshop</a></li>
<li><a href='http://www.smashingshare.com/2009/08/22/best-web-design-and-development-companies-in-dubai-uae/' rel='bookmark' title='Permanent Link: Best Web Design and Development Companies in Dubai UAE'>Best Web Design and Development Companies in Dubai UAE</a></li>
</ul></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingshare.com/2010/02/22/useful-web-design-development-books/">10 Useful Web Design and Development Books</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p>I was going to use the adjective essential in the title rather than useful but no one <em>book</em> is essential when it comes to learning <strong>web design</strong>. There are thousands of online <a href="http://www.smashingshare.com/category/tutorials/"title="tutorials" >tutorials</a> to help you master the profession and there are dozens if not hundreds of <strong>books</strong> on all aspects of web-based creativity. Not having access to any one <em>book</em> will stop you from learning your desired skill but some <em>books</em> will greatly assist you in the process. <strong>10 of these such <em>books</em> are below.</strong><br />
<br class="fix" /></p>
<h2>1. CSS Web Site Design by Eric A. Meyer</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/01-css-web-site-design.jpg" alt="" />Eric has been involved in online activity since the early 90s and has managed to carve a position for himself as one of the main authorities on <em>CSS</em> &#8211; he&#8217;s so important to <em>web design</em> that he even has his own Wikipedia entry! (Source: <a href="http://en.wikipedia.org/wiki/Eric_Meyer" rel="nofollow" >http://en.wikipedia.org/wiki/Eric_Meyer</a>)</p>
<p><em>CSS Web Site Design</em> is part of the <a href="http://www.lynda.com" rel="nofollow" >Lynda.com</a> Hands-on training series and was first published in 2007.</p>
<p>If you are looking for a resource on learning <em>CSS</em> then Meyer&#8217;s Lynda.com publication will guide you through all the main rules of <em>CSS 2.1</em> including typography, layout, margin and borders and styling for print. The book also comes with a CD-ROM that contains 10 video tutorials and all the exercise files.</p>
<p>Other <em>books</em> by Meyer include <strong><em>Smashing CSS</em></strong>, <strong><em>CSS: The Definitive Guide and the CSS Pocket Reference</em></strong>.<br />
<br class="fix" /></p>
<h2>2. High Performance Web Sites: Essential Knowledge for Frontend Developers by Steve Souders</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/02-high-performance-websites.jpg" alt="" />Steve Souders is probably the world&#8217;s authority on the burgeoning discipline of frontend engineering. He really gained this reputation while being Yahoo! Chief Performance officer and has since then spoken at major conferences such as <em>Web 2.0</em> Expo and OSCON as well as lecturing at Stanford University on this subject.</p>
<p>If you are serious about providing faster page load times on your sites &#8211; and you should be as Google now considers this essential &#8211; then High Performance Web Sites is a <em>book</em> that you have to read.</p>
<p>It covers all aspects of <em>web page optimisation</em> including how to make fewer HTTP requests, compression, expires headers, reducing DNS lookups, minifying JavaScript and configuring Etags.<br />
<br class="fix" /></p>
<h2>3. PHP 6 and MySQL 5 for Dynamic Web Sites by Larry Ullman</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/03-php6-and-mysql5.jpg" alt="" />Ignore the crap title – there is no PHP 6 with 5.3.1 being the latest version – and concentrate on the content written by Larry Ullman who is also responsible for QuickStart guides to C, C++, Adobe Air, Ruby and Ajax. Without doubt this <em>book</em> has assisted thousands of people in their quest to learn PHP as is testified by the four and a half stars out of five as voted for by 61 reviewers on amazon.co.uk.</p>
<p>Many web designers start to become interested in PHP after first <em>mastering CSS</em> and <em>HMTL</em>. Realising that some knowledge of this language is invaluable for creating CMS templates, they then look for helpful tutorials.</p>
<p>It&#8217;s best to grab any learning resource at all when it comes to grappling with PHP because if you don&#8217;t come from a programming background it&#8217;s a steep learning curve.</p>
<p>This covers everything you would expect from such a book: an introduction to MySQL, error handling and debugging, cookies and sessions, security, regular expressions and using forms.<br />
<br class="fix" /></p>
<h2>4. Don&#8217;t Make Me Think!: A Common Sense Approach to Web Usability by Steve Krug</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/04-dont-make-me-think.jpg" alt="" />Alright so this <em>book</em> always makes these types of lists but there is good reason for that: it remains, ten years after it was first published, the best introduction to usability in <em>web site design</em>.</p>
<p>That author Krug had already worked in this area for years at major online companies such as Apple, Netscape and AOL, and the book was a way of solidifying his knowledge into a digestible format for all to use.</p>
<p>Not only is the advice spot on but the means of presenting his message by using cartoons lets the reader breeze through the 196 pages in the course of one afternoon.</p>
<p>I bet Steve never thought that Don&#8217;t Make Me Think! would have such a massive impact as it has done but lets just state this &#8211; <em>web designer</em>, if you haven&#8217;t read it then you haven&#8217;t lived.<br />
<br class="fix" /></p>
<h2>5. JavaScript: The Definitive Guide by David Flanagan</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/05-javascript-the-definitive-guide.jpg" alt="" />This <em>book</em> has been republished multiple times by O&#8217;Reilly Media since 1996 and with good reason as it still remains one of the key texts when it comes to learning the frontend language JavsScript.</p>
<p>Weighing in at a massive 1032 pages David intended this book to be both a learning guide and a reference.</p>
<p>Programmers often look down their nose at JavaScript and disparagingly refer to is as a scripting, rather then a programming language; however, as the author states in the introduction:</p>
<p>&#8220;JavaScript is a full-featured programming language, as complex as any and more complex than some. Programmers who attempt to use JavaScript for nontrivial tasks often find the process frustrating if they do not have a solid understanding of the language.&#8221;</p>
<p>If you don&#8217;t have any knowledge of JavaScript then put it on your Things To Learn In 2010 list as it is becoming essential as understanding <em>CSS</em> or <em>HTML</em><br />
<br class="fix" /></p>
<h2>6. Learning jQuery 1.3 by Jonathan Chaffer and Karl Swedberg</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/06-learning-jquery.jpg" alt="" />jQuery is a ubiquitous presence across the web and it&#8217;s a feature of a wide range of <em>web sites</em>.</p>
<p>Created by John Resig in 2006 it is today the most popular JavaScript library with even Microsoft and Nokia announcing that they plan to bundle jQuery into their platforms.</p>
<p>Much of the reason for jQuery&#8217;s success is that it is just so god-damn easy to use as the creator stated in a recent interview: &#8220;This simplicity is all throughout jQuery. The API is simple, the good documentation makes it simple to start using it, and the covering up of browser bugs makes it simple to keep using it.&#8221; (<strong>source:</strong> <a href="http://www.html.it/articoli/johnresig/index.html" rel="nofollow" >http://www.html.it/articoli/johnresig/index.html</a></p>
<p>Packt, like O&#8217;Reilly and Lynda.com, is a publishing company that specialises in <em>web technology </em>and this <em>book</em>, released in February 2009, is one of eight jQuery guides in their series.</p>
<p>The authors run through selectors, events, DOM manipulation, AJAX, form manipulation, plugins and they finish with various examples of the script in action.<br />
<br class="fix" /></p>
<h2>7. Adobe Flash CS3 Professional Hands-On Training by Todd Perkins</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/07-adobe-flashcs3-handson.jpg" alt="" />I hold my hands up here as I&#8217;m recommending a book I haven&#8217;t read. My version of Flash hands-on training is for MX 2004 and is written by Rosanna Yeung, but this CS3 edition is by Todd Perkins. However, all lynda.com books are of the highest standard, and written with amazingly loving care by their respective authors. If the guide to CS3 is a good as that for MX 2004 then expect a professional introduction to Adobe&#8217;s software.</p>
<p>Although Flash is a niche skill it still remains today the foremost animation web tool and is set to keep that position for the foreseeable future.</p>
<p>As with most hands-on training books it comes with a CD-ROM attached with a series of video tutorials that are easy to follow.<br />
<br class="fix" /></p>
<h2>8. Drupal 6 Themes by Ric Shreves</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/08-drupal6-themes.jpg" alt="" /></p>
<p>Drupal is a great CMS to use but it can be a real challenge to get to grips with the administration section let alone the actual dynamic code that it is written upon.</p>
<p>As has been noted elsewhere, there are countless quality free Joomla and <strong><a href="http://www.smashingshare.com/2009/11/17/best-wordpress-themes-websites-every-blogger-should-bookmark-smashing-share/"title="WordPress themes" >WordPress themes</a></strong> to download and use across the net, but very few decent Drupal themes.</p>
<p>If you are serious about Drupal then sooner rather then later you will need to create your own theme rather than rely on somebody else&#8217;s creation.</p>
<p>Drupal 6 Themes should provide you with most of the information necessary to carry out this task although some basic knowledge of PHP would be of use when tackling this <em>book</em>.<br />
<br class="fix" /></p>
<h2>9. Even Faster Web Sites by Steve Souders</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/09-even-faster-websites.jpg" alt="" /></p>
<p>This was published in 2009 and was intended as an extension to 2007&#8242;s High Performance <em>Web Sites</em>. Again, Souders is the author but chapters are also written by Ben Galbraith of Mozilla, Stoyan Stefonov of Yahoo and Google software engineer Tony Gentilcore.</p>
<p>The most important chapter for everyday <em>web designers</em> is that about how to effectively optimise images which doesn&#8217;t just look at the theory but also recommends some valuable tools.</p>
<p>The section on <em>CSS</em> examines how to write efficient code while there are multiple chapters on the correct use of JavaScript in a <em>website</em>.<br />
<br class="fix" /></p>
<h2>10. PHP 5 Advanced by Larry Ullman</h2>
<p><img class="alignright" src="http://www.smashingshare.com/wp-content/uploads/2010/02/10-php5-advanced.jpg" alt="" /></p>
<p>PHP is an expansive language and one that takes years to thoroughly learn. Once you&#8217;ve got past the initial headaches and confusion and you are starting to use it to create actual working forms and applications then Larry Ullman&#8217;s guide for advanced users will be useful.</p>
<p>Building on the knowledge he presented in PHP 6 and MySQL 5 for <em>Dynamic Web Sites</em>, Ullman looks at more complex database and security concepts and techniques as well as introducing the reader to Object Orientated Programming (OOP).</p>
<p>OOP is not for the faint hearted but if you want to use PHP to its maximum potential you&#8217;ll need to tackle this approach rather than just relying on procedural programming.<br />
<br class="fix" /></p>
<h4>What books have helped you become a better web designer or developer?</h4>


<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/' rel='bookmark' title='Permanent Link: Ultimate Collection of HTML5 and CSS3 Resources'>Ultimate Collection of HTML5 and CSS3 Resources</a></li>
<li><a href='http://www.smashingshare.com/2010/04/03/making-website-multicultural/' rel='bookmark' title='Permanent Link: Making Your Website Multicultural'>Making Your Website Multicultural</a></li>
<li><a href='http://www.smashingshare.com/2010/01/01/design-inspiration-tutorials-resources-best-of-2009/' rel='bookmark' title='Permanent Link: Design Inspiration, Tutorials and Resources &#8211; Best Of 2009'>Design Inspiration, Tutorials and Resources &#8211; Best Of 2009</a></li>
<li><a href='http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/' rel='bookmark' title='Permanent Link: 30+ Professional Business Website Design Tutorials In Photoshop'>30+ Professional Business Website Design Tutorials In Photoshop</a></li>
<li><a href='http://www.smashingshare.com/2009/08/22/best-web-design-and-development-companies-in-dubai-uae/' rel='bookmark' title='Permanent Link: Best Web Design and Development Companies in Dubai UAE'>Best Web Design and Development Companies in Dubai UAE</a></li>
</ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingshare.com/2010/02/22/useful-web-design-development-books/feed/</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
		<item>
		<title>Design Inspiration, Tutorials and Resources &#8211; Best Of 2009</title>
		<link>http://www.smashingshare.com/2010/01/01/design-inspiration-tutorials-resources-best-of-2009/</link>
		<comments>http://www.smashingshare.com/2010/01/01/design-inspiration-tutorials-resources-best-of-2009/#comments</comments>
		<pubDate>Fri, 01 Jan 2010 12:23:05 +0000</pubDate>
		<dc:creator>SmashingShare</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.smashingshare.com/?p=883</guid>
		<description><![CDATA[<p><a href="http://www.smashingshare.com/2010/01/01/design-inspiration-tutorials-resources-best-of-2009/">Design Inspiration, Tutorials and Resources &#8211; Best Of 2009</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><img class="alignleft" title="Design Inspiration-Tutorials-Resources-Best-Of-2009" src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-tutorials-resources-best-of.jpg" alt="Design Inspiration-Tutorials-Resources-Best-Of-2009" width="200" height="160" />2009 was a great year and we hope every body have enjoyed this year. Different topics were discussed in this year but "<em>Design Inspiration</em>" and "<em>Tutorials</em>" were the two hot topics around different websites in 2009. Throughout year there were great articles posted related to <a title="design inspiration" href="http://www.smashingshare.com/category/inspiration/">design inspiration</a> and <a title="tutorials" href="http://www.smashingshare.com/category/tutorials/">tutorials</a>. We learned a lot of new stuff from these <a title="resources" href="../category/resources/">resources</a> and expecting much more amazing stuff in 2010.</p><hr /><a href="http://www.smashingshare.com">Have you visited SmashingShare today?</a><hr />

<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/06/01/ultimate-roundup-of-photoshop-web-layouts-tutorials/' rel='bookmark' title='Permanent Link: Ultimate Roundup Of Photoshop Web Layouts Tutorials'>Ultimate Roundup Of Photoshop Web Layouts Tutorials</a></li>
<li><a href='http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/' rel='bookmark' title='Permanent Link: Ultimate Collection of HTML5 and CSS3 Resources'>Ultimate Collection of HTML5 and CSS3 Resources</a></li>
<li><a href='http://www.smashingshare.com/2010/01/11/making-blog-with-w3c-web-standards/' rel='bookmark' title='Permanent Link: Making Blog With W3C Web Standards'>Making Blog With W3C Web Standards</a></li>
<li><a href='http://www.smashingshare.com/2009/12/23/weekly-smashing-web-design-inspiration-1/' rel='bookmark' title='Permanent Link: Weekly Smashing Web Design Inspiration &#8211; #1'>Weekly Smashing Web Design Inspiration &#8211; #1</a></li>
<li><a href='http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/' rel='bookmark' title='Permanent Link: 30+ Professional Business Website Design Tutorials In Photoshop'>30+ Professional Business Website Design Tutorials In Photoshop</a></li>
</ul></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingshare.com/2010/01/01/design-inspiration-tutorials-resources-best-of-2009/">Design Inspiration, Tutorials and Resources &#8211; Best Of 2009</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p>2009 was a great year and we hope every body have enjoyed this year. Different topics were discussed in this year but <strong><em>Design Inspiration</em></strong> and <strong><em>Tutorials</em></strong> were the two hot topics around different websites in 2009. Throughout year there were great articles posted related to <a href="http://www.smashingshare.com/category/inspiration/"title="design inspiration" >design inspiration</a> and <a href="http://www.smashingshare.com/category/tutorials/"title="tutorials" >tutorials</a>. We learned a lot of new stuff from these <a href="../category/resources/" rel="nofollow" title="resources" >resources</a> and expecting much more amazing stuff in 2010.<br />
<br class="fix" /><br />
Below we have compiled a list of &#8220;<strong>Design Inspiration, Tutorials and Resources</strong>&#8221; for our readers. We have tried to bring Best of the Best from the year 2009 in this list. We must have missed a lot of resources and expect from our readers to mention it in the comments. We will try to keep this list updated if the link is worth of putting in the list.</p>
<p>Thank you for all your support in 2009 and we wish you all 2010 a very successful year.</p>
<h3>Design Inspiration</h3>
<h5>55 Excellent WordPress Site Design for Design Inspiration</h5>
<p><a href="http://www.instantshift.com/2009/12/13/55-excellent-wordpress-site-design-for-design-inspiration/" rel="nofollow" title="55 Excellent WordPress Site Design for Design Inspiration" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-01.jpg" alt="55 Excellent WordPress Site Design for Design Inspiration" width="555" height="250" /></a></p>
<h5>50 Stylish Navigation Menus for Design Inspiration</h5>
<p><a href="http://sixrevisions.com/design-showcase-inspiration/50-stylish-navigation-menus-for-design-inspiration/" rel="nofollow" title="50 Stylish Navigation Menus for Design Inspiration" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-02.jpg" alt="50 Stylish Navigation Menus for Design Inspiration" width="555" height="250" /></a></p>
<h5>100 Websites With Outstanding Artistic Design</h5>
<p><a href="http://www.webdesignerdepot.com/2008/12/100-websites-with-outstanding-artistic-design/" rel="nofollow" title="100 Websites With Outstanding Artistic Design" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-03.jpg" alt="100 Websites With Outstanding Artistic Design" width="555" height="250" /></a></p>
<h5>16 Popular Website Redesigns Of 2009</h5>
<p><a href="http://www.smashingapps.com/2009/12/30/16-popular-websites-redesign-of-2009.html" rel="nofollow" title="16 Popular Website Redesigns Of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-04.jpg" alt="16 Popular Website Redesigns Of 2009" width="555" height="250" /></a></p>
<h5>65 Creative And Stylish Footer Designs of 2009</h5>
<p><a href="http://www.1stwebdesigner.com/inspiration/creative-stylish-footer-designs-2009/" rel="nofollow" title="65 Creative And Stylish Footer Designs of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-05.jpg" alt="65 Creative And Stylish Footer Designs of 2009" width="555" height="250" /></a></p>
<h5>60 Humorous Print Advertisements to Tickle Your Bones</h5>
<p><a href="http://www.onextrapixel.com/2009/12/08/60-humorous-print-advertisements-to-tickle-your-bones/" rel="nofollow" title="60 Humorous Print Advertisements to Tickle Your Bones" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-06.jpg" alt="60 Humorous Print Advertisements to Tickle Your Bones" width="555" height="250" /></a></p>
<h5>45+ Creative and Refreshing WordPress Designs</h5>
<p><a href="http://www.instantshift.com/2009/04/09/45-creative-and-refreshing-wordpress-designs/" rel="nofollow" title="45+ Creative and Refreshing WordPress Designs" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-07.jpg" alt="45+ Creative and Refreshing WordPress Designs" width="555" height="250" /></a></p>
<h5>45+ Inspiring Examples of Vintage in Web Design</h5>
<p><a href="http://naldzgraphics.net/inspirations/45-inspiring-examples-of-vintage-in-web-design/" rel="nofollow" title="45+ Inspiring Examples of Vintage in Web Design" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-08.jpg" alt="45+ Inspiring Examples of Vintage in Web Design" width="555" height="250" /></a></p>
<h5>34 Places to Get Design Inspiration – Online and Off</h5>
<p><a href="http://freelanceswitch.com/working/34-places-to-get-design-inspiration-online-and-off/" rel="nofollow" title="34 Places to Get Design Inspiration – Online and Off" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/design-inspiration-09.jpg" alt="34 Places to Get Design Inspiration – Online and Off" width="555" height="250" /></a></p>
<h3>Resources</h3>
<h5>Smashing Highlights 2009</h5>
<p><a href="http://www.smashingmagazine.com/2009/12/29/smashing-highlights-2009/" rel="nofollow" title="Smashing Highlights 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-01.jpg" alt="Smashing Highlights 2009" width="555" height="250" /></a></p>
<h5>The Most Popular Posts of 2009</h5>
<p><a href="http://www.webdesignerdepot.com/2009/12/the-most-popular-posts-of-2009/" rel="nofollow" title="The Most Popular Posts of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-02.jpg" alt="The Most Popular Posts of 2009" width="555" height="250" /></a></p>
<h5>The Best Photoshop Resources of 2009</h5>
<p><a href="http://designreviver.com/tutorials/the-best-photoshop-resources-of-2009/" rel="nofollow" title="The Best Photoshop Resources of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-03.jpg" alt="The Best Photoshop Resources of 2009" width="555" height="250" /></a></p>
<h5>50 Best Web Design Blog Posts In 2009</h5>
<p><a href="http://www.webdesigndev.com/roundups/50-best-web-design-blog-posts-in-2009" rel="nofollow" title="50 Best Web Design Blog Posts In 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-04.jpg" alt="50 Best Web Design Blog Posts In 2009" width="555" height="250" /></a></p>
<h5>The 15 Best Articles for Designers in 2009</h5>
<p><a href="http://designreviver.com/general/the-15-best-articles-for-designers-in-2009/" rel="nofollow" title="The 15 Best Articles For Designers in 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-05.jpg" alt="The 15 Best Articles For Designers in 2009" width="555" height="250" /></a></p>
<h5>69 Coolest Web Apps of 2009</h5>
<p><a href="http://www.smashingapps.com/2009/12/29/69-coolest-web-apps-of-2009.html" rel="nofollow" title="69 Coolest Web Apps Of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-06.jpg" alt="69 Coolest Web Apps Of 2009" width="555" height="250" /></a></p>
<h5>The Best Free Texture Packs of 2009</h5>
<p><a href="http://webdesignledger.com/freebies/the-best-free-texture-packs-of-2009" rel="nofollow" title="The Best Free Texture Packs of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-07.jpg" alt="The Best Free Texture Packs of 2009" width="555" height="250" /></a></p>
<h5>Designs of the Year: 2009</h5>
<p><a href="http://www.drawar.com/articles/designs-of-the-year-2009/" rel="nofollow" title="Designs of the Year: 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-08.jpg" alt="Designs of the Year: 2009" width="555" height="250" /></a></p>
<h5>Best of 2009 in the Blogging Industry</h5>
<p><a href="http://www.fuelyourblogging.com/best-of-2009-in-the-blogging-industry/" rel="nofollow" title="Best of 2009 in the Blogging Industry" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-09.jpg" alt="Best of 2009 in the Blogging Industry" width="555" height="250" /></a></p>
<h5>Best WordPress Themes Websites Every Blogger Should Bookmark</h5>
<p><a href="http://www.smashingshare.com/2009/11/17/best-wordpress-themes-websites-every-blogger-should-bookmark-smashing-share/"title="Best WordPress Themes Websites Every Blogger Should Bookmark" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-10.jpg" alt="Best WordPress Themes Websites Every Blogger Should Bookmark" width="555" height="250" /></a></p>
<h5>Mastering Your WordPress Theme Hacks and Techniques</h5>
<p><a href="http://www.noupe.com/wordpress/mastering-your-wordpress-theme-hacks-and-techniques.html" rel="nofollow" title="Mastering Your WordPress Theme Hacks and Techniques" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-11.jpg" alt="Mastering Your WordPress Theme Hacks and Techniques" width="555" height="250" /></a></p>
<h5>Best Logo Design Resources</h5>
<p><a href="http://www.logodesignlove.com/best-logo-design-resources" rel="nofollow" title="Best Logo Design Resources" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-12.jpg" alt="Best Logo Design Resources" width="555" height="250" /></a></p>
<h5>Top 50 Best CSS Articles and Resources</h5>
<p><a href="http://www.toxel.com/design/2009/01/11/top-50-best-css-articles-and-resources/" rel="nofollow" title="Top 50 Best CSS Articles and Resources" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/resources-13.jpg" alt="Top 50 Best CSS Articles and Resources" width="555" height="250" /></a></p>
<h3>Tutorials</h3>
<h5>49 Most Creative Photoshop Tutorials of 2009</h5>
<p><a href="http://speckyboy.com/2009/12/14/49-most-creative-photoshop-tutorials-of-2009/" rel="nofollow" title="49 Most Creative Photoshop Tutorials of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-01.jpg" alt="49 Most Creative Photoshop Tutorials of 2009" width="555" height="250" /></a></p>
<h5>The 100 Most Popular Photoshop Tutorials 2009</h5>
<p><a href="http://www.photoshoplady.com/the-100-most-popular-photoshop-tutorials-2009/" rel="nofollow" title="The 100 Most Popular Photoshop Tutorials 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-02.jpg" alt="The 100 Most Popular Photoshop Tutorials 2009" width="555" height="250" /></a></p>
<h5>The 50 Best Adobe Illustrator Tutorials from 2009</h5>
<p><a href="http://vandelaydesign.com/blog/design/illustrator-tutorials-2009/" rel="nofollow" title="The 50 Best Adobe Illustrator Tutorials from 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-03.jpg" alt="The 50 Best Adobe Illustrator Tutorials from 2009" width="555" height="250" /></a></p>
<h5>The 30 Best Photoshop Tutorials of 2009</h5>
<p><a href="http://www.computerarts.co.uk/tutorials/2d__and__photoshop/the_30_best_photoshop_tutorials_of_2009" rel="nofollow" title="The 30 best Photoshop tutorials of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-04.jpg" alt="The 30 best Photoshop tutorials of 2009" width="555" height="250" /></a></p>
<h5>The Best Vector Tutorials of 2009</h5>
<p><a href="http://webdesignledger.com/tutorials/the-best-vector-tutorials-of-2009" rel="nofollow" title="The Best Vector Tutorials of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-05.jpg" alt="The Best Vector Tutorials of 2009" width="555" height="250" /></a></p>
<h5>Best WordPress Tutorials of 2009</h5>
<p><a href="http://www.wpbeginner.com/showcase/best-wordpress-tutorials-of-2009/" rel="nofollow" title="Best WordPress Tutorials of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-06.jpg" alt="Best WordPress Tutorials of 2009" width="555" height="250" /></a></p>
<h5>Best Collection of CSS Rounded Corners Tutorials</h5>
<p><a href="http://www.smashingshare.com/2009/11/10/best-collection-of-css-rounded-corners-tutorials/"title="Best Collection of CSS Rounded Corners Tutorials" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-07.jpg" alt="Best Collection of CSS Rounded Corners Tutorials" width="555" height="250" /></a></p>
<h5>Best Photoshop Website Layout Tutorials of 2009</h5>
<p><a href="http://vandelaydesign.com/blog/design/photoshop-website-layout-tutorials/" rel="nofollow" title="Best Photoshop Website Layout Tutorials of 2009" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-08.jpg" alt="Best Photoshop Website Layout Tutorials of 2009" width="555" height="250" /></a></p>
<h5>13 Tutorials to Help You Grow Your Blog Readership Next Year</h5>
<p><a href="http://www.problogger.net/archives/2009/12/29/13-tutorials-to-help-you-grow-your-blog-readership-next-year/" rel="nofollow" title="13 Tutorials to Help You Grow Your Blog Readership Next Year" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-09.jpg" alt="13 Tutorials to Help You Grow Your Blog Readership Next Year" width="555" height="250" /></a></p>
<h5>WordPress Website Design Process for IT-IS Ltd</h5>
<p><a href="http://www.blog.spoongraphics.co.uk/articles/wordpress-website-design-process" rel="nofollow" title="Wordpress Website Design Process for IT-IS Ltd" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-10.jpg" alt="Wordpress Website Design Process for IT-IS Ltd" width="555" height="250" /></a></p>
<h5>A Collection of HTML5 Resources and Tutorials</h5>
<p><a href="http://speckyboy.com/2009/12/11/a-collection-of-html5-resources-and-tutorials/" rel="nofollow" title="A Collection of HTML5 Resources and Tutorials" ><img src="http://www.smashingshare.com/wp-content/uploads/2010/01/tutorials-11.jpg" alt="A Collection of HTML5 Resources and Tutorials" width="555" height="250" /></a></p>


<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/06/01/ultimate-roundup-of-photoshop-web-layouts-tutorials/' rel='bookmark' title='Permanent Link: Ultimate Roundup Of Photoshop Web Layouts Tutorials'>Ultimate Roundup Of Photoshop Web Layouts Tutorials</a></li>
<li><a href='http://www.smashingshare.com/2010/04/28/ultimate-collection-of-html5-and-css3-resources/' rel='bookmark' title='Permanent Link: Ultimate Collection of HTML5 and CSS3 Resources'>Ultimate Collection of HTML5 and CSS3 Resources</a></li>
<li><a href='http://www.smashingshare.com/2010/01/11/making-blog-with-w3c-web-standards/' rel='bookmark' title='Permanent Link: Making Blog With W3C Web Standards'>Making Blog With W3C Web Standards</a></li>
<li><a href='http://www.smashingshare.com/2009/12/23/weekly-smashing-web-design-inspiration-1/' rel='bookmark' title='Permanent Link: Weekly Smashing Web Design Inspiration &#8211; #1'>Weekly Smashing Web Design Inspiration &#8211; #1</a></li>
<li><a href='http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/' rel='bookmark' title='Permanent Link: 30+ Professional Business Website Design Tutorials In Photoshop'>30+ Professional Business Website Design Tutorials In Photoshop</a></li>
</ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingshare.com/2010/01/01/design-inspiration-tutorials-resources-best-of-2009/feed/</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
		<item>
		<title>Free Online Photo Editing and Sharing &#8211; Photoshop.com</title>
		<link>http://www.smashingshare.com/2009/10/05/free-online-photo-editing-and-sharing-photoshop/</link>
		<comments>http://www.smashingshare.com/2009/10/05/free-online-photo-editing-and-sharing-photoshop/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 16:48:38 +0000</pubDate>
		<dc:creator>SmashingShare</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Free]]></category>
		<category><![CDATA[Photoshop]]></category>

		<guid isPermaLink="false">http://www.smashingshare.com/?p=414</guid>
		<description><![CDATA[<p><a href="http://www.smashingshare.com/2009/10/05/free-online-photo-editing-and-sharing-photoshop/">Free Online Photo Editing and Sharing &#8211; Photoshop.com</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><img class="alignleft" title="Photoshop - Free Online Photo Editing and Sharing" src="http://www.smashingshare.com/wp-content/uploads/2009/10/photoshop-free-online-photo-editing-sharing.jpg" alt="Photoshop - Free Online Photo Editing and Sharing" width="200" height="160" /><a title="Photoshop.com" href="http://www.photoshop.com/">Photoshop.com</a> <span>is your <strong>free online photo editing and sharing resource</strong>. </span>Upload, organize, edit, store (up to 2GB free) and share your photos.<br />
Also it is the perfect place to upload, share and store your favourite videos. We support the most popular file formats. Use the UPloader App for videos up to 2GB and upload them in a snap. Use email to easily share videos with friends and family. Enjoy the full playback and slideshow support by uploading your videos today!</p><hr /><a href="http://www.smashingshare.com">Have you visited SmashingShare today?</a><hr />

<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/09/03/psd-tuts-photoshop-guru/' rel='bookmark' title='Permanent Link: 20 PSD Tuts That Will Turn You Into A Photoshop Guru'>20 PSD Tuts That Will Turn You Into A Photoshop Guru</a></li>
<li><a href='http://www.smashingshare.com/2010/06/01/ultimate-roundup-of-photoshop-web-layouts-tutorials/' rel='bookmark' title='Permanent Link: Ultimate Roundup Of Photoshop Web Layouts Tutorials'>Ultimate Roundup Of Photoshop Web Layouts Tutorials</a></li>
<li><a href='http://www.smashingshare.com/2009/12/02/100-kickass-photo-manipulation-art-examples/' rel='bookmark' title='Permanent Link: 100 Kickass Photo Manipulation Art Examples'>100 Kickass Photo Manipulation Art Examples</a></li>
<li><a href='http://www.smashingshare.com/2009/11/28/win-smashing-photoshop-psd-template/' rel='bookmark' title='Permanent Link: Win Smashing Photoshop PSD Template'>Win Smashing Photoshop PSD Template</a></li>
<li><a href='http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/' rel='bookmark' title='Permanent Link: 30+ Professional Business Website Design Tutorials In Photoshop'>30+ Professional Business Website Design Tutorials In Photoshop</a></li>
</ul></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingshare.com/2009/10/05/free-online-photo-editing-and-sharing-photoshop/">Free Online Photo Editing and Sharing &#8211; Photoshop.com</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><a href="http://www.photoshop.com/" rel="nofollow" title="Photoshop.com" >Photoshop.com</a> <span>is your <strong>free online photo editing and sharing resource</strong>. </span>Upload, organize, edit, store (up to 2GB free) and share your photos.</p>
<p>Also it is the perfect place to upload, share and store your favourite videos. We support the most popular file formats. Use the UPloader App for videos up to 2GB and upload them in a snap. Use email to easily share videos with friends and family. Enjoy the full playback and slideshow support by uploading your videos today!<br />
<br class="fix"/></p>
<h2>Step 1 &#8211; Upload</h2>
<p>Upload photos and videos from virtually any device, store up to 2 GB on us, and know that we&#8217;ll never, ever shrink your files.<br />
And that&#8217;s good thing.</p>
<p><img class="alignnone" title="Upload Photo" src="http://www.smashingshare.com/wp-content/uploads/2009/10/photoshop-picturethis-02.jpg" alt="" width="555" height="253" /></p>
<h2>Step 2 &#8211; Organize</h2>
<p>Say goodbye to lost photos and videos &#8211; find them fast with tags. Then sit back and enjoy reliving all the fun with your albums and clips.</p>
<p><img title="Upload Photo" src="http://www.smashingshare.com/wp-content/uploads/2009/10/photoshop-picturethis-03.jpg" alt="" width="555" height="253" /></p>
<h2>Step 3 &#8211; Edit</h2>
<p><strong>Add creative juice. Season to taste.</strong><br />
Spice up your photo&#8217;s looks with a touch up, tint, and trim. Try it yourself</p>
<p><img title="Upload Photo" src="http://www.smashingshare.com/wp-content/uploads/2009/10/photoshop-picturethis-04.jpg" alt="" width="555" height="253" /></p>
<h2>Step 4 &#8211; Share</h2>
<p><strong>Memories with borders</strong><br />
Share your photos and video clips in galleries. Expand your reach with an easy drag and drop to transfer photos to <a href="http://www.facebook.com/" rel="nofollow" title="Facebook" >Facebook</a>, <a href="http://www.flickr.com/" rel="nofollow" title="Flickr" >Flickr</a>, <a href="http://www.photobucket.com" rel="nofollow" title="Photobucket" >Photobucket</a>, <a href="http://picasa.google.com/" rel="nofollow" title="Picasa" >Picasa</a> and other sites.</p>
<p><img title="Upload Photo" src="http://www.smashingshare.com/wp-content/uploads/2009/10/photoshop-picturethis-05.jpg" alt="" width="555" height="253" /></p>
<h4 class="continue"><a href="http://www.photoshop.com/" rel="nofollow" title="Join - Get Started" >Visit Photoshop.com &#8211; Join &#8211; Get Started</a></h4>
<p>[ad#468x60]</p>


<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/09/03/psd-tuts-photoshop-guru/' rel='bookmark' title='Permanent Link: 20 PSD Tuts That Will Turn You Into A Photoshop Guru'>20 PSD Tuts That Will Turn You Into A Photoshop Guru</a></li>
<li><a href='http://www.smashingshare.com/2010/06/01/ultimate-roundup-of-photoshop-web-layouts-tutorials/' rel='bookmark' title='Permanent Link: Ultimate Roundup Of Photoshop Web Layouts Tutorials'>Ultimate Roundup Of Photoshop Web Layouts Tutorials</a></li>
<li><a href='http://www.smashingshare.com/2009/12/02/100-kickass-photo-manipulation-art-examples/' rel='bookmark' title='Permanent Link: 100 Kickass Photo Manipulation Art Examples'>100 Kickass Photo Manipulation Art Examples</a></li>
<li><a href='http://www.smashingshare.com/2009/11/28/win-smashing-photoshop-psd-template/' rel='bookmark' title='Permanent Link: Win Smashing Photoshop PSD Template'>Win Smashing Photoshop PSD Template</a></li>
<li><a href='http://www.smashingshare.com/2009/11/21/30-best-professional-business-website-design-tutorials/' rel='bookmark' title='Permanent Link: 30+ Professional Business Website Design Tutorials In Photoshop'>30+ Professional Business Website Design Tutorials In Photoshop</a></li>
</ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingshare.com/2009/10/05/free-online-photo-editing-and-sharing-photoshop/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Getting The Most Revenue From Every Impression Through AdSense</title>
		<link>http://www.smashingshare.com/2009/09/18/getting-most-revenue-every-impression-through-adsense/</link>
		<comments>http://www.smashingshare.com/2009/09/18/getting-most-revenue-every-impression-through-adsense/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 17:05:47 +0000</pubDate>
		<dc:creator>SmashingShare</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.smashingshare.com/?p=334</guid>
		<description><![CDATA[<p><a href="http://www.smashingshare.com/2009/09/18/getting-most-revenue-every-impression-through-adsense/">Getting The Most Revenue From Every Impression Through AdSense</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><img alt="Getting The Most Revenue From Every Impression Through AdSense" src="http://www.smashingshare.com/wp-content/uploads/2009/09/revenue_from_every_impression_through_adsense.jpg" title="Getting The Most Revenue From Every Impression Through AdSense" class="alignleft" />We've been hearing your requests for new ways to <strong>generate revenue in AdSense</strong>, and new ways to maintain control over the ads that appear on your sites. With that in mind, we're pleased to announce plans to give you the ability to allow multiple Google-certified ad networks to compete for <a title="display ad space" href="https://www.google.com/adsense/support/bin/answer.py?answer=156521&#38;sourceid=aso&#38;subid=ww-en-et-asblog_2009-08-25&#38;medium=link" target="_blank">display ad space</a> on your site.</p><hr /><a href="http://www.smashingshare.com">Have you visited SmashingShare today?</a><hr />

<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/04/21/top-autoblogging-wordpress-plugins/' rel='bookmark' title='Permanent Link: Top 5 Autoblogging WordPress Plugins'>Top 5 Autoblogging WordPress Plugins</a></li>
<li><a href='http://www.smashingshare.com/2010/04/19/12-ways-to-market-brand-better/' rel='bookmark' title='Permanent Link: 12 Ways To Market Your Brand Better'>12 Ways To Market Your Brand Better</a></li>
<li><a href='http://www.smashingshare.com/2010/02/22/useful-web-design-development-books/' rel='bookmark' title='Permanent Link: 10 Useful Web Design and Development Books'>10 Useful Web Design and Development Books</a></li>
<li><a href='http://www.smashingshare.com/2009/09/21/35-useful-creative-website-and-blogs-for-designers-and-developers/' rel='bookmark' title='Permanent Link: 35 Useful Creative Website and Blogs for Designers and Developers'>35 Useful Creative Website and Blogs for Designers and Developers</a></li>
<li><a href='http://www.smashingshare.com/2009/08/28/do-you-know-about-google-wave/' rel='bookmark' title='Permanent Link: Do you know about Google Wave ?'>Do you know about Google Wave ?</a></li>
</ul></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingshare.com/2009/09/18/getting-most-revenue-every-impression-through-adsense/">Getting The Most Revenue From Every Impression Through AdSense</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p>We&#8217;ve been hearing your requests for new ways to <strong>generate revenue in AdSense</strong>, and new ways to maintain control over the ads that appear on your sites. With that in mind, we&#8217;re pleased to announce plans to give you the ability to allow multiple Google-certified ad networks to compete for <a href="https://www.google.com/adsense/support/bin/answer.py?answer=156521&amp;sourceid=aso&amp;subid=ww-en-et-asblog_2009-08-25&amp;medium=link" rel="nofollow" title="display ad space"  target="_blank">display ad space</a> on your site.</p>
<p>You may remember that we began to accept display ads served from <a href="http://adsense.blogspot.com/2008/05/introducing-third-party-ads-on-google.html" rel="nofollow" title="qualified third-party vendors"  target="_blank">qualified third-party vendors</a> over a year ago, which helped increase the number of display ads competing on AdSense publisher sites. With this new change, participating ad networks can also bid in our auction to appear on AdSense sites. This new capability will help you generate the most profit for every ad that appears on your site, whether the ads come from AdWords advertisers or Google-certified ad networks.<br />
<br class="fix" /></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="555" height="340" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/4HyJPOVLd3I&amp;hl=en&amp;fs=1&amp;" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="555" height="340" src="http://www.youtube.com/v/4HyJPOVLd3I&amp;hl=en&amp;fs=1&amp;" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h4 class="continue"><a href="http://adsense.blogspot.com/2009/08/getting-most-revenue-from-every.html" rel="nofollow" title="Read The Full Story Here"  target="_blank">Read The Full Story Here</a></h4>


<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/04/21/top-autoblogging-wordpress-plugins/' rel='bookmark' title='Permanent Link: Top 5 Autoblogging WordPress Plugins'>Top 5 Autoblogging WordPress Plugins</a></li>
<li><a href='http://www.smashingshare.com/2010/04/19/12-ways-to-market-brand-better/' rel='bookmark' title='Permanent Link: 12 Ways To Market Your Brand Better'>12 Ways To Market Your Brand Better</a></li>
<li><a href='http://www.smashingshare.com/2010/02/22/useful-web-design-development-books/' rel='bookmark' title='Permanent Link: 10 Useful Web Design and Development Books'>10 Useful Web Design and Development Books</a></li>
<li><a href='http://www.smashingshare.com/2009/09/21/35-useful-creative-website-and-blogs-for-designers-and-developers/' rel='bookmark' title='Permanent Link: 35 Useful Creative Website and Blogs for Designers and Developers'>35 Useful Creative Website and Blogs for Designers and Developers</a></li>
<li><a href='http://www.smashingshare.com/2009/08/28/do-you-know-about-google-wave/' rel='bookmark' title='Permanent Link: Do you know about Google Wave ?'>Do you know about Google Wave ?</a></li>
</ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingshare.com/2009/09/18/getting-most-revenue-every-impression-through-adsense/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Do you know about Google Wave ?</title>
		<link>http://www.smashingshare.com/2009/08/28/do-you-know-about-google-wave/</link>
		<comments>http://www.smashingshare.com/2009/08/28/do-you-know-about-google-wave/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 07:49:10 +0000</pubDate>
		<dc:creator>SmashingShare</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[GoogleWave]]></category>

		<guid isPermaLink="false">http://www.smashingshare.com/?p=188</guid>
		<description><![CDATA[<p><a href="http://www.smashingshare.com/2009/08/28/do-you-know-about-google-wave/">Do you know about Google Wave ?</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><img src="http://www.smashingshare.com/wp-content/uploads/2009/08/google_wave.jpg" alt="Google Wave" title="Google Wave" class="alignleft" /><a title="Google Wave" href="http://wave.google.com/" target="_blank"><strong>Google Wave</strong></a> is a new tool for communication and collaboration on the web, coming later this year. Watch the demo video below, sign up for updates and learn more about how to develop with Google Wave.</p><hr /><a href="http://www.smashingshare.com">Have you visited SmashingShare today?</a><hr />

<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/' rel='bookmark' title='Permanent Link: 20 Incredible Tumblr Themes'>20 Incredible Tumblr Themes</a></li>
<li><a href='http://www.smashingshare.com/2010/04/19/12-ways-to-market-brand-better/' rel='bookmark' title='Permanent Link: 12 Ways To Market Your Brand Better'>12 Ways To Market Your Brand Better</a></li>
<li><a href='http://www.smashingshare.com/2010/02/22/useful-web-design-development-books/' rel='bookmark' title='Permanent Link: 10 Useful Web Design and Development Books'>10 Useful Web Design and Development Books</a></li>
<li><a href='http://www.smashingshare.com/2009/09/28/30-best-firefox-addons-for-web-designers-and-developers/' rel='bookmark' title='Permanent Link: 30+ Best Firefox Addons for Web Designers and Developers'>30+ Best Firefox Addons for Web Designers and Developers</a></li>
<li><a href='http://www.smashingshare.com/2009/09/18/getting-most-revenue-every-impression-through-adsense/' rel='bookmark' title='Permanent Link: Getting The Most Revenue From Every Impression Through AdSense'>Getting The Most Revenue From Every Impression Through AdSense</a></li>
</ul></div>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.smashingshare.com/2009/08/28/do-you-know-about-google-wave/">Do you know about Google Wave ?</a> is a post from: <a href="http://www.smashingshare.com" title="Smashing Share">Smashing Share | Web Resources, Design Inspiration, Freebies and Tutorials</a></p>
<p><a href="http://wave.google.com/" rel="nofollow" title="Google Wave"  target="_blank"><strong>Google Wave</strong></a> is a new tool for communication and collaboration on the web, coming later this year. Watch the demo video below, sign up for updates and learn more about how to develop with Google Wave.</p>
<p><br class="fix" /><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="265" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/v_UyVmITiYQ&amp;hl=en&amp;fs=1&amp;rel=0" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="425" height="265" src="http://www.youtube.com/v/v_UyVmITiYQ&amp;hl=en&amp;fs=1&amp;rel=0" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<h3>What is a wave?</h3>
<p><strong>A wave is equal parts conversation and document</strong>. People can communicate and work together with richly formatted text, photos, videos, maps, and more.</p>
<p><strong>A wave is shared.</strong> Any participant can reply anywhere in the message, edit the content and add participants at any point in the process. Then playback lets anyone rewind the wave to see who said what and when.</p>
<p><strong>A wave is live</strong>. With live transmission as you type, participants on a wave can have faster conversations, see edits and interact with extensions in real-time.</p>
<h4 class="continue"><a href="http://wave.google.com/help/wave/about.html" rel="nofollow" title="Learn More About Google Wave"  target="_blank">Learn More About Google Wave</a></h4>


<div class="related_posts"><h3 class="mainH">Who Read This Also Read:</h3><ul><li><a href='http://www.smashingshare.com/2010/04/26/20-incredible-tumblr-themes/' rel='bookmark' title='Permanent Link: 20 Incredible Tumblr Themes'>20 Incredible Tumblr Themes</a></li>
<li><a href='http://www.smashingshare.com/2010/04/19/12-ways-to-market-brand-better/' rel='bookmark' title='Permanent Link: 12 Ways To Market Your Brand Better'>12 Ways To Market Your Brand Better</a></li>
<li><a href='http://www.smashingshare.com/2010/02/22/useful-web-design-development-books/' rel='bookmark' title='Permanent Link: 10 Useful Web Design and Development Books'>10 Useful Web Design and Development Books</a></li>
<li><a href='http://www.smashingshare.com/2009/09/28/30-best-firefox-addons-for-web-designers-and-developers/' rel='bookmark' title='Permanent Link: 30+ Best Firefox Addons for Web Designers and Developers'>30+ Best Firefox Addons for Web Designers and Developers</a></li>
<li><a href='http://www.smashingshare.com/2009/09/18/getting-most-revenue-every-impression-through-adsense/' rel='bookmark' title='Permanent Link: Getting The Most Revenue From Every Impression Through AdSense'>Getting The Most Revenue From Every Impression Through AdSense</a></li>
</ul></div>]]></content:encoded>
			<wfw:commentRss>http://www.smashingshare.com/2009/08/28/do-you-know-about-google-wave/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
