<?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>dot COM report &#187; Web Design</title>
	<atom:link href="http://dotcomreport.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://dotcomreport.com</link>
	<description>Online Success Secrets &#38; Strategies</description>
	<lastBuildDate>Wed, 01 Feb 2012 16:58:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Web Design News Sep 26th &#8211; Re-Branding Your Logo – Why and What Works</title>
		<link>http://dotcomreport.com/web-design/web-design-development-news-sep-26th-rebranding-your-logo/</link>
		<comments>http://dotcomreport.com/web-design/web-design-development-news-sep-26th-rebranding-your-logo/#comments</comments>
		<pubDate>Mon, 26 Sep 2011 21:10:18 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Amp]]></category>
		<category><![CDATA[BoagWorld.com]]></category>
		<category><![CDATA[Bold Colours]]></category>
		<category><![CDATA[Design Approach]]></category>
		<category><![CDATA[Design Challenge]]></category>
		<category><![CDATA[Design Inspiration]]></category>
		<category><![CDATA[Design Trends]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[Development News]]></category>
		<category><![CDATA[Email]]></category>
		<category><![CDATA[Flash Animations]]></category>
		<category><![CDATA[Freebie]]></category>
		<category><![CDATA[Gurus]]></category>
		<category><![CDATA[High Resolution]]></category>
		<category><![CDATA[Ignorance Is Bliss]]></category>
		<category><![CDATA[Innovative Web Design]]></category>
		<category><![CDATA[Interface Element]]></category>
		<category><![CDATA[Knowledge Is Power]]></category>
		<category><![CDATA[Layout Style]]></category>
		<category><![CDATA[Lighting]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Metal Textures]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[Psd Templates]]></category>
		<category><![CDATA[Rusty Metal]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[Slider]]></category>
		<category><![CDATA[SmashingMagazine.com]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Texture]]></category>
		<category><![CDATA[Textured Background]]></category>
		<category><![CDATA[Tympanus.net/codrops]]></category>
		<category><![CDATA[Visual Overview]]></category>
		<category><![CDATA[Web Design News]]></category>
		<category><![CDATA[Web Design Showcase]]></category>
		<category><![CDATA[Web Designs]]></category>
		<category><![CDATA[Web Technologies]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>
		<category><![CDATA[Working Space]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?p=5872</guid>
		<description><![CDATA[It&#8217;s been a while since my last Round Up on Web Design so I thought I would send this to you today. After going through all the posts I found I thought the one you&#8217;ll enjoy the most, assuming you&#8217;re into Web Design &#8211; that&#8217;s why you&#8217;re reading this email, is &#8220;Re-branding Your Logo – [...]]]></description>
			<content:encoded><![CDATA[It&#8217;s been a while since my last Round Up on Web Design so I thought I would send this to you today.  After going through all the posts I found I thought the one you&#8217;ll enjoy the most, assuming you&#8217;re into Web Design &#8211; that&#8217;s why you&#8217;re reading this email, is &#8220;Re-branding Your Logo – Why and What Works&#8221;
<br />
<br />
I&#8217;ve changed logos and &#8220;brands&#8221; before and this is something that is easy to mess up.  I think you&#8217;ll find this post educational and it can get you thinking about your &#8220;brand&#8221;.
<br />
<br />
<div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /><h2 class="bb-itemtitle"><a title="10 High Resolution Rusty Metal Textures" href="http://feedproxy.google.com/~r/premiumpixels/~3/v1UtP-2aVUg/" rel="follow" rev="PremiumPixels.com" target="_blank">10 High Resolution Rusty Metal Textures</a></h2></div><div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1317049113-2066913320.jpg" alt="10 High Resolution Rusty Metal Textures" width="400" height="190" />Today&#8217;s freebie is something a little different, a set of high resolution rusty metal textures. Each texture is 2500px x 1600px giving you plenty of working space. Enjoy!RSS Readers: Check out the full post for more info and access to your free download!</p></div><p><a class="bb-readmore" title="Continue reading on PremiumPixels.com »" href="http://feedproxy.google.com/~r/premiumpixels/~3/v1UtP-2aVUg/" rel="follow" target="_blank"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949712036095686.gif" alt="" width="125" height="21" /><br /><h2 class="bb-itemtitle"><a title="My Web Design Challenge" href="http://boagworld.com/news/my-web-design-challenge/" rel="follow" rev="BoagWorld.com" target="_blank">My Web Design Challenge</a></h2></div><div class="bb-post-content">The guys over at smashing magazine asked me to write a post about my web design process. As I sat down to do this I found myself struggling to articulate what I do and why I do it. This got me thinking about how important it is that we are able to justify our design approach.<p>The reason smashing magazine asked me to write this post was because they had noticed how few existed on the design process&#8230;</p></div><p><a class="bb-readmore" title="Continue reading on BoagWorld.com »" href="http://boagworld.com/news/my-web-design-challenge/" rel="follow" target="_blank"><strong>Continue Reading On BoagWorld.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /><h2 class="bb-itemtitle"><a title="Design Inspiration: New InfoGFx" href="http://designshack.co.uk/design/new-infogfx" rel="follow" rev="DesignShack.co.uk" target="_blank">Design Inspiration: New InfoGFx</a></h2></div><div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1317049127-1774598263.jpg" alt="Design Inspiration: New InfoGFx" width="400" height="164" />A simple but purely effective interface element. I really like the use of bright and bold colours to give character to the visual style.Simple details like the textured background and lighting add a good depth to the design.</p><p>This design was featured on the Sunday 25th of September 2011. It falls under the category of Other, and has a layout style of Other&#8230;</p></div><p><a class="bb-readmore" title="Continue reading on DesignShack.co.uk »" href="http://designshack.co.uk/design/new-infogfx" rel="follow" target="_blank"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /><h2 class="bb-itemtitle"><a title="20 High Quality, Extraordinary &amp; Free Web PSD Templates" href="http://www.noupe.com/design/20-high-quality-extraordinary-free-web-psd-templates.html" rel="follow" rev="Noupe.com" target="_blank">20 High Quality, Extraordinary &amp; Free Web PSD Templates</a></h2></div><div class="bb-post-content"><p>  </p><p>No matter who you are or what your business may be, you will always want your website design to stand out. Having an extraordinary website allows you to stay on the mind of most of your visitors and can help translate how unique your product or service is to someone&#8230;</p></div><p><a class="bb-readmore" title="Continue reading on Noupe.com »" href="http://www.noupe.com/design/20-high-quality-extraordinary-free-web-psd-templates.html" rel="follow" target="_blank"><strong>Continue Reading On Noupe.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" alt="" width="125" height="39" /><br /><h2 class="bb-itemtitle"><a title="15 Free HTML5 and CSS Templates" href="http://feedproxy.google.com/~r/speckboy-design-magazine/~3/YmhvVUnpd1k/" rel="follow" rev="SpeckyBoy.com" target="_blank">15 Free HTML5 and CSS Templates</a></h2></div><div class="bb-post-content">Advertise here with BSAReady-made HTML5 templates are currently one of the most sought after resources within the web design community. They not only offer a quick and easy-to-edit solution for building modern websites, they also offer a fantastic route to explore and understand HTML5s syntax.All of the themes below are free and all have been coded with HTML5&#8230;</div><p><a class="bb-readmore" title="Continue reading on SpeckyBoy.com »" href="http://feedproxy.google.com/~r/speckboy-design-magazine/~3/YmhvVUnpd1k/" rel="follow" target="_blank"><strong>Continue Reading On SpeckyBoy.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /><h2 class="bb-itemtitle"><a title="Create An Animated Bar Graph With HTML, CSS And jQuery" href="http://www.smashingmagazine.com/2011/09/23/create-an-animated-bar-graph-with-html-css-and-jquery/" rel="follow" rev="SmashingMagazine.com" target="_blank">Create An Animated Bar Graph With HTML, CSS And jQuery</a></h2></div><div class="bb-post-content"><p>&nbsp;</p><p>&nbsp;</p><p>People in boardrooms across the world love a good graph. They go nuts for PowerPoint, bullet points and phrases like “run it up the flagpole,” “blue-sky thinking” and “low-hanging fruit,” and everything is always “moving forward&#8230;</p></div><p><a class="bb-readmore" title="Continue reading on SmashingMagazine.com »" href="http://www.smashingmagazine.com/2011/09/23/create-an-animated-bar-graph-with-html-css-and-jquery/" rel="follow" target="_blank"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /><h2 class="bb-itemtitle"><a title="Infographic: Quick Look into CSS3 Properties" href="http://feedproxy.google.com/~r/onextrapixel/~3/TxsUumwY64A/" rel="follow" rev="OneXtraPixel.com" target="_blank">Infographic: Quick Look into CSS3 Properties</a></h2></div><div class="bb-post-content">These days you’ll see a lot of infographics on the web. Infographics are a great way to illustrate information and transform complex topics into simple explanations. So why not make one?<br /> In today&#8217;s article we&#8217;re showcasing an infographic, designed exclusively for Onextrapixel, by graphic designer Teresa Sposato&#8230;</div><p><a class="bb-readmore" title="Continue reading on OneXtraPixel.com »" href="http://feedproxy.google.com/~r/onextrapixel/~3/TxsUumwY64A/" rel="follow" target="_blank"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949712036095686.gif" alt="" width="125" height="21" /><br /><h2 class="bb-itemtitle"><a title="Real Life Responsive Design: Ethan Marcotte" href="http://boagworld.com/season/2/episode/s2e7/" rel="follow" rev="BoagWorld.com" target="_blank">Real Life Responsive Design: Ethan Marcotte</a></h2></div><div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1317049134-991585394.jpg" alt="Real Life Responsive Design: Ethan Marcotte" width="400" height="371" />All the cool kids are making their sites responsive these days and with good reason. Through the use of media queries and relative values it is possible to build a single website that adapts to pretty much any device.</p><p>Not as simple as it seems&#8230;</p></div><p><a class="bb-readmore" title="Continue reading on BoagWorld.com »" href="http://boagworld.com/season/2/episode/s2e7/" rel="follow" target="_blank"><strong>Continue Reading On BoagWorld.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /><h2 class="bb-itemtitle"><a title="Image Slider Controls (PSD)" href="http://feedproxy.google.com/~r/premiumpixels/~3/F1krmmDJe5Y/" rel="follow" rev="PremiumPixels.com" target="_blank">Image Slider Controls (PSD)</a></h2></div><div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1317049117-1845873165.jpg" alt="Image Slider Controls (PSD)" width="400" height="190" />Today&#8217;s set of image slider controls are sweet, simple but still every bit useful. If you&#8217;re looking to create a &#8216;self contained&#8217; slider then overlaying the controls is a good idea.RSS Readers: Check out the full post for more info and access to your free download!</p></div><p><a class="bb-readmore" title="Continue reading on PremiumPixels.com »" href="http://feedproxy.google.com/~r/premiumpixels/~3/F1krmmDJe5Y/" rel="follow" target="_blank"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" alt="" width="125" height="25" /><br /><h2 class="bb-itemtitle"><a title="10 Ways to Be a More Productive Web Developer" href="http://feedproxy.google.com/~r/SixRevisions/~3/-ixO8tLi4rk/" rel="follow" rev="SixRevisions.com" target="_blank">10 Ways to Be a More Productive Web Developer</a></h2></div><div class="bb-post-content">Advertise here with BSA<br /> We could all be more productive. There are many things we can do — some big, some small — that will enhance the way we work and improve the outcomes of our activities.<br /> Although I can’t promise that I’ll be able to help you cure all your productivity ailments, I do hope that I can provide you with a few useful, solid tips on streamlining your web development workflow and making every part of the development cycle move quickly and smoothly&#8230;</div><p><a class="bb-readmore" title="Continue reading on SixRevisions.com »" href="http://feedproxy.google.com/~r/SixRevisions/~3/-ixO8tLi4rk/" rel="follow" target="_blank"><strong>Continue Reading On SixRevisions.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /><h2 class="bb-itemtitle"><a title="Rebranding Your Logo – Why and What Works" href="http://feedproxy.google.com/~r/onextrapixel/~3/XQ4fnX-LuNQ/" rel="follow" rev="OneXtraPixel.com" target="_blank">Rebranding Your Logo – Why and What Works</a></h2></div><div class="bb-post-content">It is no secret that the world as we know it is in a constant state of change. So much so that some may argue that the meaning of life itself is to progress. The problem with this growing and ever changing world that we live in is that most of us are always looking for the next big thing. When you are a company, this can sometimes translate into a question of &#8220;How do we maintain our client&#8217;s focus?&#8221; The answer to this usually involves rebranding&#8230;</div><p><a class="bb-readmore" title="Continue reading on OneXtraPixel.com »" href="http://feedproxy.google.com/~r/onextrapixel/~3/XQ4fnX-LuNQ/" rel="follow" target="_blank"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div><div class="bb-itemwrap"><div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /><h2 class="bb-itemtitle"><a title="You’re Doing It Wrong: Common HTML Tag Misuses" href="http://designshack.co.uk/community/you%E2%80%99re-doing-it-wrong-common-html-tag-misuses/" rel="follow" rev="DesignShack.co.uk" target="_blank">You’re Doing It Wrong: Common HTML Tag Misuses</a></h2></div><div class="bb-post-content">This post rounds up a collection of common HTML tag and element misuses and describes the best practice to correctly and semantically use them in your markup.<br /> View Post</div><p><a class="bb-readmore" title="Continue reading on DesignShack.co.uk »" href="http://designshack.co.uk/community/you%E2%80%99re-doing-it-wrong-common-html-tag-misuses/" rel="follow" target="_blank"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div><p>&nbsp;</p><div style="border-top: 1px solid #eee;"></div>]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/web-design/web-design-development-news-sep-26th-rebranding-your-logo/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Design &#8211; Development News Jul 18th &#8211; Knight’s Shield</title>
		<link>http://dotcomreport.com/roundup/web-design-development-news-jul-18th-knight%e2%80%99s-shield/</link>
		<comments>http://dotcomreport.com/roundup/web-design-development-news-jul-18th-knight%e2%80%99s-shield/#comments</comments>
		<pubDate>Mon, 18 Jul 2011 22:02:31 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Action Buttons]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[Animation Feature]]></category>
		<category><![CDATA[Apps]]></category>
		<category><![CDATA[Art Form]]></category>
		<category><![CDATA[Background Color]]></category>
		<category><![CDATA[BoagWorld.com]]></category>
		<category><![CDATA[Brilliant Design]]></category>
		<category><![CDATA[Cartoon Birds]]></category>
		<category><![CDATA[Company Logo]]></category>
		<category><![CDATA[Cool Web Design]]></category>
		<category><![CDATA[Design Inspiration]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[Development News]]></category>
		<category><![CDATA[Different Color]]></category>
		<category><![CDATA[Ebay]]></category>
		<category><![CDATA[Ellipse]]></category>
		<category><![CDATA[Frenzy]]></category>
		<category><![CDATA[Ipads]]></category>
		<category><![CDATA[Iphone]]></category>
		<category><![CDATA[iPhones]]></category>
		<category><![CDATA[Logo Creation]]></category>
		<category><![CDATA[Medieval Knight]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[New Art]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[Personal Business]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[Quips]]></category>
		<category><![CDATA[Sense Of Humour]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[SmashingMagazine.com]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Tympanus.net/codrops]]></category>
		<category><![CDATA[Web Design Concepts]]></category>
		<category><![CDATA[Web Design Development]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?post_type=roundup&#038;p=5725</guid>
		<description><![CDATA[In today&#8217;s post I cover some cool web design concepts but I want to point out the first topic I included below called &#8220;How to Create a Knight’s Shield in Illustrator&#8221;. Why would I point this topic out? Well, a number of my products use a shield (I like this type of shield) in the [...]]]></description>
			<content:encoded><![CDATA[In today&#8217;s post I cover some cool web design concepts but I want to point out the first topic I included below called &#8220;How to Create a Knight’s Shield in Illustrator&#8221;.
<br />
<br />
Why would I point this topic out?  Well, a number of my products use a shield (I like this type of shield) in the brand and they way we designed our shield is just the way it&#8217;s explained in the topic below.  A few people asked me how we did it or who designed it&#8230;well, now you can see how it&#8217;s done!
<br />
<br />
<div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /><h2 class="bb_itemtitle"><a title="How to Create a Knight’s Shield in Illustrator" name="Noupe.com" href="http://www.noupe.com/tutorial/how-to-create-a-knight-s-shield-in-illustrator.html" rel="follow" target="_blank"></a>How to Create a Knight’s Shield in Illustrator</h2></div><div class="bb-post-content"><p>  </p><p>Today we will will go through creation process of a Medieval Knight Shield in Adobe Illustrator. We will try to create nice, shiny Shield that can be used as the website icon or a company  logo. Creation process is quite simple. All we have to do is to use simple shape as ellipse, to distort it a little bit and to combine it with other shapes&#8230;</p></div><p><a class="bb_readmore" title="Continue reading on Noupe.com »" href="http://www.noupe.com/tutorial/how-to-create-a-knight-s-shield-in-illustrator.html" rel="follow"><strong>Continue Reading On Noupe.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996950601416575722.png" alt="" width="125" height="55" /><br /><h2 class="bb_itemtitle"><a title="20 iPhone apps to help you create amazing photographs" name="WebDesignerDepot.com" href="http://www.webdesignerdepot.com/2011/07/20-iphone-apps-to-help-you-create-amazing-photographs/" rel="follow" target="_blank"></a>20 iPhone apps to help you create amazing photographs</h2></div><div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1311007864-212981890.jpg" alt="20 iPhone apps to help you create amazing photographs" width="200" height="160" />With the arrival of the iPhone in 2007, iPhoneography, a new art form for photography was born.Developers have been working fast and furiously to keep up with the frenzy of interest with apps that are moving photography to a new level.In this post we’ll take a look at a number of apps available for iPhones (and iPads) that compliment the native iPhone camera and in many cases, replace it entirely&#8230;</div><p><a class="bb_readmore" title="Continue reading on WebDesignerDepot.com »" href="http://www.webdesignerdepot.com/2011/07/20-iphone-apps-to-help-you-create-amazing-photographs/" rel="follow"><strong>Continue Reading On WebDesignerDepot.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br /><h2 class="bb_itemtitle"><a title="Animated Text and Icon Menu with jQuery" name="Tympanus.net/codrops" href="http://tympanus.net/codrops/2011/07/12/animated-text-and-icon-menu/" rel="follow" target="_blank"></a>Animated Text and Icon Menu with jQuery</h2></div><div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1311008063-1089244968.jpg" alt="Animated Text and Icon Menu with jQuery" width="400" height="217" /> Today we want to show you how to create a slick menu with a nice animation feature on hover. The idea is to make some elements slide out, change and animate the background color of the item and then slide the elements back in with a different color&#8230;.</div><p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" href="http://tympanus.net/codrops/2011/07/12/animated-text-and-icon-menu/" rel="follow"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /><h2 class="bb_itemtitle"><a title="The Secrets Behind Great Call To Action Buttons" name="Noupe.com" href="http://www.noupe.com/design/the-secrets-behind-great-call-to-action-buttons.html" rel="follow" target="_blank"></a>The Secrets Behind Great Call To Action Buttons</h2></div><div class="bb-post-content"><p>  </p><p>Within web design ‘calls to action‘ can be defined as any element of the page that prompt an action of the user. However, clearly some actions are more desirable than others. For example, any site owner would prefer users to click on a ‘buy now’ link than a ‘twitter’ link&#8230;</p></div><p><a class="bb_readmore" title="Continue reading on Noupe.com »" href="http://www.noupe.com/design/the-secrets-behind-great-call-to-action-buttons.html" rel="follow"><strong>Continue Reading On Noupe.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br /><h2 class="bb_itemtitle"><a title="28 HTML5 Features, Tips, and Techniques you Must Know" name="net.tutsplus.com" href="http://feedproxy.google.com/~r/nettuts/~3/QrX0JMYIrlM/" rel="follow" target="_blank"></a>28 HTML5 Features, Tips, and Techniques you Must Know</h2></div><div class="bb-post-content"><p>Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in August, 2010.</p><p>This industry moves fast — really fast! If you’re not careful, you’ll be left in its dust. So, if you’re feeling a bit overwhelmed with the coming changes/updates in HTML5, use this as a primer of the things you must know&#8230;</p></div><p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" href="http://feedproxy.google.com/~r/nettuts/~3/QrX0JMYIrlM/" rel="follow"><strong>Continue Reading On net.tutsplus.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /><h2 class="bb_itemtitle"><a title="Five Killer Ways to Use Background Imagery" name="DesignShack.co.uk" href="http://designshack.co.uk/community/five-killer-ways-to-use-background-imagery/" rel="follow" target="_blank"></a>Five Killer Ways to Use Background Imagery</h2></div><div class="bb-post-content">Here are five examples of some excellent background imagery. Hopefully they can inform and inspire your next project.<br /> View Post</div><p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" href="http://designshack.co.uk/community/five-killer-ways-to-use-background-imagery/" rel="follow"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br /><h2 class="bb_itemtitle"><a title="Living a Dual Life – A View on the Coding Designers Debate" name="Tympanus.net/codrops" href="http://tympanus.net/codrops/2011/07/11/living-a-dual-life-a-view-on-the-coding-designers-debate/" rel="follow" target="_blank"></a>Living a Dual Life – A View on the Coding Designers Debate</h2></div><div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1311008063-1213185642.jpg" alt="Living a Dual Life – A View on the Coding Designers Debate" width="400" height="217" />Lately I’ve noticed some great discussions in web design forums, on Linkedin and Twitter about the role of a web designer and what skills a web designer should have. The question that keeps getting brought up time and time again is whether it is necessary for web designers to have the ability to develop designs: should designers code?I believe for the most part web designers should be expected to at least understand how to reconstruct their designs in HTML and CSS if only so they can understand the limitations and complications of programming&#8230;</div><p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" href="http://tympanus.net/codrops/2011/07/11/living-a-dual-life-a-view-on-the-coding-designers-debate/" rel="follow"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /><h2 class="bb_itemtitle"><a title="Seven Guidelines For Designing High-Performance Mobile User Experiences" name="SmashingMagazine.com" href="http://www.smashingmagazine.com/2011/07/18/seven-guidelines-for-designing-high-performance-mobile-user-experiences/" rel="follow" target="_blank"></a>Seven Guidelines For Designing High-Performance Mobile User Experiences</h2></div><div class="bb-post-content"><p>  </p><p>A positive first impression is essential to relationships. People look for trust and integrity, and they expect subsequent encounters to reflect and reinforce their first impression. The same principles apply to brands and their products. Design plays an important role in building lasting relationships with end users and, thus, in supporting the brand’s promise&#8230;</p></div><p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" href="http://www.smashingmagazine.com/2011/07/18/seven-guidelines-for-designing-high-performance-mobile-user-experiences/" rel="follow"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div><p>&nbsp;</p><div style="border-top: 1px solid #eee;"></div>]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/roundup/web-design-development-news-jul-18th-knight%e2%80%99s-shield/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design &amp; Development News Jun 20th</title>
		<link>http://dotcomreport.com/roundup/web-design-development-news-jun-20th/</link>
		<comments>http://dotcomreport.com/roundup/web-design-development-news-jun-20th/#comments</comments>
		<pubDate>Mon, 20 Jun 2011 22:11:15 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Amp]]></category>
		<category><![CDATA[BoagWorld.com]]></category>
		<category><![CDATA[Canvas]]></category>
		<category><![CDATA[Cartoonist]]></category>
		<category><![CDATA[Cartoonists]]></category>
		<category><![CDATA[Color Values]]></category>
		<category><![CDATA[Coloured Squares]]></category>
		<category><![CDATA[Dazzling Designs]]></category>
		<category><![CDATA[Demo]]></category>
		<category><![CDATA[Design Inspiration]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[Desktops]]></category>
		<category><![CDATA[Development News]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Funny Situations]]></category>
		<category><![CDATA[Gradients]]></category>
		<category><![CDATA[Graphic Design Field]]></category>
		<category><![CDATA[Great Resources]]></category>
		<category><![CDATA[Grunge]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Layout Style]]></category>
		<category><![CDATA[Lili]]></category>
		<category><![CDATA[Navigation Effects]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[Photo Editor]]></category>
		<category><![CDATA[Pixel Manipulation]]></category>
		<category><![CDATA[Possibilities]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[Reminders]]></category>
		<category><![CDATA[Scratch]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[SmashingMagazine.com]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Thumbnails]]></category>
		<category><![CDATA[Tympanus.net/codrops]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>
		<category><![CDATA[World Today]]></category>
		<category><![CDATA[Xl]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?post_type=roundup&#038;p=5671</guid>
		<description><![CDATA[Design is what makes each site different and in today&#8217;s post you&#8217;ll find some great resources. It doesn&#8217;t matter if you&#8217;re a designer or not, you&#8217;ll find a number of these topics helpful. Take a minute and look through. There are a few freebies as well!! Grid Navigation Effects with jQuery View demo Download sourceToday [...]]]></description>
			<content:encoded><![CDATA[Design is what makes each site different and in today&#8217;s post you&#8217;ll find some great resources.  It doesn&#8217;t matter if you&#8217;re a designer or not, you&#8217;ll find a number of these topics helpful.
<br />
<br />
Take a minute and look through.  There are a few freebies as well!!
<br />
<br />
<div class="bb_header_text"></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br /> <h2 class="bb_itemtitle"><a title="Grid Navigation Effects with jQuery" rel="follow" name="Tympanus.net/codrops" href="http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/" target="_blank">Grid Navigation Effects with jQuery</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1308585310-475434210.jpg" alt="Grid Navigation Effects with jQuery" width="400" height="217" /> View demo Download sourceToday we want to share some neat grid navigation effects using jQuery. In our examples we will show you ten ways how to navigate through a set of thumbnails. We’ll take a look at some of the possibilities and how to apply the effect.The images used in the demos are by Andrew and Lili and you can see their Behance profile here: http://www&#8230;</div> <p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" rel="follow" href="http://tympanus.net/codrops/2011/06/09/grid-navigation-effects/"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <h2 class="bb_itemtitle"><a title="Design Inspiration: Grand Café XL" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/design/grand-caf-xl" target="_blank">Design Inspiration: Grand Café XL</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1308585150-274889792.jpg" alt="Design Inspiration: Grand Café XL" width="400" height="164" />A simply but effective site for a cafe. I particularly like the use of a coloured squares to add style and interest to the layout of the site.The photography is great and really adds something to the experience.    This design was featured on the Monday 20th of June 2011. It falls under the category of Food, and has a layout style of Two Column&#8230;</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/grand-caf-xl"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br /> <h2 class="bb_itemtitle"><a title="Canvas from Scratch: Pixel Manipulation" rel="follow" name="net.tutsplus.com" href="http://feedproxy.google.com/~r/nettuts/~3/H7isZywF6w8/" target="_blank">Canvas from Scratch: Pixel Manipulation</a></h2></div> <div class="bb-post-content">Advertise hereIn the last article, you learned all about transformations, shadows and gradients. Today, I’m going to show you how to manipulate pixels in canvas; from simply accessing color values, to editing images within the canvas just like a photo editor.<br /> This is easily one of the most powerful features built into canvas directly, and once you’ve learned it, I guarantee that you’ll have a whole range of exciting ideas&#8230;</div> <p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/H7isZywF6w8/"><strong>Continue Reading On net.tutsplus.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br /> <h2 class="bb_itemtitle"><a title="7 Steps for the Perfect Landing Page" rel="follow" name="Tympanus.net/codrops" href="http://tympanus.net/codrops/2011/06/10/perfect-landing-page/" target="_blank">7 Steps for the Perfect Landing Page</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1308585309-842635238.jpg" alt="7 Steps for the Perfect Landing Page" width="400" height="217" />1 Think ‘about’ the foldWith all the debate swirling around blogs and magazines about the importance or non-importance of the fold, when you’re designing a landing page please consider using it to your advantage.When I design landing pages I don’t try to cram everything above the fold and clutter up the top 500 pixels of my design, but I do like to design so that images, headlines or text teeter on the line&#8230;</div> <p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" rel="follow" href="http://tympanus.net/codrops/2011/06/10/perfect-landing-page/"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="Thumbnail Hover State Overlay (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/g-2Q5RwaeMo/" target="_blank">Thumbnail Hover State Overlay (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1308585143-1559654275.jpg" alt="Thumbnail Hover State Overlay (PSD)" width="400" height="190" />Today&#8217;s freebie is a sweet looking thumbnail overlay &#8211; the type of thing you might want to include to spice up a portfolio or photo gallery for example. Nice.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/g-2Q5RwaeMo/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949712036095686.gif" alt="" width="125" height="21" /><br /> <h2 class="bb_itemtitle"><a title="Laying the ground work" rel="follow" name="BoagWorld.com" href="http://boagworld.com/season/2/episode/s2e1/" target="_blank">Laying the ground work</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1308585154-1696362298.jpg" alt="Laying the ground work" width="400" height="237" />In my last two books ‘Building Website for Return on Investment’ and ‘The Website Owners Manual’ I have laid out a clear plan for building a successful website. In this season of the Boagworld podcast I plan to take the principles I have explained and apply them to a real website – the site you are currently looking at&#8230;</div> <p><a class="bb_readmore" title="Continue reading on BoagWorld.com »" rel="follow" href="http://boagworld.com/season/2/episode/s2e1/"><strong>Continue Reading On BoagWorld.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /> <h2 class="bb_itemtitle"><a title="Free Style Guides Icon Set For Writers And Editors" rel="follow" name="SmashingMagazine.com" href="http://www.smashingmagazine.com/2011/06/20/free-style-guides-icon-set-for-writers-and-editors/" target="_blank">Free Style Guides Icon Set For Writers And Editors</a></h2></div> <div class="bb-post-content"><p>&nbsp;</p> <p>Today, we’re excited to present you with a free icon set, called Style Guides. Perfect for websites with an editorial flair, Style Guides features 14 high-quality icons ranging from 32×32 to 512×512 pixels. Designed by Thomas McGee of WinePress of Words, this set has been exclusively released for Smashing Magazine and its readers&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/06/20/free-style-guides-icon-set-for-writers-and-editors/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div><p>&nbsp;</p><div style="border-top: 1px solid #eee;"><div class="bb_footer_text"></div></div>]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/roundup/web-design-development-news-jun-20th/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Web Design News Jun 6th</title>
		<link>http://dotcomreport.com/roundup/web-design-news-jun-6th/</link>
		<comments>http://dotcomreport.com/roundup/web-design-news-jun-6th/#comments</comments>
		<pubDate>Tue, 07 Jun 2011 03:47:21 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aesthetics]]></category>
		<category><![CDATA[Artistic Abilities]]></category>
		<category><![CDATA[BoagWorld.com]]></category>
		<category><![CDATA[Core Feature]]></category>
		<category><![CDATA[Creative Artwork]]></category>
		<category><![CDATA[Design Inspiration]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[Desktop Wallpaper Calendar]]></category>
		<category><![CDATA[Desktop Wallpapers]]></category>
		<category><![CDATA[Development News]]></category>
		<category><![CDATA[Freebie]]></category>
		<category><![CDATA[Independent Project]]></category>
		<category><![CDATA[Interesting Stuff]]></category>
		<category><![CDATA[iOS]]></category>
		<category><![CDATA[Iphone]]></category>
		<category><![CDATA[Layout Style]]></category>
		<category><![CDATA[Level Architecture]]></category>
		<category><![CDATA[linen]]></category>
		<category><![CDATA[Matter Of Fact]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[SmashingMagazine.com]]></category>
		<category><![CDATA[Sources Of Inspiration]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Straightforward Type]]></category>
		<category><![CDATA[Striking Design]]></category>
		<category><![CDATA[Top Shelf]]></category>
		<category><![CDATA[Tweets]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Tympanus.net/codrops]]></category>
		<category><![CDATA[Ui Elements]]></category>
		<category><![CDATA[Web Design News]]></category>
		<category><![CDATA[Web Designers]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?post_type=roundup&#038;p=5649</guid>
		<description><![CDATA[Sorry I&#8217;m getting this out to you so late. I&#8217;ll keep it short. Here&#8217;s the latet news for web designers. Design Inspiration: Mud Map Icon A striking design for an iPhone app icon! I love the textures here, they immediately engage with your eyes.Grass is a powerful texture, it works well in combination with the [...]]]></description>
			<content:encoded><![CDATA[Sorry I&#8217;m getting this out to you so late.
<br />
<br />
I&#8217;ll keep it short.
<br />
<br />
Here&#8217;s the latet news for web designers.
<br />
<br />
<div class="bb_header_text"></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <h2 class="bb_itemtitle"><a title="Design Inspiration: Mud Map Icon" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/design/mud-map-icon" target="_blank">Design Inspiration: Mud Map Icon</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1307373880-231051022.jpg" alt="Design Inspiration: Mud Map Icon" width="400" height="164" />A striking design for an iPhone app icon! I love the textures here, they immediately engage with your eyes.Grass is a powerful texture, it works well in combination with the straightforward type of the mud &#8216;M&#8217;.    This design was featured on the Monday 6th of June 2011. It falls under the category of iPhone App, and has a layout style of Other&#8230;</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/mud-map-icon"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /> <h2 class="bb_itemtitle"><a title="Desktop Wallpaper Calendar: June 2011" rel="follow" name="SmashingMagazine.com" href="http://www.smashingmagazine.com/2011/05/31/desktop-wallpaper-calendar-june-2011/" target="_blank">Desktop Wallpaper Calendar: June 2011</a></h2></div> <div class="bb-post-content"><p>&nbsp;</p> <p>We always try our best to challenge your artistic abilities and produce some interesting, beautiful and creative artwork. And as designers we usually turn to different sources of inspiration. As a matter of fact, we’ve discovered the best one — desktop wallpapers that are a little more distinctive than the usual crowd&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/05/31/desktop-wallpaper-calendar-june-2011/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="Apple iOS Linen Texture" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/wfkQn5jCYNk/" target="_blank">Apple iOS Linen Texture</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1307373869-1979386784.jpg" alt="Apple iOS Linen Texture" width="400" height="190" />Today&#8217;s quick freebie is an Apple-style fabric texture. A while ago I asked whether we were over this style or not &#8211; mixed responses. Either way, I created one and decided to share.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/wfkQn5jCYNk/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /> <h2 class="bb_itemtitle"><a title="20 Free Top Shelf UI Kits for Web Designers" rel="follow" name="Noupe.com" href="http://www.noupe.com/tools/20-free-top-shelf-ui-kits-for-web-designers.html" target="_blank">20 Free Top Shelf UI Kits for Web Designers</a></h2></div> <div class="bb-post-content"><p>&nbsp;</p> <p>When it comes to web design, the UI elements that are included can, at times, make or effectively break (in more ways than one) the overall piece. Compromising the aesthetics and even the functionality of the design rendering it virtually useless. So we have to choose the UI elements carefully&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on Noupe.com »" rel="follow" href="http://www.noupe.com/tools/20-free-top-shelf-ui-kits-for-web-designers.html"><strong>Continue Reading On Noupe.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /> <h2 class="bb_itemtitle"><a title="Planning And Implementing Website Navigation" rel="follow" name="SmashingMagazine.com" href="http://www.smashingmagazine.com/2011/06/06/planning-and-implementing-website-navigation/" target="_blank">Planning And Implementing Website Navigation</a></h2></div> <div class="bb-post-content"><p>&nbsp;</p> <p>The thing that makes navigation difficult to work with in Web design is that it can be so versatile. Navigation can be simple or complex: a few main pages or a multi-level architecture; one set of content for logged-in users and another for logged-out users; and so on&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/06/06/planning-and-implementing-website-navigation/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="Clean &amp; Simple Login Form (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/szS4ApHs-UU/" target="_blank">Clean &amp; Simple Login Form (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1307373867-328478987.jpg" alt="Clean &amp; Simple Login Form (PSD)" width="400" height="187" />Today&#8217;s freebie is a clean and simple login form perfect for a multitude of sites. If you&#8217;re working on a super duper app or site design, then this may be of some use.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/szS4ApHs-UU/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" alt="" width="125" height="25" /><br /> <h2 class="bb_itemtitle"><a title="Top 10 Git Tutorials for Beginners" rel="follow" name="SixRevisions.com" href="http://feedproxy.google.com/~r/SixRevisions/~3/u2p-y5oGnTs/" target="_blank">Top 10 Git Tutorials for Beginners</a></h2></div> <div class="bb-post-content">Advertise here with BSA<br /> As a web designer or web developer, you’ve probably heard of Git before, a version control system that has had a swift ascension to ubiquity due in part to GitHub, a social code repository site.<br /> If you’d like to learn how to use Git, check out my top 10 favorite Git tutorials for beginners&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SixRevisions.com »" rel="follow" href="http://feedproxy.google.com/~r/SixRevisions/~3/u2p-y5oGnTs/"><strong>Continue Reading On SixRevisions.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br /> <h2 class="bb_itemtitle"><a title="Image Wall with jQuery" rel="follow" name="Tympanus.net/codrops" href="http://tympanus.net/codrops/2011/05/25/image-wall/" target="_blank">Image Wall with jQuery</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1307374034-442975846.jpg" alt="Image Wall with jQuery" width="400" height="217" /> View demo Download sourceToday we want to show you how to create a neat image wall with jQuery. The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and when clicking again on the thumbnail, the ribbon will close and open again with a large version of the image&#8230;</div> <p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" rel="follow" href="http://tympanus.net/codrops/2011/05/25/image-wall/"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /> <h2 class="bb_itemtitle"><a title="How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery" rel="follow" name="OneXtraPixel.com" href="http://feedproxy.google.com/~r/onextrapixel/~3/l1aBZ7XtyHE/" target="_blank">How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery</a></h2></div> <div class="bb-post-content">Menus play an essential part on the web. They allow users to find their bearings and help them navigate your website. When designing menus, usability is the key.<br /> Beginners often struggle with the basics. In this tutorial I&#8217;m going to show you how to create a simple, usable and functional horizontal menu with HTML and CSS&#8230;</div> <p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/l1aBZ7XtyHE/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" alt="" width="125" height="39" /><br /> <h2 class="bb_itemtitle"><a title="Useful Tools To Check Cross-Browser Compatibility Issues" rel="follow" name="SpeckyBoy.com" href="http://feedproxy.google.com/~r/speckboy-design-magazine/~3/_eLSpjIYx4U/" target="_blank">Useful Tools To Check Cross-Browser Compatibility Issues</a></h2></div> <div class="bb-post-content">Advertise here with BSAWith today’s modern web it’s not uncommon for many visitors to be using a different browser. The options seem almost unlimited with Mozilla Firefox, Google Chrome, Opera, Safari, and of course Internet Explorer. There are also many lesser-known browsers and 3rd party software for Mac and Linux Operating Systems&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SpeckyBoy.com »" rel="follow" href="http://feedproxy.google.com/~r/speckboy-design-magazine/~3/_eLSpjIYx4U/"><strong>Continue Reading On SpeckyBoy.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="Clean &amp; Simple Line Chart (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/rN9BOVaNG9g/" target="_blank">Clean &amp; Simple Line Chart (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1307373870-1189039353.jpg" alt="Clean &amp; Simple Line Chart (PSD)" width="400" height="190" />Friday&#8217;s freebie is a clean and simple line chart. Admin panels, analytics, reports &#8211; they can be pretty too right? This chart should give you a solid starting point.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/rN9BOVaNG9g/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div><p>&nbsp;</p>]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/roundup/web-design-news-jun-6th/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design &amp; Development News May 23rd</title>
		<link>http://dotcomreport.com/roundup/web-design-development-news-may-23rd/</link>
		<comments>http://dotcomreport.com/roundup/web-design-development-news-may-23rd/#comments</comments>
		<pubDate>Mon, 23 May 2011 15:45:58 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[3d Icons]]></category>
		<category><![CDATA[Amp]]></category>
		<category><![CDATA[Apps]]></category>
		<category><![CDATA[BoagWorld.com]]></category>
		<category><![CDATA[Case Study]]></category>
		<category><![CDATA[Cityscape]]></category>
		<category><![CDATA[Customizations]]></category>
		<category><![CDATA[Design Components]]></category>
		<category><![CDATA[Design Inspiration]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[Development News]]></category>
		<category><![CDATA[Drop Down Menu]]></category>
		<category><![CDATA[Evolution Of Internet]]></category>
		<category><![CDATA[Free Icon]]></category>
		<category><![CDATA[Free Icons]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Good Web Design]]></category>
		<category><![CDATA[High Quality]]></category>
		<category><![CDATA[Impressive Number]]></category>
		<category><![CDATA[Layout Style]]></category>
		<category><![CDATA[Macromedia]]></category>
		<category><![CDATA[Massive Success]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[Photoshop Psd Files]]></category>
		<category><![CDATA[Png Format]]></category>
		<category><![CDATA[Postage Stamp]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[Quiz Engine]]></category>
		<category><![CDATA[Revisions]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[Slider]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Toolbox]]></category>
		<category><![CDATA[Unrivalled Source]]></category>
		<category><![CDATA[User Interface]]></category>
		<category><![CDATA[Video Players]]></category>
		<category><![CDATA[Web Designers]]></category>
		<category><![CDATA[Web Developer]]></category>
		<category><![CDATA[Web Developers]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>
		<category><![CDATA[Wishlists]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?post_type=roundup&#038;p=5625</guid>
		<description><![CDATA[The impact a good graphic can have on your ability to communicate an idea can not be overstated. That&#8217;s why I enjoy doing these posts on website design posts. I always find free icons and other images that you can use on your site to improve the look and feel. Take a look below and [...]]]></description>
			<content:encoded><![CDATA[The impact a good graphic can have on your ability to communicate an idea can not be overstated. 
<br />
<br />
That&#8217;s why I enjoy doing these posts on website design posts.  I always find free icons and other images that you can use on your site to improve the look and feel.
<br />
<br />
Take a look below and see what I mean.
<br />
<br />
Please re-tweet these freebies and items I&#8217;ve included.
<br />
<br />
<div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /> <br /> <h2 class="bb_itemtitle"><a title="50 Free and High-Quality Icon Sets" rel="follow" name="Noupe.com" href="http://www.noupe.com/freebie/50-free-and-high-quality-icon-sets.html" target="_blank">50 Free and High-Quality Icon Sets</a></h2></div> <div class="bb-post-content"><p>&nbsp;</p> <p>A beautiful and elegant icon set is an asset to any good web design. Creative use of an icon set can help make or break the overall look of the design. Freebie design components, especially beautiful icon sets can be found in nearly every designer’s toolbox, or if not already among their tools, then certainly on their wishlists&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on Noupe.com »" rel="follow" href="http://www.noupe.com/freebie/50-free-and-high-quality-icon-sets.html"><strong>Continue Reading On Noupe.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <br /> <h2 class="bb_itemtitle"><a title="Mini Drop-Down Menu (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/7UpuXjf5Haw/" target="_blank">Mini Drop-Down Menu (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1306162184-994336738.jpg" alt="Mini Drop-Down Menu (PSD)" width="400" height="190" />Today&#8217;s freebie is simple and stylish, a miniature drop-down menu. If you&#8217;re looking to tuck away a small menu on your site, this could be of some use to you.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/7UpuXjf5Haw/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <br /> <h2 class="bb_itemtitle"><a title="Design Inspiration: Delive" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/design/delive" target="_blank">Design Inspiration: Delive</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1306162190-19075953.jpg" alt="Design Inspiration: Delive" width="400" height="164" />A great site for a web developer that makes great use of a focal slider. I really like the cityscape, giving the site a sense of physical placement.The navigation is intuitive and the two tone layout really works.    This design was featured on the Monday 23rd of May 2011. It falls under the category of Design, and has a layout style of One Column&#8230;</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/delive"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" alt="" width="125" height="25" /><br /> <br /> <h2 class="bb_itemtitle"><a title="3D Glossy Icon Set: 20 Free Icons (with PSD)" rel="follow" name="SixRevisions.com" href="http://feedproxy.google.com/~r/SixRevisions/~3/SJABJqrnGGg/" target="_blank">3D Glossy Icon Set: 20 Free Icons (with PSD)</a></h2></div> <div class="bb-post-content"><p>This free icon set by Iconshock, released exclusively here at Six Revisions, features beautiful, pixel perfect, glossy 3D icons. Each icon comes in 5 sizes (PNG format), with Photoshop PSD files in case you would like to tweak the icons.<br /> Preview</p><a class="bb_readmore" title="Continue reading on SixRevisions.com »" rel="follow" href="http://feedproxy.google.com/~r/SixRevisions/~3/SJABJqrnGGg/"><strong>Continue Reading On SixRevisions.com »</strong></a></div></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br /> <br /> <h2 class="bb_itemtitle"><a title="Build a Spiffy Quiz Engine: New Premium Tutorial" rel="follow" name="net.tutsplus.com" href="http://feedproxy.google.com/~r/nettuts/~3/zj4i6KtQ1kc/" target="_blank">Build a Spiffy Quiz Engine: New Premium Tutorial</a></h2></div> <div class="bb-post-content">The first official Nettuts+ quiz was a massive success with an impressive number of developers participating and evaluating their knowledge. There were a non-trivial number of comments asking how the mini quiz engine was built. And lo and behold! That’s what we’re gonna learn in this week’s Premium exclusive tutorial!<a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/zj4i6KtQ1kc/"><strong>Continue Reading On net.tutsplus.com »</strong></a></div></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /> <br /> <h2 class="bb_itemtitle"><a title="Cool and Useful jQuery Image and Content Sliders and Slideshows" rel="follow" name="Noupe.com" href="http://www.noupe.com/jquery/cool-and-useful-jquery-image-and-content-sliders-and-slideshows.html" target="_blank">Cool and Useful jQuery Image and Content Sliders and Slideshows</a></h2></div> <div class="bb-post-content"><p>Looking for some cool new (and free) jQuery slider plug-ins and scripts? Then here is the perfect round-up created just for you. Here, we have collected the best of the freshest jQuery plug-ins for creating amazing image and content sliders. Because all of these plug-ins come with different functionality, this guide should help you figure out which one suits you best&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on Noupe.com »" rel="follow" href="http://www.noupe.com/jquery/cool-and-useful-jquery-image-and-content-sliders-and-slideshows.html"><strong>Continue Reading On Noupe.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /> <br /> <h2 class="bb_itemtitle"><a title="55 Inspiring and Clever Online Portfolios" rel="follow" name="OneXtraPixel.com" href="http://feedproxy.google.com/~r/onextrapixel/~3/xRtHI78YSr4/" target="_blank">55 Inspiring and Clever Online Portfolios</a></h2></div> <div class="bb-post-content">If you&#8217;re a designer/creative, you probably already know that having an online portfolio is very important. Not only do you need to have something to show your potential clients, but these days it&#8217;s important to be present online for many reasons. If you leave the address of your portfolio when you&#8217;re communicating in social media, through blog comments, contests and so on, you&#8217;ll see that you can even get work from that alone&#8230;</div> <p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/xRtHI78YSr4/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br /> <br /> <h2 class="bb_itemtitle"><a title="Create WordPress Plugins with OOP Techniques" rel="follow" name="net.tutsplus.com" href="http://feedproxy.google.com/~r/nettuts/~3/dttkB3djM-4/" target="_blank">Create WordPress Plugins with OOP Techniques</a></h2></div> <div class="bb-post-content"><p>Object-oriented code, among other things, can help organize and add reusability to your code. In this tutorial, I will teach you the basics of writing a WordPress plugin using object oriented techniques. We’ll be using Dribbble’s API as an example for this tutorial. Ready?</p> <p>What We’re Going to Learn:</p> <p>Benefits of using OOP for WordPress plugins&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/dttkB3djM-4/"><strong>Continue Reading On net.tutsplus.com »</strong></a></p></div> <p>&nbsp;</p> <div style="border-top: 1px solid #eee;"></div>]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/roundup/web-design-development-news-may-23rd/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design &amp; Development News May 9th</title>
		<link>http://dotcomreport.com/roundup/web-design-development-news-may-9th/</link>
		<comments>http://dotcomreport.com/roundup/web-design-development-news-may-9th/#comments</comments>
		<pubDate>Mon, 09 May 2011 14:58:35 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[Amp]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[BoagWorld.com]]></category>
		<category><![CDATA[Compilation]]></category>
		<category><![CDATA[Design Ideas]]></category>
		<category><![CDATA[Design Variations]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[Development News]]></category>
		<category><![CDATA[Email Addresses]]></category>
		<category><![CDATA[Final Result]]></category>
		<category><![CDATA[Freebie]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Freelance Web Designer]]></category>
		<category><![CDATA[Funny Situations]]></category>
		<category><![CDATA[Hello World]]></category>
		<category><![CDATA[Ins And Outs]]></category>
		<category><![CDATA[Interesting Stuff]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[Opacity]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[Python Development]]></category>
		<category><![CDATA[Realism]]></category>
		<category><![CDATA[Scratch]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Textures]]></category>
		<category><![CDATA[Tweet]]></category>
		<category><![CDATA[Tweets]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Tympanus.net/codrops]]></category>
		<category><![CDATA[Vector]]></category>
		<category><![CDATA[Web Designer Tools]]></category>
		<category><![CDATA[Web Designers]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>
		<category><![CDATA[World Script]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?post_type=roundup&#038;p=5568</guid>
		<description><![CDATA[A good design can make or break your site. Today I have the latest news and even some freebies for my designer friends. Take a minute to look over these topics. Notice the free &#8220;Coming Soon&#8221; files as well as the &#8220;25 Handy Freelance Web Designer Tools&#8221; topic. Do you have some good design ideas [...]]]></description>
			<content:encoded><![CDATA[A good design can make or break your site.  Today I have the latest news and even some freebies for my designer friends.
<br />
<br />
Take a minute to look over these topics.  Notice the free &#8220;Coming Soon&#8221; files as well as the &#8220;25 Handy Freelance Web Designer Tools&#8221; topic.
<br />
<br />
Do you have some good design ideas or tips to share?  Leave them in the comment section below and get a free link back to your site!
<br />
<br />
Please take a second and re-tweet or share this post with a friend.
<br />
<br />
<div class="bb_header_text"></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /> <h2 class="bb_itemtitle"><a title="How to Create a Glamorous Portrait Using Adobe Illustrator" rel="follow" name="Noupe.com" href="http://www.noupe.com/tutorial/how-to-create-a-glamorous-portrait-using-adobe-illustrator.html" target="_blank">How to Create a Glamorous Portrait Using Adobe Illustrator</a></h2></div> <div class="bb-post-content"><p>&nbsp;</p> <p>Today we’re going to show you a detailed step-by-step guide on how to create a glamorous portrait using a stock reference. The final result will be 100% vector; therefore will retain its scalable properties. This walk through is ideal for those an intermediate to advanced knowledge of Illustrator&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on Noupe.com »" rel="follow" href="http://www.noupe.com/tutorial/how-to-create-a-glamorous-portrait-using-adobe-illustrator.html"><strong>Continue Reading On Noupe.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /> <h2 class="bb_itemtitle"><a title="Opacity and Overlay Techniques in Web Design" rel="follow" name="OneXtraPixel.com" href="http://feedproxy.google.com/~r/onextrapixel/~3/73iyr82C7gA/" target="_blank">Opacity and Overlay Techniques in Web Design</a></h2></div> <div class="bb-post-content">Variations in opacity and overlay techniques are a very common trend in web design, and can bring any boring design into the modern era with a touch of style. It&#8217;s great for creating depth and a sense of realism, and can often times be a better alternative than cutting off images, textures, and patterns&#8230;</div> <p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/73iyr82C7gA/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br /> <h2 class="bb_itemtitle"><a title="Python from Scratch: Getting Started" rel="follow" name="net.tutsplus.com" href="http://feedproxy.google.com/~r/nettuts/~3/l5K7d6N2X9s/" target="_blank">Python from Scratch: Getting Started</a></h2></div> <div class="bb-post-content">Advertise here<br /> Welcome to Python from Scratch, where I’m going to teach you the ins and outs of Python development… from scratch.<p>&nbsp;</p> <p>In this first lesson, we’re going to choose a version, install Python, and then create the obligatory “Hello world” script. If you’re already familiar with Python, feel free to skip ahead to a later lesson in the series&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/l5K7d6N2X9s/"><strong>Continue Reading On net.tutsplus.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="Coming Soon Splash Page (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/86NDBMIdEMk/" target="_blank">Coming Soon Splash Page (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1304950846-66363133.jpg" alt="Coming Soon Splash Page (PSD)" width="400" height="190" />Today&#8217;s freebie is a coming soon splash page. Launching something soon? Put up a holding page, generate some buzz and collect the email addresses of those interested.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/86NDBMIdEMk/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br /> <h2 class="bb_itemtitle"><a title="Nettuts+ Quiz #1: Beginner CSS" rel="follow" name="net.tutsplus.com" href="http://feedproxy.google.com/~r/nettuts/~3/OIl7ArV9UJY/" target="_blank">Nettuts+ Quiz #1: Beginner CSS</a></h2></div> <div class="bb-post-content"><p>Advertise hereIn the first of many Nettuts+ quizzes, you’ll be able to test your knowledge by solving some nefarious questions. But don’t worry, we’re starting today by asking you some extremely beginner level CSS questions. Get crackin’ after the jump!</p> <p>CSS is used to…</p> <p>lend structure to the document</p> <p>mold the presentation of the document</p> <p>script the interactions on the page</p> <p>You’re crafty! This is a trick question&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/OIl7ArV9UJY/"><strong>Continue Reading On net.tutsplus.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="Admit One Ticket Stubs (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/6bdUJgF3nzo/" target="_blank">Admit One Ticket Stubs (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1304950844-347023310.jpg" alt="Admit One Ticket Stubs (PSD)" width="400" height="190" />Today&#8217;s freebie is a set of two &#8220;Admit One&#8221; ticket stubs. Designing something around events or admission? A ticket stub can be a nice touch in your work.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/6bdUJgF3nzo/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br /> <h2 class="bb_itemtitle"><a title="PHP Style Switcher (Free Marketplace File)" rel="follow" name="net.tutsplus.com" href="http://feedproxy.google.com/~r/nettuts/~3/ju5MU0YYORA/" target="_blank">PHP Style Switcher (Free Marketplace File)</a></h2></div> <div class="bb-post-content">Advertise here<br /> With a new month comes new free files from all of the Envato marketplaces. For all of May, you can download webfactory’s awesome “PHP Style Switcher” for free from CodeCanyon.<p>&nbsp;</p> <p>Download on CodeCanyon for Free.</p> <p>Features</p> <p>absolutely no PHP editing needed!<br /> 5 seconds, 3 step setup (see below)<br /> created for designers<br /> support for multiple CSS files in single HTML<br /> ideal for showcasing your work with multiple color schemes<br /> faster than JS based switching<br /> unlike JS based switching not prone to bugs; doesn’t interfeer with other JS code<br /> extensive user-friendly documentation and examples</p> <p>While You’re On CodeCanyon…<br /> Remember to check out the rest of the site&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/ju5MU0YYORA/"><strong>Continue Reading On net.tutsplus.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /> <h2 class="bb_itemtitle"><a title="25 Handy Freelance Web Designer Tools" rel="follow" name="OneXtraPixel.com" href="http://feedproxy.google.com/~r/onextrapixel/~3/_wgdOC2UH2Y/" target="_blank">25 Handy Freelance Web Designer Tools</a></h2></div> <div class="bb-post-content">A freelancer’s job can prove as hectic as any other profession, even more so when you consider all the documents, images, passwords, conversations, instructions etc that the freelancer must store and keep track of.<br /> Over the years keeping track of all that goes on within this profession has become somewhat easier with the introduction of a plethora of online tools&#8230;</div> <p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/_wgdOC2UH2Y/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" alt="" width="125" height="39" /><br /> <h2 class="bb_itemtitle"><a title="Building a Great Web Design Portfolio – 10 Best Tips &amp; 40 Examples" rel="follow" name="SpeckyBoy.com" href="http://speckyboy.com/2011/05/08/building-a-great-web-design-portfolio-%E2%80%93-10-best-tips-40-examples/" target="_blank">Building a Great Web Design Portfolio – 10 Best Tips &amp; 40 Examples</a></h2></div> <div class="bb-post-content">Advertise here with BSATo a prospective client, you as a web designer are often only as good as your portfolio. They’re checking you out for the first time, and if you don’t impress them enough, you won’t get their work. And if you don’t get work, you don’t get paid. And if you don’t get paid, then you… aw, you get it&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SpeckyBoy.com »" rel="follow" href="http://speckyboy.com/2011/05/08/building-a-great-web-design-portfolio-%E2%80%93-10-best-tips-40-examples/"><strong>Continue Reading On SpeckyBoy.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /> <h2 class="bb_itemtitle"><a title="35 Examples of Well Integrated Social Media Links in Web Design" rel="follow" name="OneXtraPixel.com" href="http://feedproxy.google.com/~r/onextrapixel/~3/fwFYk_0AXM8/" target="_blank">35 Examples of Well Integrated Social Media Links in Web Design</a></h2></div> <div class="bb-post-content">Implementing social media links into a website can be very important in helping you get a more professional look. In many cases this can make a huge difference when looking at how many actually follow your different profiles, again reflecting on how much your work gets shared and your traffic. If it fits in really well with the rest of the design, it can underline the professional look of your work and be quite a piece of art to have a look at&#8230;</div> <p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/fwFYk_0AXM8/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br /> <h2 class="bb_itemtitle"><a title="Rotating Image Slider with jQuery" rel="follow" name="Tympanus.net/codrops" href="http://tympanus.net/codrops/2011/04/28/rotating-image-slider/" target="_blank">Rotating Image Slider with jQuery</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1304951538-1128528500.jpg" alt="Rotating Image Slider with jQuery" width="400" height="217" /> View demo Download sourceIn the following tutorial we will create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders&#8230;</div> <p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" rel="follow" href="http://tympanus.net/codrops/2011/04/28/rotating-image-slider/"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p></div><div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br /> <h2 class="bb_itemtitle"><a title="Sliding Letters with jQuery" rel="follow" name="Tympanus.net/codrops" href="http://tympanus.net/codrops/2011/05/09/sliding-letters-with-jquery/" target="_blank">Sliding Letters with jQuery</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1304951537-754154551.jpg" alt="Sliding Letters with jQuery" width="400" height="217" />Today we have a neat little effect for you. We want to bring some life to the standard hover effect by playing around with the letters in an anchor word. The aim is to slide in letter by letter when hovering over a link element. We can either have the same word or a different one and we can slide in the new letters all the same time or one after the other&#8230;</div> <p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" rel="follow" href="http://tympanus.net/codrops/2011/05/09/sliding-letters-with-jquery/"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <h2 class="bb_itemtitle"><a title="Design Inspiration: Woodpad" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/design/woodpad" target="_blank">Design Inspiration: Woodpad</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1304950852-781997167.jpg" alt="Design Inspiration: Woodpad" width="400" height="164" />A gorgeous analog style interface designed by Patrick Cleiren. I love the grain of the wood and detail on the dials.The contrast between the wood surface and the dark surface is very effective.    This design was featured on the Monday 9th of May 2011. It falls under the category of Other, and has a layout style of Other&#8230;</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/woodpad"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div><p>&nbsp;</p><div style="border-top: 1px solid #eee;"><div class="bb_footer_text"></div></div>]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/roundup/web-design-development-news-may-9th/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design &amp; Development News Apr 25th</title>
		<link>http://dotcomreport.com/roundup/web-design-development-news-apr-25th/</link>
		<comments>http://dotcomreport.com/roundup/web-design-development-news-apr-25th/#comments</comments>
		<pubDate>Mon, 25 Apr 2011 15:42:15 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Arcs]]></category>
		<category><![CDATA[Background Images]]></category>
		<category><![CDATA[Billable Hours]]></category>
		<category><![CDATA[BoagWorld.com]]></category>
		<category><![CDATA[Bsa]]></category>
		<category><![CDATA[Client Websites]]></category>
		<category><![CDATA[Css3]]></category>
		<category><![CDATA[Design Inspiration]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[Development News]]></category>
		<category><![CDATA[Enhancements]]></category>
		<category><![CDATA[Free Images]]></category>
		<category><![CDATA[Future Releases]]></category>
		<category><![CDATA[Gradients]]></category>
		<category><![CDATA[Javascript Library]]></category>
		<category><![CDATA[Mathematical Functions]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[Oriented Design]]></category>
		<category><![CDATA[Page Speed]]></category>
		<category><![CDATA[Pngs]]></category>
		<category><![CDATA[Power Speed]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[Psd Files]]></category>
		<category><![CDATA[Real World]]></category>
		<category><![CDATA[Rounded Corners]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[SmashingMagazine.com]]></category>
		<category><![CDATA[Snapshots]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Speed Benchmark]]></category>
		<category><![CDATA[Tweet]]></category>
		<category><![CDATA[Tympanus.net/codrops]]></category>
		<category><![CDATA[Vector Graphics]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?post_type=roundup&#038;p=5508</guid>
		<description><![CDATA[A good design can make or break your site. Take a look at the tips below. You&#8217;ll find free images and PSD files as well as a few other resources. My favorite is the &#8220;Detailed Comparison of Premium WordPress Theme Clubs&#8221; by Smashing Magazine. Very detailed review of the various Theme clubs. A must read! [...]]]></description>
			<content:encoded><![CDATA[A good design can make or break your site.
<br />
<br />
Take a look at the tips below.  You&#8217;ll find free images and PSD files as well as a few other resources.
<br />
<br />
My favorite is the &#8220;Detailed Comparison of Premium WordPress Theme Clubs&#8221; by Smashing Magazine.  Very detailed review of the various Theme clubs.  A must read!
<br />
<br />
Please re-tweet or share this post with a friend.
<br />
<br />
<div class="bb_header_text"></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /> <h2 class="bb_itemtitle"><a title="CSS3 vs. CSS: A Speed Benchmark" rel="follow" name="SmashingMagazine.com" href="http://www.smashingmagazine.com/2011/04/21/css3-vs-css-a-speed-benchmark/" target="_blank">CSS3 vs. CSS: A Speed Benchmark</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1303739395-1554912061.png" alt="CSS3 vs. CSS: A Speed Benchmark" width="400" height="276" /> I believe in the power, speed and “update-ability” of CSS3. Not having to load background images as structural enhancements (such as PNGs for rounded corners and gradients) can save time in production (i.e. billable hours) and loading (i.e. page speed). At our company, we’ve happily been using CSS3 on client websites for over a year now, and I find that implementing many of these properties right now is the most sensible way to build websites&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/04/21/css3-vs-css-a-speed-benchmark/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /> <h2 class="bb_itemtitle"><a title="Detailed Comparison of Premium WordPress Theme Clubs" rel="follow" name="SmashingMagazine.com" href="http://www.smashingmagazine.com/2011/04/20/detailed-comparison-of-premium-wordpress-theme-clubs/" target="_blank">Detailed Comparison of Premium WordPress Theme Clubs</a></h2></div> <div class="bb-post-content">WordPress professionals are faced with many options when deciding which membership-based theme providers are worth their investment. It is important to know how frequent future releases are, what your actual cost will be over time and what kind of support you can expect. It is also important to know what types of themes you will be gaining access to&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/04/20/detailed-comparison-of-premium-wordpress-theme-clubs/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" alt="" width="125" height="25" /><br /> <h2 class="bb_itemtitle"><a title="Are Dribbble Users Blurring the Line Between Art and Design?" rel="follow" name="SixRevisions.com" href="http://feedproxy.google.com/~r/SixRevisions/~3/htQeocD422A/" target="_blank">Are Dribbble Users Blurring the Line Between Art and Design?</a></h2></div> <div class="bb-post-content">Advertise here with BSA<br /> You can easily split the design community into two groups: those drafted into Dribbble and those who aren’t.<br /> Despite me being in the latter group, I find it difficult to ignore the fact that snapshots that are supposedly showing what designers are currently working on are no more than art and idealized designs that don’t reflect the actual principles and real-world requirements of a usable and function-oriented design&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SixRevisions.com »" rel="follow" href="http://feedproxy.google.com/~r/SixRevisions/~3/htQeocD422A/"><strong>Continue Reading On SixRevisions.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <h2 class="bb_itemtitle"><a title="Design Inspiration: Sunflower Monitor" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/design/sunflower-monitor" target="_blank">Design Inspiration: Sunflower Monitor</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1303739424-380870955.jpg" alt="Design Inspiration: Sunflower Monitor" width="400" height="164" />A fascinating design for a monitor that automatically moves to capture energy from the sun.I love the curved lines and clean design elements.    This design was featured on the Monday 25th of April 2011. It falls under the category of Other, and has a layout style of Other. If you&#8217;d like, you can visit this site, or view all our other featured designs&#8230;</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/sunflower-monitor"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <h2 class="bb_itemtitle"><a title="Design Inspiration: Convax Solutions" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/design/convax-solutions" target="_blank">Design Inspiration: Convax Solutions</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1303739423-1244010732.jpg" alt="Design Inspiration: Convax Solutions" width="400" height="164" />A clean and effective site for a creative design agency. The layout is intuitive and gives good space to previous design work.I particularly like the illustrations and use of icons.    This design was featured on the Monday 25th of April 2011. It falls under the category of Design, and has a layout style of Other&#8230;</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/convax-solutions"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" alt="" width="125" height="25" /><br /> <h2 class="bb_itemtitle"><a title="Usability Testing With Card Sorting" rel="follow" name="SixRevisions.com" href="http://feedproxy.google.com/~r/SixRevisions/~3/5iBc8cL-el8/" target="_blank">Usability Testing With Card Sorting</a></h2></div> <div class="bb-post-content">Advertise here with BSA<br /> Information architecture is a big component of web design. What order should elements go in? Is there a visual hierarchy that must be followed? What should go where? Is the current navigational structure the most efficient? These are just some questions that a designer faces.<p>&nbsp;</p> <p>Many designers construct websites based on their own views of how things should be ordered for the best results&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on SixRevisions.com »" rel="follow" href="http://feedproxy.google.com/~r/SixRevisions/~3/5iBc8cL-el8/"><strong>Continue Reading On SixRevisions.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="Custom Audio Player Skin (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/ic4RGv38T80/" target="_blank">Custom Audio Player Skin (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1303739411-482705845.jpg" alt="Custom Audio Player Skin (PSD)" width="400" height="190" />Today&#8217;s freebie is a sweet little custom skin for an audio player. If you&#8217;re looking to add audio to a site then switching from the default skin could be a good idea.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/ic4RGv38T80/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /> <h2 class="bb_itemtitle"><a title="Free HTML/CSS/PSD Template: TemplatesBox" rel="follow" name="Noupe.com" href="http://www.noupe.com/freebie/free-website-theme-from-templatesbox.html" target="_blank">Free HTML/CSS/PSD Template: TemplatesBox</a></h2></div> <div class="bb-post-content"><p>&nbsp;</p> <p>Getting the right look for your client’s projects, as well as your own, is one of the key make or break elements to your website creations. When users land on a site, an immediate impression is made, and we always want to make sure it the right one. Pulling this off on a budget is not always the easiest of tasks, which is what makes pre-made themes, both free and premium, a huge design time saver and arsenal must&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on Noupe.com »" rel="follow" href="http://www.noupe.com/freebie/free-website-theme-from-templatesbox.html"><strong>Continue Reading On Noupe.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <h2 class="bb_itemtitle"><a title="Design Inspiration: Orange" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/design/orange" target="_blank">Design Inspiration: Orange</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1303739423-52058766.jpg" alt="Design Inspiration: Orange" width="400" height="164" />A simple but effective fruit based logo. I like the printed effect, the texture really helps it to stand out.I also find the choice of colours works really well.    This design was featured on the Monday 25th of April 2011. It falls under the category of Logo, and has a layout style of Other. If you&#8217;d like, you can visit this site, or view all our other featured designs&#8230;</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/orange"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /> <h2 class="bb_itemtitle"><a title="A Comprehensive Guide for Amateur Graphic Designers and Beginners" rel="follow" name="OneXtraPixel.com" href="http://feedproxy.google.com/~r/onextrapixel/~3/Ha_VHog1NIU/" target="_blank">A Comprehensive Guide for Amateur Graphic Designers and Beginners</a></h2></div> <div class="bb-post-content">Hey are you an amateur graphic designer? Or are you are thinking to start your journey as a graphic designer. If yes then here are some milestones which you have to cross for adding the &#8220;Graphic Design&#8221; designation to your Bio. I have posted this article to share everything that I have learned to date, how I used the most powerful utility in this world – &#8220;the internet&#8221; to refine my creativity and imagination&#8230;</div> <p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/Ha_VHog1NIU/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /> <h2 class="bb_itemtitle"><a title="50 Effective and Creative Call to Action Buttons" rel="follow" name="Noupe.com" href="http://www.noupe.com/design/50-effective-and-creative-call-to-action-buttons.html" target="_blank">50 Effective and Creative Call to Action Buttons</a></h2></div> <div class="bb-post-content"><p>&nbsp;</p> <p>“Call to Action” is a term commonly employed in the field of web design and user experience (UX). It refers those elements in a web page that plead for an action from the visitor. The most common demonstration of call to action in web pages appears in the form of clickable buttons&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on Noupe.com »" rel="follow" href="http://www.noupe.com/design/50-effective-and-creative-call-to-action-buttons.html"><strong>Continue Reading On Noupe.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /> <h2 class="bb_itemtitle"><a title="Showcase of Creative Navigation Menus: Good and Bad Examples" rel="follow" name="SmashingMagazine.com" href="http://www.smashingmagazine.com/2011/04/19/showcase-of-creative-navigation-menus-good-and-bad-examples/" target="_blank">Showcase of Creative Navigation Menus: Good and Bad Examples</a></h2></div> <div class="bb-post-content">Good navigation is the main cornerstone of an effective website. In practice, however, it’s often a tough challenge to come up with a meaningful, unambiguous way to organize, arrange, and display content to users; and it’s often not much easier to find a visually interesting solution either&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/04/19/showcase-of-creative-navigation-menus-good-and-bad-examples/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br /> <h2 class="bb_itemtitle"><a title="Foundation HTML5 Canvas (Free Copies)" rel="follow" name="net.tutsplus.com" href="http://feedproxy.google.com/~r/nettuts/~3/PnsE4VcqXxo/" target="_blank">Foundation HTML5 Canvas (Free Copies)</a></h2></div> <div class="bb-post-content">Advertise here<br /> Rob Hawkes, author of our popular Canvas from Scratch session recently released his fantastic new book, Foundation HTML5 Canvas. This book is unique in that it introduces the HTML5 canvas element from more of a gaming angle. Even better, we’ve got some free copies to give out!<p>&nbsp;</p> <p>Learn how to become a true master of HTML5 canvas in my new book&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/PnsE4VcqXxo/"><strong>Continue Reading On net.tutsplus.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="Pretty Little Page Curl (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/7PDU3ctP7Bk/" target="_blank">Pretty Little Page Curl (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1303739414-2099222910.jpg" alt="Pretty Little Page Curl (PSD)" width="400" height="190" />Today&#8217;s freebie is a nifty little page curl. Page curls (or page peels) have been around since the beginning of time and for good reason, they command attention.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/7PDU3ctP7Bk/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div> <p>&nbsp;</p><div style="border-top: 1px solid #eee;"><div class="bb_footer_text"></div></div>
<br />
<br />
Which of these were your favorite?  Tell me if you like these free resources.]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/roundup/web-design-development-news-apr-25th/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Design &amp; Development News Apr 11th</title>
		<link>http://dotcomreport.com/roundup/web-design-development-news-apr-11th/</link>
		<comments>http://dotcomreport.com/roundup/web-design-development-news-apr-11th/#comments</comments>
		<pubDate>Mon, 11 Apr 2011 14:56:48 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Aggression]]></category>
		<category><![CDATA[Amp]]></category>
		<category><![CDATA[Bakeries]]></category>
		<category><![CDATA[Canvas]]></category>
		<category><![CDATA[Creative Endeavor]]></category>
		<category><![CDATA[Creative Fields]]></category>
		<category><![CDATA[Creative Fires]]></category>
		<category><![CDATA[Designers]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[Development News]]></category>
		<category><![CDATA[Envy]]></category>
		<category><![CDATA[Fan Base]]></category>
		<category><![CDATA[Flip Side]]></category>
		<category><![CDATA[Gotchas]]></category>
		<category><![CDATA[Imagination]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Landscape Orientation]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[Pitfalls]]></category>
		<category><![CDATA[Portrayals]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[Red Cross]]></category>
		<category><![CDATA[S Young]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[SmashingMagazine.com]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Tasty Food]]></category>
		<category><![CDATA[Tweet]]></category>
		<category><![CDATA[Tympanus.net/codrops]]></category>
		<category><![CDATA[Warning Labels]]></category>
		<category><![CDATA[Web Browser]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?post_type=roundup&#038;p=5487</guid>
		<description><![CDATA[You&#8217;ll enjoy this collection of news&#8230;even if you&#8217;re not a designer. Today&#8217;s collection includes a comic&#8230;..always good! I also included a number of free files that you can download that will improve the look and feel of your site. A logo says a lot about your company/brand/site. The 1st item below is 50 logos based [...]]]></description>
			<content:encoded><![CDATA[You&#8217;ll enjoy this collection of news&#8230;even if you&#8217;re not a designer. 
<br />
<br />
Today&#8217;s collection includes a comic&#8230;..always good!  I also included a number of free files that you can download that will improve the look and feel of your site.
<br />
<br />
A logo says a lot about your company/brand/site.  The 1st item below is 50 logos based on the color Red.  I think you&#8217;ll enjoy the quick glance at how these sites are using red.
<br />
<br />
Please re-tweet and share this post.
<br />
<br />
<div class="bb_header_text"></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" alt="" width="125" height="39" /><br /> <h2 class="bb_itemtitle"><a title="50 Fiery, Bold and Inspirational Red Logos" rel="follow" name="SpeckyBoy.com" href="http://feedproxy.google.com/~r/speckboy-design-magazine/~3/fueOHEluNbI/" target="_blank">50 Fiery, Bold and Inspirational Red Logos</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1302528039-1524432340.jpg" alt="50 Fiery, Bold and Inspirational Red Logos" width="400" height="200" />Designers often use the color red when they want to grab the audience’s attention. Its often used express energy, love, passion and danger – think warning labels, aggression, blood, violence and traditional portrayals of ‘the devil’. On the flip side, and with a softer tone, it is also the color of the Red Cross and the color of the heart&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SpeckyBoy.com »" rel="follow" href="http://feedproxy.google.com/~r/speckboy-design-magazine/~3/fueOHEluNbI/"><strong>Continue Reading On SpeckyBoy.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /> <h2 class="bb_itemtitle"><a title="Relationship Engineering: Designing Attraction" rel="follow" name="SmashingMagazine.com" href="http://www.smashingmagazine.com/2011/04/08/relationship-engineering-designing-attraction/" target="_blank">Relationship Engineering: Designing Attraction</a></h2></div> <div class="bb-post-content">“Look at her: so beautiful, so friendly, so smart. And what a personality. She must be mine. Hooking up with her would make me the envy of all my friends. Sure, she’s young and she’s gorgeous. Besides, I can easily try something new if I get bored or something better comes along&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/04/08/relationship-engineering-designing-attraction/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <h2 class="bb_itemtitle"><a title="50 Sweet &amp; Tasty Food Inspired Website Designs" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/community/50-sweet-tasty-food-inspired-website-designs" target="_blank">50 Sweet &amp; Tasty Food Inspired Website Designs</a></h2></div> <div class="bb-post-content">We’ve got 50 sweet &amp; tasty website designs all inspired by or related to food, ranging from cupcake websites to restaurants, bakeries and more.<br /> View Post</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/community/50-sweet-tasty-food-inspired-website-designs"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" alt="" width="125" height="25" /><br /> <h2 class="bb_itemtitle"><a title="How to Design Browser Themes" rel="follow" name="SixRevisions.com" href="http://feedproxy.google.com/~r/SixRevisions/~3/71wJnnsIbBU/" target="_blank">How to Design Browser Themes</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1302528004-979655845.jpg" alt="How to Design Browser Themes" width="400" height="145" /><br /> The web browser is probably one of the most frequently used applications on a person’s  computer. For designers and developers, a browser theme can be canvas that provides hours of exposure to the artist or brand willing to create a theme for their fan base.<br /> But with such an extreme landscape orientation and a range of functional obstructions, designing browser themes is a creative  endeavor with plenty of pitfalls and gotchas&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SixRevisions.com »" rel="follow" href="http://feedproxy.google.com/~r/SixRevisions/~3/71wJnnsIbBU/"><strong>Continue Reading On SixRevisions.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br /> <h2 class="bb_itemtitle"><a title="A Guide To Seamless Website Redesign" rel="follow" name="Noupe.com" href="http://www.noupe.com/how-tos/a-guide-to-seamless-website-redesign.html" target="_blank">A Guide To Seamless Website Redesign</a></h2></div> <div class="bb-post-content"><p>&nbsp;</p> <p>An inherent problem with owning a web site is that styles come and go on the internet  fast as (or faster than) the real world. A web site can look out-of-date very fast if it is not being constantly maintained. Do you need to refine your online presence? A web site redesign may be just what the doctor ordered&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on Noupe.com »" rel="follow" href="http://www.noupe.com/how-tos/a-guide-to-seamless-website-redesign.html"><strong>Continue Reading On Noupe.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <h2 class="bb_itemtitle"><a title="Design Inspiration: Dekkers Amsterdam" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/design/dekkers-amsterdam" target="_blank">Design Inspiration: Dekkers Amsterdam</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1302528041-2055350455.jpg" alt="Design Inspiration: Dekkers Amsterdam" width="400" height="164" />A great example of a clean and stylish business card design. The colours here simply &#8216;work&#8217; together!I really like the speech bubble idea that&#8217;s been used on the back of this card.    This design was featured on the Monday 11th of April 2011. It falls under the category of Business Cards, and has a layout style of Other&#8230;</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/dekkers-amsterdam"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="Content Box Shadows (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/dfuXwKLQkrw/" target="_blank">Content Box Shadows (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1302528033-367080352.jpg" alt="Content Box Shadows (PSD)" width="400" height="190" />Today&#8217;s freebie is a simple set of 3 content box shadows. When used correctly, shadows can add a bit of flair to an otherwise boring container.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/dfuXwKLQkrw/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br /> <h2 class="bb_itemtitle"><a title="AutoSuggest Form Fields (PSD)" rel="follow" name="PremiumPixels.com" href="http://feedproxy.google.com/~r/premiumpixels/~3/ODHECZ39Sp8/" target="_blank">AutoSuggest Form Fields (PSD)</a></h2></div> <div class="bb-post-content"><p><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1302528034-1512996342.jpg" alt="AutoSuggest Form Fields (PSD)" width="400" height="190" />AutoSuggestion, the perfect tool for the lazy and illiterate. I&#8217;m kidding of course! Today&#8217;s freebie is a set of form fields complete with super nice dropdown for suggested searches.RSS Readers: Check out the full post for more info and access to your free download!</p></div> <p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/ODHECZ39Sp8/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" alt="" width="125" height="39" /><br /> <h2 class="bb_itemtitle"><a title="50 Free PSD UI Kits and Templates for Web Designers" rel="follow" name="SpeckyBoy.com" href="http://feedproxy.google.com/~r/speckboy-design-magazine/~3/XGgYON6NXIU/" target="_blank">50 Free PSD UI Kits and Templates for Web Designers</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1302528038-1137817653.jpg" alt="50 Free PSD UI Kits and Templates for Web Designers" width="400" height="170" />For every web designer, having a selection of pre-designed and editable web UI elements is key to organizing and optimizing work-flow. Not only do web UIs allow you to rapidly prototype multiple web pages with uniformity, they also aid your personal creativity by having each elements basic structure in-place allowing you to give each your own personal design touches&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SpeckyBoy.com »" rel="follow" href="http://feedproxy.google.com/~r/speckboy-design-magazine/~3/XGgYON6NXIU/"><strong>Continue Reading On SpeckyBoy.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /> <h2 class="bb_itemtitle"><a title="28 Stunning Examples of Night Photography" rel="follow" name="OneXtraPixel.com" href="http://feedproxy.google.com/~r/onextrapixel/~3/_fzXoftOGQQ/" target="_blank">28 Stunning Examples of Night Photography</a></h2></div> <div class="bb-post-content">Night photography is a task which is more complex and difficult than the average person or amateur photographer might think. In fact, it can prove to be a rather daunting task to even the most experienced professionals. However, the rewards can be quite fruitful, when executed properly.<p>&nbsp;</p> <p>To understand how to take stunning night photos you must first understand mixed light&#8230;</p></div> <p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/_fzXoftOGQQ/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br /> <h2 class="bb_itemtitle"><a title="Design Inspiration: Sentilla" rel="follow" name="DesignShack.co.uk" href="http://designshack.co.uk/design/sentilla" target="_blank">Design Inspiration: Sentilla</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1302528042-2015775998.jpg" alt="Design Inspiration: Sentilla" width="400" height="164" />A great example of consistent user interface design. I like the stylises icons and thought put into the colour scheme here.The graphs itself works well to clearly display information.    This design was featured on the Monday 11th of April 2011. It falls under the category of Web App, and has a layout style of Other&#8230;</div> <p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/sentilla"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br /> <h2 class="bb_itemtitle"><a title="Fundamental Guidelines Of E-Commerce Checkout Design" rel="follow" name="SmashingMagazine.com" href="http://www.smashingmagazine.com/2011/04/06/fundamental-guidelines-of-e-commerce-checkout-design/" target="_blank">Fundamental Guidelines Of E-Commerce Checkout Design</a></h2></div> <div class="bb-post-content">Here is the harsh reality of e-commerce websites: according to recent e-commerce studies, at least 59.8% of potential customers abandon their shopping cart (MarketingSherpa puts it at 59.8%, SeeWhy at 83% and MarketLive at 62.14%). The main question is why do customers abandon their shopping cart so often? Is there some fundamental mistake that designers of e-commerce websites do very often? Are there any common guidelines or rules of thumbs that make it more difficult for our users to purchase products? And is there some meaningful way to improve the conversion rates for our products?Well, that’s exactly what we wanted to find out&#8230;</div> <p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/04/06/fundamental-guidelines-of-e-commerce-checkout-design/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996950601416575722.png" alt="" width="125" height="55" /><br /> <h2 class="bb_itemtitle"><a title="Comics of the Week #72" rel="follow" name="WebDesignerDepot.com" href="http://www.webdesignerdepot.com/2011/04/comics-of-the-week-72/" target="_blank">Comics of the Week #72</a></h2></div> <div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1302528047-1861606426.jpg" alt="Comics of the Week #72" width="200" height="160" />Every week we feature a set of comics created exclusively for WDD.The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.These great cartoons are created by Jerry King, an  award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today&#8230;</div> <p><a class="bb_readmore" title="Continue reading on WebDesignerDepot.com »" rel="follow" href="http://www.webdesignerdepot.com/2011/04/comics-of-the-week-72/"><strong>Continue Reading On WebDesignerDepot.com »</strong></a></p></div> <div class="bb-itemwrap"><div style="margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br /> <h2 class="bb_itemtitle"><a title="27 Free Online &amp; Offline Applications for Designers &amp; Developers" rel="follow" name="OneXtraPixel.com" href="http://feedproxy.google.com/~r/onextrapixel/~3/P8OjqW_O2BM/" target="_blank">27 Free Online &amp; Offline Applications for Designers &amp; Developers</a></h2></div> <div class="bb-post-content">Nowadays, a lot of great and usable applications are sold by their creators. This way, authors, get monetary support for their work, however, not every author decides to sell, some of the creators simply share it with the community for free. In this article we&#8217;re presenting 27 great online and also offline applications that have been created for developers and designers&#8230;</div> <p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/P8OjqW_O2BM/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p></div> <p>&nbsp;</p><div style="border-top: 1px solid #eee;"><div class="bb_footer_text"></div></div>]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/roundup/web-design-development-news-apr-11th/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Web Design &amp; Development News Mar 28th</title>
		<link>http://dotcomreport.com/roundup/web-design-development-news-mar-28th/</link>
		<comments>http://dotcomreport.com/roundup/web-design-development-news-mar-28th/#comments</comments>
		<pubDate>Mon, 28 Mar 2011 13:25:58 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Architectural Styles]]></category>
		<category><![CDATA[Architecture Sources]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[BoagWorld.com]]></category>
		<category><![CDATA[Cartoonist]]></category>
		<category><![CDATA[Cartoonists]]></category>
		<category><![CDATA[Complexity]]></category>
		<category><![CDATA[Content Area]]></category>
		<category><![CDATA[Creative Paths]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[Development News]]></category>
		<category><![CDATA[Dozens]]></category>
		<category><![CDATA[Funny Situations]]></category>
		<category><![CDATA[Image Menu]]></category>
		<category><![CDATA[Image Slices]]></category>
		<category><![CDATA[Inexhaustible Supply]]></category>
		<category><![CDATA[interior design]]></category>
		<category><![CDATA[Neat Effect]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[Proportion]]></category>
		<category><![CDATA[Roundup]]></category>
		<category><![CDATA[Screenshot]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[SmashingMagazine.com]]></category>
		<category><![CDATA[Sources Of Inspiration]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Tympanus.net/codrops]]></category>
		<category><![CDATA[Web Designers]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>
		<category><![CDATA[Work Justice]]></category>
		<category><![CDATA[World Today]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?post_type=roundup&#038;p=5435</guid>
		<description><![CDATA[<div class="bb_header_text"></div><br /><ul style="margin-top:10px;"><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Creative Paths to Better Screenshots</u></b></a> - <i>OneXtraPixel.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Comics of the Week #70</u></b></a> - <i>WebDesignerDepot.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Architecture Sources of Inspiration</u></b></a> - <i>Noupe.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Expanding Image Menu with jQuery</u></b></a> - <i>Tympanus.net/codrops</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>How to Choose a Typeface</u></b></a> - <i>SmashingMagazine.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>20 More WordPress Code Snippets and Hacks</u></b></a> - <i>SpeckyBoy.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Dealing with legacy content</u></b></a> - <i>BoagWorld.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2)</u></b></a> - <i>net.tutsplus.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Creating Web Design Wireframes: Tools, Resources and Best Practices</u></b></a> - <i>OneXtraPixel.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Announcement: Winners of SnackTools VIP Memberships</u></b></a> - <i>SixRevisions.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Design Inspiration: Two Paperdolls</u></b></a> - <i>DesignShack.co.uk</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Design Inspiration: Tyrrell Design Ltd</u></b></a> - <i>DesignShack.co.uk</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>From Nothing to Something: Story of a Self-Taught Designer</u></b></a> - <i>SixRevisions.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>When You Freelance, How Do You Know You’ve Been Fired?</u></b></a> - <i>Noupe.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Our Favorite Tweets of the Week Mar 21-Mar 27, 2011</u></b></a> - <i>WebDesignerDepot.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Information Icon (PSD)</u></b></a> - <i>PremiumPixels.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Weekly Web Design and Development Inspiration – N.83</u></b></a> - <i>SpeckyBoy.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Design Inspiration: Taschen</u></b></a> - <i>DesignShack.co.uk</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Get Started Developing For Android With Eclipse, Reloaded</u></b></a> - <i>SmashingMagazine.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Why Making Web Apps with Rails Is Awesome</u></b></a> - <i>SixRevisions.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Tick &#38; Cross Buttons (PSD)</u></b></a> - <i>PremiumPixels.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>The Importance of Texture in Mobile Design</u></b></a> - <i>Tympanus.net/codrops</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Photo Retouching Tips And Tricks In Photoshop</u></b></a> - <i>SmashingMagazine.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>Why mobile matters</u></b></a> - <i>BoagWorld.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?post_type=roundup&#038;p=5435" title="View Post"><b><u>A Crash Course in Typography: The Basics of Type</u></b></a> - <i>Noupe.com</i></li></ul><br /><div class="bb_footer_text"></div>]]></description>
			<content:encoded><![CDATA[Although I&#8217;m not a designer, you might be.  That&#8217;s why I added this roundup to the ltopic I cover each week.  
<br />
<br />
There are a number of points below but I think you&#8217;ll like these.  There&#8217;s even a cartoon one that&#8217;s very funny &#8211; even for us non-designers so there&#8217;s something for everyone.
<br />
<br />

Take a quick read through these and let me know what you think.
<div class="bb_header_text"></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" width="125" height="20" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/onextrapixel/~3/3KAW4nP1fzk/" title="Creative Paths to Better Screenshots" rel="follow" name="OneXtraPixel.com">Creative Paths to Better Screenshots</a></h2></div><div class="bb-post-content">
Images comprise a large proportion of our sites. They give us depth and perspective in ways that text simply cannot produce on its own. Yet as web designers, many of our portfolio sites take advantage of one common type of image above all others, the screenshot. Showcasing our work effectively and using screenshots in new and innovative ways can really boost our visitor’s experience of a portfolio, yet many of us simply stick to boring fixed dimension thumbnails that don’t do our hard work justice&#8230;</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/onextrapixel/~3/3KAW4nP1fzk/" title="Continue reading on OneXtraPixel.com &#187;" rel="follow"><b>Continue Reading On OneXtraPixel.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996950601416575722.png" width="125" height="55" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://www.webdesignerdepot.com/2011/03/comics-of-the-week-70/" title="Comics of the Week #70" rel="follow" name="WebDesignerDepot.com">Comics of the Week #70</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316705-310725150.jpg" alt="Comics of the Week #70" width="200" height="160" class="alignleft" />Every week we feature a set of comics created exclusively for WDD.The content revolves around web design, blogging and funny situations that we encounter in our daily lives as designers.These great cartoons are created by Jerry King, an  award-winning cartoonist who’s one of the most published, prolific and versatile cartoonists in the world today&#8230;</div><br /><a class="bb_readmore" href="http://www.webdesignerdepot.com/2011/03/comics-of-the-week-70/" title="Continue reading on WebDesignerDepot.com &#187;" rel="follow"><b>Continue Reading On WebDesignerDepot.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" width="125" height="32" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://www.noupe.com/design/architecture-sources-of-inspiration.html" title="Architecture Sources of Inspiration" rel="follow" name="Noupe.com">Architecture Sources of Inspiration</a></h2></div><div class="bb-post-content">



      
      &nbsp;&nbsp;
    



Architecture surrounds us everyday, and because of that we sometimes overlook it as a potential source of inspiration. But architecture and interior design can inspire us for virtually any project. There are dozens of architectural styles out there, both formal and informal, to appeal to almost every taste&#8230;</div><br /><a class="bb_readmore" href="http://www.noupe.com/design/architecture-sources-of-inspiration.html" title="Continue reading on Noupe.com &#187;" rel="follow"><b>Continue Reading On Noupe.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" width="125" height="40" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://tympanus.net/codrops/2011/03/16/expanding-image-menu/" title="Expanding Image Menu with jQuery" rel="follow" name="Tympanus.net/codrops">Expanding Image Menu with jQuery</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316787-1224124890.jpg" alt="Expanding Image Menu with jQuery" width="400" height="217" class="alignleft" /> View demoDownload sourceIn today&#8217;s tutorial we will create an expanding image menu with jQuery. The idea is to have some columns with black and white image slices that will make a content area slide out when we click on them. We will also slide in the colored version of the image, creating a neat effect&#8230;</div><br /><a class="bb_readmore" href="http://tympanus.net/codrops/2011/03/16/expanding-image-menu/" title="Continue reading on Tympanus.net/codrops &#187;" rel="follow"><b>Continue Reading On Tympanus.net/codrops »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" width="125" height="35" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://www.smashingmagazine.com/2011/03/24/how-to-choose-a-typeface/" title="How to Choose a Typeface" rel="follow" name="SmashingMagazine.com">How to Choose a Typeface</a></h2></div><div class="bb-post-content">  &nbsp;&nbsp;Choosing a typeface can be tricky. The beauty and complexity of type, combined with an inexhaustible supply of options to evaluate, can make your head spin. But don&#8217;t be baffled — and don&#8217;t despair. While there are no easy-to-follow rules on how best to choose a typeface, there are many tried-and-true principles you can quickly learn and apply to make an appropriate typeface choice&#8230;</div><br /><a class="bb_readmore" href="http://www.smashingmagazine.com/2011/03/24/how-to-choose-a-typeface/" title="Continue reading on SmashingMagazine.com &#187;" rel="follow"><b>Continue Reading On SmashingMagazine.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" width="125" height="39" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://speckyboy.com/2011/03/28/20-more-wordpress-code-snippets-and-hacks/" title="20 More WordPress Code Snippets and Hacks" rel="follow" name="SpeckyBoy.com">20 More WordPress Code Snippets and Hacks</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316680-72905196.jpg" alt="20 More WordPress Code Snippets and Hacks" width="400" height="123" class="alignleft" />When coding WordPress themes, especially if you do it regularly, its really useful to have a selection of code snippets in your toolbox to just &#8216;copy-n-paste&#8217; as and when the functionality needs. Not just your most commonly used code, but also some snippets that can, when required, extend WP even further&#8230;</div><br /><a class="bb_readmore" href="http://speckyboy.com/2011/03/28/20-more-wordpress-code-snippets-and-hacks/" title="Continue reading on SpeckyBoy.com &#187;" rel="follow"><b>Continue Reading On SpeckyBoy.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996949712036095686.gif" width="125" height="21" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/Boagworldcom-ForThoseManagingWebsites/~3/YtrPVdYj5zc/" title="Dealing with legacy content" rel="follow" name="BoagWorld.com">Dealing with legacy content</a></h2></div><div class="bb-post-content">
At Headscape we work with a lot of organisations who have content heavy websites updated by large numbers of content providers. In many cases these sites have little in the way of central editorial control and so quickly become bloated with huge amounts of legacy content.

This amount of content creates some serious problems&#8230;</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/Boagworldcom-ForThoseManagingWebsites/~3/YtrPVdYj5zc/" title="Continue reading on BoagWorld.com &#187;" rel="follow"><b>Continue Reading On BoagWorld.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" width="125" height="93" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/nettuts/~3/zGOKADWN-bQ/" title="Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2)" rel="follow" name="net.tutsplus.com">Create a Comic Book Themed Web Design, Photoshop to HTML + CSS (Part 2)</a></h2></div><div class="bb-post-content">
A couple weeks ago, we learned how to create a comic book theme web design over at our sister-site, Webdesigntuts+. Today, we&#8217;ll tackle the second part: it&#8217;s time to slice the design and turn it into a functional HTML layout, ready to be ported to any CMS. Let&#8217;s get started!


Before We Begin
You can get your very own PSD by following the step by step process at&nbsp;Webdesigntuts+ or just download it here&#8230;</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/nettuts/~3/zGOKADWN-bQ/" title="Continue reading on net.tutsplus.com &#187;" rel="follow"><b>Continue Reading On net.tutsplus.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" width="125" height="20" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/onextrapixel/~3/mEAC7wuIzE4/" title="Creating Web Design Wireframes: Tools, Resources and Best Practices" rel="follow" name="OneXtraPixel.com">Creating Web Design Wireframes: Tools, Resources and Best Practices</a></h2></div><div class="bb-post-content">
Wireframes can be one extra step in the beginning of any web design project that can save a significant amount of time later on. Besides improving productivity, it also improves the final result of each single webpage, and the website as a whole. A wireframe is a &#8220;template&#8221; of simple lines, shapes, and labels that can be used to predefine a website&#8217;s layout before any of the design&#8217;s details are actually placed&#8230;</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/onextrapixel/~3/mEAC7wuIzE4/" title="Continue reading on OneXtraPixel.com &#187;" rel="follow"><b>Continue Reading On OneXtraPixel.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" width="125" height="25" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/SixRevisions/~3/-p4RIE8hvcs/" title="Announcement: Winners of SnackTools VIP Memberships" rel="follow" name="SixRevisions.com">Announcement: Winners of SnackTools VIP Memberships</a></h2></div><div class="bb-post-content">
We recently published a giveaway of 10 SnackTools VIP memberships for one year (valued at $288 each). In this post, you&#8217;ll learn who the winners are.

The Winners
I&#8217;m thrilled to announce this list of winners to you:

madefamousby
Mario Awad
sebastian
Yuri Artibise
karan
Fluffs McKenzie
Paul Carney
Candace
aniyash
Joigie

Congratulations to all the winners&#8230;</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/SixRevisions/~3/-p4RIE8hvcs/" title="Continue reading on SixRevisions.com &#187;" rel="follow"><b>Continue Reading On SixRevisions.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" width="125" height="24" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://designshack.co.uk/design/two-paperdolls" title="Design Inspiration: Two Paperdolls" rel="follow" name="DesignShack.co.uk">Design Inspiration: Two Paperdolls</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316684-1346380629.jpg" alt="Design Inspiration: Two Paperdolls" width="400" height="164" class="alignleft" />A beautiful site that makes incredible use of typefaces. The uncluttered single column approach works really well here, you can&#8217;t help but scroll to the bottom.I particularly like that you can roll back the top layer of text, it&#8217;s a very nice touch.    This design was featured on the Monday 28th of March 2011&#8230;</div><br /><a class="bb_readmore" href="http://designshack.co.uk/design/two-paperdolls" title="Continue reading on DesignShack.co.uk &#187;" rel="follow"><b>Continue Reading On DesignShack.co.uk »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" width="125" height="24" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://designshack.co.uk/design/tyrrell-design-ltd" title="Design Inspiration: Tyrrell Design Ltd" rel="follow" name="DesignShack.co.uk">Design Inspiration: Tyrrell Design Ltd</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316684-941322865.jpg" alt="Design Inspiration: Tyrrell Design Ltd" width="400" height="164" class="alignleft" />A brilliant, if slightly abstract, logo for a construction company. I love the symbolism and great use of bold colours.I find that the use of perspective here really helps to make this logo stand out.    This design was featured on the Monday 28th of March 2011. It falls under the category of Logo, and has a layout style of Other&#8230;</div><br /><a class="bb_readmore" href="http://designshack.co.uk/design/tyrrell-design-ltd" title="Continue reading on DesignShack.co.uk &#187;" rel="follow"><b>Continue Reading On DesignShack.co.uk »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" width="125" height="25" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/SixRevisions/~3/D2MNEIe3sKc/" title="From Nothing to Something: Story of a Self-Taught Designer" rel="follow" name="SixRevisions.com">From Nothing to Something: Story of a Self-Taught Designer</a></h2></div><div class="bb-post-content">
I teach at a middle school in the southeastern U.S. located in an area plagued with grinding poverty. The kids on the football team wear t-shirts with the slogan &quot;From Nothing to Something,&quot; a brand that I find somewhat disturbing. Are these kids &quot;nothing&quot; before they join the football team, or before they come to our school?
But the slogan does apply to the idea of learning any new discipline or art: you start with &quot;nothing&quot; and after a time (hopefully) you achieve &quot;something&quot; &#8212; whether it is to become an accomplished web designer, web developer, a painter, or an auto mechanic&#8230;</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/SixRevisions/~3/D2MNEIe3sKc/" title="Continue reading on SixRevisions.com &#187;" rel="follow"><b>Continue Reading On SixRevisions.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" width="125" height="32" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://www.noupe.com/how-tos/when-you-freelance-how-do-you-know-you-ve-been-fired.html" title="When You Freelance, How Do You Know You’ve Been Fired?" rel="follow" name="Noupe.com">When You Freelance, How Do You Know You’ve Been Fired?</a></h2></div><div class="bb-post-content">



      
      &nbsp;&nbsp;
    



It’s easy to figure out you’ve been fired from a staff position. Either your boss or a human resources person has told you to your face, you are met at your desk and walked out, or security guards drag you out, one on each arm and leg. The hints are fairly obvious&#8230;</div><br /><a class="bb_readmore" href="http://www.noupe.com/how-tos/when-you-freelance-how-do-you-know-you-ve-been-fired.html" title="Continue reading on Noupe.com &#187;" rel="follow"><b>Continue Reading On Noupe.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996950601416575722.png" width="125" height="55" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://www.webdesignerdepot.com/2011/03/our-favorite-tweets-of-the-week-mar-21-mar-27-2011/" title="Our Favorite Tweets of the Week Mar 21-Mar 27, 2011" rel="follow" name="WebDesignerDepot.com">Our Favorite Tweets of the Week Mar 21-Mar 27, 2011</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316703-2141031138.jpg" alt="Our Favorite Tweets of the Week Mar 21-Mar 27, 2011" width="200" height="160" class="alignleft" />Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the best tweets that we sent out this past week&#8230;</div><br /><a class="bb_readmore" href="http://www.webdesignerdepot.com/2011/03/our-favorite-tweets-of-the-week-mar-21-mar-27-2011/" title="Continue reading on WebDesignerDepot.com &#187;" rel="follow"><b>Continue Reading On WebDesignerDepot.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" width="125" height="125" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/premiumpixels/~3/uVcjHTGwty8/" title="Information Icon (PSD)" rel="follow" name="PremiumPixels.com">Information Icon (PSD)</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316674-961199491.jpg" alt="Information Icon (PSD)" width="400" height="210" class="alignleft" />Today’s freebie is an absolute gem, an information icon that has graced my PSD’s time and time again over the past year. A nice little addition to your graphic library.RSS Readers: Check out the full post for more info and access to your free download!
     
</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/premiumpixels/~3/uVcjHTGwty8/" title="Continue reading on PremiumPixels.com &#187;" rel="follow"><b>Continue Reading On PremiumPixels.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" width="125" height="39" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://speckyboy.com/2011/03/25/weekly-web-design-and-development-inspiration-%E2%80%93-n-83/" title="Weekly Web Design and Development Inspiration – N.83" rel="follow" name="SpeckyBoy.com">Weekly Web Design and Development Inspiration – N.83</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316682-1046942531.jpg" alt="Weekly Web Design and Development Inspiration – N.83" width="400" height="291" class="alignleft" />This is our weekly selection of our favorite web designs from the past week, thanks to everybody for their recommendations. Feel free to comment and let us know what you think. We have recently launched StylesInspiration, a web design showcase that aims to not only showcase the best and most innovative web design styles currently available, it also aims to give you a visual overview of current web design trends and highlight the latest in innovative web technologies&#8230;</div><br /><a class="bb_readmore" href="http://speckyboy.com/2011/03/25/weekly-web-design-and-development-inspiration-%E2%80%93-n-83/" title="Continue reading on SpeckyBoy.com &#187;" rel="follow"><b>Continue Reading On SpeckyBoy.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" width="125" height="24" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://designshack.co.uk/design/taschen" title="Design Inspiration: Taschen" rel="follow" name="DesignShack.co.uk">Design Inspiration: Taschen</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316685-374789155.jpg" alt="Design Inspiration: Taschen" width="400" height="164" class="alignleft" />A beautiful iPad App that functions as a library of all Taschen&#8217;s books and releases. I love how well the experience has been tailored to the interface of the iPad.The attention to detail is great and helps to make this an immersive experience.    This design was featured on the Monday 28th of March 2011&#8230;</div><br /><a class="bb_readmore" href="http://designshack.co.uk/design/taschen" title="Continue reading on DesignShack.co.uk &#187;" rel="follow"><b>Continue Reading On DesignShack.co.uk »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" width="125" height="35" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://www.smashingmagazine.com/2011/03/28/get-started-developing-for-android-with-eclipse-reloaded/" title="Get Started Developing For Android With Eclipse, Reloaded" rel="follow" name="SmashingMagazine.com">Get Started Developing For Android With Eclipse, Reloaded</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316643-1194803028.jpg" alt="Get Started Developing For Android With Eclipse, Reloaded" width="214" height="250" class="alignleft" />  &nbsp;&nbsp;In the first part of this tutorial series, we built a simple brew timer application using Android and Eclipse. In this second part, we’ll continue developing the application by adding extra functionality. In doing this, you’ll be introduced to some important and powerful features of the Android SDK, including Persistent data storage, Activities and Intent as well as Shared user preferences&#8230;</div><br /><a class="bb_readmore" href="http://www.smashingmagazine.com/2011/03/28/get-started-developing-for-android-with-eclipse-reloaded/" title="Continue reading on SmashingMagazine.com &#187;" rel="follow"><b>Continue Reading On SmashingMagazine.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" width="125" height="25" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/SixRevisions/~3/QAOszU4i30E/" title="Why Making Web Apps with Rails Is Awesome" rel="follow" name="SixRevisions.com">Why Making Web Apps with Rails Is Awesome</a></h2></div><div class="bb-post-content">
I&#8217;m fairly new to the Ruby on Rails web application framework. I just started learning it about eight months ago when I started developing my web app.
I&#8217;ll share a story with you about my experience with Rails, and maybe you&#8217;ll be intrigued enough to try it out for yourself.

About My Web App
CompVersions is a web application that allows designers to upload multiple versions of their designs so that their clients can easily give them a thumbs up or a thumbs down as well as provide comments as necessary&#8230;</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/SixRevisions/~3/QAOszU4i30E/" title="Continue reading on SixRevisions.com &#187;" rel="follow"><b>Continue Reading On SixRevisions.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" width="125" height="125" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/premiumpixels/~3/exeNZURHm38/" title="Tick &amp; Cross Buttons (PSD)" rel="follow" name="PremiumPixels.com">Tick &amp; Cross Buttons (PSD)</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316676-1021100807.jpg" alt="Tick &amp; Cross Buttons (PSD)" width="400" height="210" class="alignleft" />Big old buttons, I love ‘em. Today’s freebie is a set of two, one for ticks and one for crosses. Big and bold in size yet soft in colour, an interesting concept to play with.RSS Readers: Check out the full post for more info and access to your free download!
     
</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/premiumpixels/~3/exeNZURHm38/" title="Continue reading on PremiumPixels.com &#187;" rel="follow"><b>Continue Reading On PremiumPixels.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" width="125" height="40" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://tympanus.net/codrops/2011/03/18/the-importance-of-texture-in-mobile-design/" title="The Importance of Texture in Mobile Design" rel="follow" name="Tympanus.net/codrops">The Importance of Texture in Mobile Design</a></h2></div><div class="bb-post-content"><img src="http://dotcomreport.com/wp-content/uploads/1301316787-1066284697.jpg" alt="The Importance of Texture in Mobile Design" width="400" height="226" class="alignleft" />Implied textural designs are not new to the interwebs. Most of the time texture is used as a design device to add depth, dimension, or just used to spice up a bland design. But as mobile touch devices take over the world, texture will play a key role in how users interact with the mobile internet.On a standard display a user must use a device to interact with the screen &#8211; like the mouse &#8211; but touch screens don&#8217;t need mice, just fingers&#8230;</div><br /><a class="bb_readmore" href="http://tympanus.net/codrops/2011/03/18/the-importance-of-texture-in-mobile-design/" title="Continue reading on Tympanus.net/codrops &#187;" rel="follow"><b>Continue Reading On Tympanus.net/codrops »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" width="125" height="35" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://www.smashingmagazine.com/2011/03/25/30-tips-and-tricks-for-photo-retouching-that-you-dont-know-yet/" title="Photo Retouching Tips And Tricks In Photoshop" rel="follow" name="SmashingMagazine.com">Photo Retouching Tips And Tricks In Photoshop</a></h2></div><div class="bb-post-content">  &nbsp;&nbsp;Two weeks ago we published the first part of Photoshop tips and tricks for photo retouching. Today, we&#8217;ll be presenting the rest of the article. We hope that these techniques will be quite useful for your workflow. You may know some of them, but hopefully not all of them. We have had articles on various tools in Adobe Photoshop but this one is focused more on the techniques rather than the tools provided&#8230;</div><br /><a class="bb_readmore" href="http://www.smashingmagazine.com/2011/03/25/30-tips-and-tricks-for-photo-retouching-that-you-dont-know-yet/" title="Continue reading on SmashingMagazine.com &#187;" rel="follow"><b>Continue Reading On SmashingMagazine.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996949712036095686.gif" width="125" height="21" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://feedproxy.google.com/~r/Boagworldcom-ForThoseManagingWebsites/~3/sdZxO_kYspc/" title="Why mobile matters" rel="follow" name="BoagWorld.com">Why mobile matters</a></h2></div><div class="bb-post-content">
The figure that grabs my attention the most (and should yours) is that the number of people accessing the web via mobile devices will surpass the number accessing via desktop users by 2014. That is only 3 years! Time to sort out your mobile strategy now.



Want to know more? Read some of the related posts below&#8230;</div><br /><a class="bb_readmore" href="http://feedproxy.google.com/~r/Boagworldcom-ForThoseManagingWebsites/~3/sdZxO_kYspc/" title="Continue reading on BoagWorld.com &#187;" rel="follow"><b>Continue Reading On BoagWorld.com »</b></a></div>
			<div class="bb-itemwrap">
			<div style="margin:5px 5px 5px 0"><img src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" width="125" height="32" style="float:left;margin-right:15px;margin-bottom:10px" /><h2 class="bb_itemtitle"><a href="http://www.noupe.com/design/a-crash-course-in-typography-the-basics-of-type.html" title="A Crash Course in Typography: The Basics of Type" rel="follow" name="Noupe.com">A Crash Course in Typography: The Basics of Type</a></h2></div><div class="bb-post-content">



      
      &nbsp;&nbsp;
    



Typography could be considered the most important part of any design. It&#8217;s definitely among the most important elements of any design project. And yet it&#8217;s often the part of a design that&#8217;s left for last, or barely considered at all. Designers are often intimidated by typography, which can result in bland typographical design or a designer always using one or two &#8220;reliable&#8221; typefaces in their designs&#8230;</div><br /><a class="bb_readmore" href="http://www.noupe.com/design/a-crash-course-in-typography-the-basics-of-type.html" title="Continue reading on Noupe.com &#187;" rel="follow"><b>Continue Reading On Noupe.com »</b></a></div><br /><div style="border-top:1px solid #eee"><div class="bb_footer_text"></div></div>
<br />
<br />
That&#8217;s it for today.

Drop me a note and tell me your thoughts.
<br />
<br />
Want your site added&#8230;.let me know and I&#8217;ll add it to the sites I screen.
<br />]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/roundup/web-design-development-news-mar-28th/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Design &amp; Development News Mar 14th</title>
		<link>http://dotcomreport.com/web-design/web-design-development-news-mar-14th/</link>
		<comments>http://dotcomreport.com/web-design/web-design-development-news-mar-14th/#comments</comments>
		<pubDate>Mon, 14 Mar 2011 12:40:39 +0000</pubDate>
		<dc:creator>Dotcom Editor</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[BoagWorld.com]]></category>
		<category><![CDATA[DesignShack.co.uk]]></category>
		<category><![CDATA[net.tutsplus.com]]></category>
		<category><![CDATA[Noupe.com]]></category>
		<category><![CDATA[OneXtraPixel.com]]></category>
		<category><![CDATA[PremiumPixels.com]]></category>
		<category><![CDATA[SixRevisions.com]]></category>
		<category><![CDATA[SmashingMagazine.com]]></category>
		<category><![CDATA[SpeckyBoy.com]]></category>
		<category><![CDATA[Tympanus.net/codrops]]></category>
		<category><![CDATA[WebDesignerDepot.com]]></category>

		<guid isPermaLink="false">http://dotcomreport.com/?p=5308</guid>
		<description><![CDATA[<br /><ul style="margin-top:10px;"><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>How to Say &#8216;No&#8217; to Other Designers and Developers</u></b></a> - <i>Noupe.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Weekly Web Design and Development Inspiration – N.81</u></b></a> - <i>SpeckyBoy.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>30 Creative Clothing Ecommerce Website Designs</u></b></a> - <i>OneXtraPixel.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Canvas From Scratch: Advanced Drawing</u></b></a> - <i>net.tutsplus.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Useful Photoshop Tips And Tricks For Photo Retouching</u></b></a> - <i>SmashingMagazine.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Showcase of Parallax Usage in Web Design</u></b></a> - <i>Tympanus.net/codrops</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Is There Money in Open Source?</u></b></a> - <i>SixRevisions.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>The current cookie crisis</u></b></a> - <i>BoagWorld.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Our Favorite Tweets of the Week Mar 7-Mar 13, 2011</u></b></a> - <i>WebDesignerDepot.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Design Inspiration: The Pixel</u></b></a> - <i>DesignShack.co.uk</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Pretty Little Calendar (PSD)</u></b></a> - <i>PremiumPixels.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Announcement: Winners of Avactis E-commerce Software</u></b></a> - <i>SixRevisions.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Can You Hack Your Own Site? A Look at Some Essential Security Considerations</u></b></a> - <i>net.tutsplus.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Fresh Icon Sets To Improve Your Designs</u></b></a> - <i>Noupe.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Animated Content Menu with jQuery</u></b></a> - <i>Tympanus.net/codrops</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Big Green Button (PSD)</u></b></a> - <i>PremiumPixels.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Make ‘em Feel at Home</u></b></a> - <i>Tympanus.net/codrops</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Design Inspiration: Wine Card</u></b></a> - <i>DesignShack.co.uk</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>The Secret of a Successful Error Page with 35 Amazing “404 Page” Designs</u></b></a> - <i>OneXtraPixel.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Design Inspiration: xMind</u></b></a> - <i>DesignShack.co.uk</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Kinetic Typography: Design in Motion</u></b></a> - <i>SpeckyBoy.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Syncing Content With HTML5 Video</u></b></a> - <i>SmashingMagazine.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Discussing the Pros and Cons of Using a CSS Framework</u></b></a> - <i>SpeckyBoy.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Getting Started with CouchDB</u></b></a> - <i>net.tutsplus.com</i></li><li style="margin-left:20px; margin-bottom:10px;"><a href="http://dotcomreport.com/?p=5308" title="View Post"><b><u>Active vs. Passive Approach to Design Business Development</u></b></a> - <i>OneXtraPixel.com</i></li></ul><br />]]></description>
			<content:encoded><![CDATA[<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br />
<h2 class="bb_itemtitle"><a title="How to Say ‘No’ to Other Designers and Developers" rel="follow" href="http://www.noupe.com/how-tos/how-to-say-no-to-other-designers-and-developers.html">How to Say ‘No’ to Other Designers and Developers</a></h2>
</div>
<div class="bb-post-content">
<p>&nbsp;</p>
<p>We recently did a post on how to tell your clients “No” which broke down the multiple considerations that need to be weighed when you are approaching this ground under these varied circumstances. Along with this handy online flowchart, Should I Work For Free? has you pretty well covered on that end&#8230;</p>
</div>
<p><a class="bb_readmore" title="Continue reading on Noupe.com »" rel="follow" href="http://www.noupe.com/how-tos/how-to-say-no-to-other-designers-and-developers.html"><strong>Continue Reading On Noupe.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" alt="" width="125" height="39" /><br />
<h2 class="bb_itemtitle"><a title="Weekly Web Design and Development Inspiration – N.81" rel="follow" href="http://speckyboy.com/2011/03/12/weekly-web-design-and-development-inspiration-%E2%80%93-n-81/">Weekly Web Design and Development Inspiration – N.81</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106181-1288707240.jpg" alt="Weekly Web Design and Development Inspiration – N.81" width="400" height="188" />This is our weekly selection of our favorite web designs from the past week, thanks to everybody for their recommendations. Feel free to comment and let us know what you think. We have recently launched StylesInspiration, a web design showcase that aims to not only showcase the best and most innovative web design styles currently available, it also aims to give you a visual overview of current web design trends and highlight the latest in innovative web technologies&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on SpeckyBoy.com »" rel="follow" href="http://speckyboy.com/2011/03/12/weekly-web-design-and-development-inspiration-%E2%80%93-n-81/"><strong>Continue Reading On SpeckyBoy.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br />
<h2 class="bb_itemtitle"><a title="30 Creative Clothing Ecommerce Website Designs" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/OFhGR9nuDCM/">30 Creative Clothing Ecommerce Website Designs</a></h2>
</div>
<div class="bb-post-content">There are many ecommerce sites being published online every minute. Ranging from the small in-house company to the giant company, all of them are trying to compete and sell their product through their website. Though, not every single one of them displays the products as excellently as others.<br /> In the clothing and fashion industry, beautiful design is their goal&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/OFhGR9nuDCM/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br />
<h2 class="bb_itemtitle"><a title="Canvas From Scratch: Advanced Drawing" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/Gl_wOi2qxJw/">Canvas From Scratch: Advanced Drawing</a></h2>
</div>
<div class="bb-post-content">In the previous article in this series, you learned about the canvas element, and the basics for drawing on it. In this article, I’m going to demonstrate some of the more advanced drawing functionality.
<p>&nbsp;</p>
<p>Setting Up<br /> We’ll use the same HTML template from the previous article; so open up your favorite editor and paste in the following code:</p>
<p>&lt;!DOCTYPE html&gt;</p>
<p>&lt;html&gt;<br /> &lt;head&gt;<br /> &lt;title&gt;Canvas from scratch&lt;/title&gt;<br /> &lt;meta charset=&#8221;utf-8&#8243;&gt;</p>
<p>&lt;script src=&#8221;http://ajax&#8230;</p>
</div>
<p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/Gl_wOi2qxJw/"><strong>Continue Reading On net.tutsplus.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br />
<h2 class="bb_itemtitle"><a title="Useful Photoshop Tips And Tricks For Photo Retouching" rel="follow" href="http://www.smashingmagazine.com/2011/03/09/useful-photoshop-tips-and-tricks-for-photo-retouching/">Useful Photoshop Tips And Tricks For Photo Retouching</a></h2>
</div>
<div class="bb-post-content">When it comes to designing in Photoshop, there is a myriad of ways one could use to achieve a certain result, especially when it comes to photo retouching. Designers use technique they are most confident as well as comfortable with, which is great because it’s always useful to peek into the workflow of our colleagues and learn new design approaches&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/03/09/useful-photoshop-tips-and-tricks-for-photo-retouching/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br />
<h2 class="bb_itemtitle"><a title="Showcase of Parallax Usage in Web Design" rel="follow" href="http://tympanus.net/codrops/2011/03/07/parallax-usage-in-web-design/">Showcase of Parallax Usage in Web Design</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106282-722295661.jpg" alt="Showcase of Parallax Usage in Web Design" width="400" height="217" /> The use of the parallax effect or parallax scrolling effect in websites can add a nice three dimensional depth illusion to the design and make the visit very interesting to a user. We have collected some creative examples of the parallax effect in web design. Enjoy! Rastapé Besides creating a lot of depth with the design itself which shows a bar or venue, the parallax effect gives it the ultimate kick when moving the mouse! Old Pulteney Row to the Pole Here we have a great example of the parallax scrolling effect, where the background moves “slower” then the content when the page is scrolled down&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" rel="follow" href="http://tympanus.net/codrops/2011/03/07/parallax-usage-in-web-design/"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" alt="" width="125" height="25" /><br />
<h2 class="bb_itemtitle"><a title="Is There Money in Open Source?" rel="follow" href="http://feedproxy.google.com/~r/SixRevisions/~3/PptEXUCfPpo/">Is There Money in Open Source?</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106145-1535645977.jpg" alt="Is There Money in Open Source?" width="400" height="145" /><br /> Web development and free and open source software (FOSS) have gone hand in hand since the beginning of the web. Popular scripting languages and web development frameworks such as PHP, Rails and Python are all open source, and many of the most popular platforms built on top of them, like WordPress and Drupal, are too&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on SixRevisions.com »" rel="follow" href="http://feedproxy.google.com/~r/SixRevisions/~3/PptEXUCfPpo/"><strong>Continue Reading On SixRevisions.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949712036095686.gif" alt="" width="125" height="21" /><br />
<h2 class="bb_itemtitle"><a title="The current cookie crisis" rel="follow" href="http://boagworld.com/news/the-current-cookie-crisis/">The current cookie crisis</a></h2>
</div>
<div class="bb-post-content">Cookies are one of the building blocks of most websites. These small text files on users computers allow websites to store all kinds of information. Cookies allow websites to remember users login details, shopping cart content and the current ‘state’ of a webpage. They are also used to produce targeted advertising based on users behaviour and power stats packages such as Google Analytics&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on BoagWorld.com »" rel="follow" href="http://boagworld.com/news/the-current-cookie-crisis/"><strong>Continue Reading On BoagWorld.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996950601416575722.png" alt="" width="125" height="55" /><br />
<h2 class="bb_itemtitle"><a title="Our Favorite Tweets of the Week Mar 7-Mar 13, 2011" rel="follow" href="http://www.webdesignerdepot.com/2011/03/our-favorite-tweets-of-the-week-mar-7-mar-13-2011/">Our Favorite Tweets of the Week Mar 7-Mar 13, 2011</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106192-467803030.jpg" alt="Our Favorite Tweets of the Week Mar 7-Mar 13, 2011" width="200" height="160" />Every week we tweet a lot of interesting stuff highlighting great content that we find on the web that can be of interest to web designers.The best way to keep track of our tweets is simply to follow us on Twitter, however, in case you missed some here’s a quick and useful compilation of the best tweets that we sent out this past week&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on WebDesignerDepot.com »" rel="follow" href="http://www.webdesignerdepot.com/2011/03/our-favorite-tweets-of-the-week-mar-7-mar-13-2011/"><strong>Continue Reading On WebDesignerDepot.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br />
<h2 class="bb_itemtitle"><a title="Design Inspiration: The Pixel" rel="follow" href="http://designshack.co.uk/design/the-pixel">Design Inspiration: The Pixel</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106183-767500462.jpg" alt="Design Inspiration: The Pixel" width="400" height="164" />The bright pixelated colours used here immediately grab your attention and make this logo a memorable one. I&#8217;d have liked to see a more random displacement of pixels but overall the design works.The typeface is really good and the straight edges perfectly suit the pixel idea.    This design was featured on the Monday 14th of March 2011&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/the-pixel"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br />
<h2 class="bb_itemtitle"><a title="Pretty Little Calendar (PSD)" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/TED5UBLHE4Q/">Pretty Little Calendar (PSD)</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106178-1407902863.jpg" alt="Pretty Little Calendar (PSD)" width="400" height="210" />Today’s freebie should help you keep on top of your admin; a pretty little calendar design. Perfect for event calendars and date pickers, the design is clean and pretty enough to use as-is yet would welcome any number of tweaks. Let me know if you find this freebie useful and feel free to spread the &#8230;</div>
<p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/TED5UBLHE4Q/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694505413379011.jpg" alt="" width="125" height="25" /><br />
<h2 class="bb_itemtitle"><a title="Announcement: Winners of Avactis E-commerce Software" rel="follow" href="http://feedproxy.google.com/~r/SixRevisions/~3/EJlK_HXETRc/">Announcement: Winners of Avactis E-commerce Software</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106146-1879646932.jpg" alt="Announcement: Winners of Avactis E-commerce Software" width="400" height="145" /><br /> We partnered up with the wonderful folks at Avactis to hook up five lucky Six Revisions readers with e-commerce software licenses in a recent giveaway. This post announces the winners of the giveaway. Drum roll please!
<p>&nbsp;</p>
<p>The Winners<br /> Here are the five winners of the Avactis e-commerce software (owned)&#8230;</p>
</div>
<p><a class="bb_readmore" title="Continue reading on SixRevisions.com »" rel="follow" href="http://feedproxy.google.com/~r/SixRevisions/~3/EJlK_HXETRc/"><strong>Continue Reading On SixRevisions.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br />
<h2 class="bb_itemtitle"><a title="Can You Hack Your Own Site? A Look at Some Essential Security Considerations" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/1H_eyaVb-9k/">Can You Hack Your Own Site? A Look at Some Essential Security Considerations</a></h2>
</div>
<div class="bb-post-content">Twice a month, we revisit some of our readers’ favorite posts from throughout the history of Nettuts+. This tutorial was first published in July, 2008.<br /> Version one goes gold! Visitors are landing from every corner of the globe. You know there are likely to be a few teething problems; I mean, this is 1&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/1H_eyaVb-9k/"><strong>Continue Reading On net.tutsplus.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996954831527723528.png" alt="" width="125" height="32" /><br />
<h2 class="bb_itemtitle"><a title="Fresh Icon Sets To Improve Your Designs" rel="follow" href="http://www.noupe.com/freebie/fresh-icon-sets-to-improve-your-designs.html">Fresh Icon Sets To Improve Your Designs</a></h2>
</div>
<div class="bb-post-content">
<p>&nbsp;</p>
<p>A predefined icon set collection is like a resource reservoir for graphic designers which can be used to improve the appearance of the designs they’re working on. Nevertheless, these icons should be seen as an inspiration and we encourage you all to try creating your own icons for designing portfolios, blogs, corporate designs, magazines and Web applications&#8230;</p>
</div>
<p><a class="bb_readmore" title="Continue reading on Noupe.com »" rel="follow" href="http://www.noupe.com/freebie/fresh-icon-sets-to-improve-your-designs.html"><strong>Continue Reading On Noupe.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br />
<h2 class="bb_itemtitle"><a title="Animated Content Menu with jQuery" rel="follow" href="http://tympanus.net/codrops/2011/03/09/animated-content-menu/">Animated Content Menu with jQuery</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106281-1469962232.jpg" alt="Animated Content Menu with jQuery" width="400" height="217" />View demoDownload sourceToday we will create a slick animated content menu with jQuery for a restaurant theme. The menu items will be animated and when clicked, a content area with more information will appear. Also, he background image is going to change according to which menu item was clicked.The main idea is to have a restaurant menu with the different menu categories displayed&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" rel="follow" href="http://tympanus.net/codrops/2011/03/09/animated-content-menu/"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694800516846179.png" alt="" width="125" height="125" /><br />
<h2 class="bb_itemtitle"><a title="Big Green Button (PSD)" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/jp92vNPCMT0/">Big Green Button (PSD)</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106176-666829409.jpg" alt="Big Green Button (PSD)" width="400" height="210" />I love buttons, especially big green ones. Today’s freebie happens to be a button of that particular variety. Perfect for when a regular sized button just isn’t cutting it, this big fat round button should grab a visitors attention with ease. The download (PSD) displays a pricing plan as an example but feel free to &#8230;</div>
<p><a class="bb_readmore" title="Continue reading on PremiumPixels.com »" rel="follow" href="http://feedproxy.google.com/~r/premiumpixels/~3/jp92vNPCMT0/"><strong>Continue Reading On PremiumPixels.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996956241202399729.png" alt="" width="125" height="40" /><br />
<h2 class="bb_itemtitle"><a title="Make ‘em Feel at Home" rel="follow" href="http://tympanus.net/codrops/2011/03/04/make-em-feel-at-home/">Make ‘em Feel at Home</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106282-1839058086.jpg" alt="Make ‘em Feel at Home" width="400" height="217" />The more comfortable users are with your  website the more likely  they are to enjoy their experience and come back  for another visit.  Make them feel at home with a familiar greeting, a friendly smile and  pleasant conversation.Creating website comfort is a key concept, it means having a design that reminds the visitor of other websites that they know and trust, create familiarity&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on Tympanus.net/codrops »" rel="follow" href="http://tympanus.net/codrops/2011/03/04/make-em-feel-at-home/"><strong>Continue Reading On Tympanus.net/codrops »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br />
<h2 class="bb_itemtitle"><a title="Design Inspiration: Wine Card" rel="follow" href="http://designshack.co.uk/design/wine-card">Design Inspiration: Wine Card</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106184-448871296.jpg" alt="Design Inspiration: Wine Card" width="400" height="164" />An effortlessly beautiful greetings card design that represents the culture of wine consumption. I love how the pouring effect as you open the card, it&#8217;s a brilliant concept.I also like how well the subtle blue design works with the textured card.    This design was featured on the Monday 14th of March 2011&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/wine-card"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br />
<h2 class="bb_itemtitle"><a title="The Secret of a Successful Error Page with 35 Amazing “404 Page” Designs" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/3Oqmr3Q4U70/">The Secret of a Successful Error Page with 35 Amazing “404 Page” Designs</a></h2>
</div>
<div class="bb-post-content">It really makes users sad and sometimes even angry when the homepage of a website couldn’t be found. Visitors don’t get upset if an error page is presented in a funny, unusual or elegant manner. In such an effective way you can save your clients and they will, surely, came back to your website where the 404 page has an original design, offers the solution of what to do and provides useful information about the error&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/3Oqmr3Q4U70/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996949371671547106.png" alt="" width="125" height="24" /><br />
<h2 class="bb_itemtitle"><a title="Design Inspiration: xMind" rel="follow" href="http://designshack.co.uk/design/xmind">Design Inspiration: xMind</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106182-598168564.jpg" alt="Design Inspiration: xMind" width="400" height="164" />This site is made by its vibrant and colourful gallery. It immediately draws you in and almost urges you to browse!I actually quite like the simple animations of the logo, although I imagine it would get annoying after a while.    This design was featured on the Monday 14th of March 2011. It falls under the category of Portfolio, and has a layout style of Grid&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on DesignShack.co.uk »" rel="follow" href="http://designshack.co.uk/design/xmind"><strong>Continue Reading On DesignShack.co.uk »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" alt="" width="125" height="39" /><br />
<h2 class="bb_itemtitle"><a title="Kinetic Typography: Design in Motion" rel="follow" href="http://speckyboy.com/2011/03/13/kinetic-typography-design-in-motion/">Kinetic Typography: Design in Motion</a></h2>
</div>
<div class="bb-post-content">As a graphic design blogger, I subscribe to Google Alerts for such terms as “typography”, and practically daily, a post pops up containing “kinetic typography” in the headline. Is this a new trend?Kinetic typography is defined by Wikipedia as “an animation technique mixing motion and text”&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on SpeckyBoy.com »" rel="follow" href="http://speckyboy.com/2011/03/13/kinetic-typography-design-in-motion/"><strong>Continue Reading On SpeckyBoy.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969458644612342.jpg" alt="" width="125" height="35" /><br />
<h2 class="bb_itemtitle"><a title="Syncing Content With HTML5 Video" rel="follow" href="http://www.smashingmagazine.com/2011/03/11/syncing-content-with-html5-video/">Syncing Content With HTML5 Video</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106152-1998972682.png" alt="Syncing Content With HTML5 Video" width="205" height="250" /> One of the main changes from HTML4 to HTML5 is that the new specification breaks a few of the boundaries that browsers have been confined to. Instead of restricting user interaction to text, links, images and forms, HTML5 promotes multimedia, from a generic &lt;object&gt; element to a highly specified &lt;video&gt; and &lt;audio&gt; element, and with a rich API to access in pure JavaScript&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on SmashingMagazine.com »" rel="follow" href="http://www.smashingmagazine.com/2011/03/11/syncing-content-with-html5-video/"><strong>Continue Reading On SmashingMagazine.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/1299694879851399791.jpg" alt="" width="125" height="39" /><br />
<h2 class="bb_itemtitle"><a title="Discussing the Pros and Cons of Using a CSS Framework" rel="follow" href="http://speckyboy.com/2011/03/14/discussing-the-pros-and-cons-of-using-a-css-framework/">Discussing the Pros and Cons of Using a CSS Framework</a></h2>
</div>
<div class="bb-post-content"><img class="alignleft" src="http://dotcomreport.com/wp-content/uploads/1300106181-447432383.jpg" alt="Discussing the Pros and Cons of Using a CSS Framework" width="400" height="83" />A CSS framework is a piece of software that has a lot of options for you to use in your HTML development, potentially making it faster and easier for you to develop your website or web app. A CSS framework does this by containing predefined libraries of code. One example is a grid-based framework which sets up a multi-column arrangement with predefined pixel widths so you can focus on creating content instead of lining up blocks of text&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on SpeckyBoy.com »" rel="follow" href="http://speckyboy.com/2011/03/14/discussing-the-pros-and-cons-of-using-a-css-framework/"><strong>Continue Reading On SpeckyBoy.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/129969554381879026.png" alt="" width="125" height="93" /><br />
<h2 class="bb_itemtitle"><a title="Getting Started with CouchDB" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/T0Q1hRXqRn8/">Getting Started with CouchDB</a></h2>
</div>
<div class="bb-post-content">NoSQL has been one of the most talked about topics over the past couple of months. This tutorial will introduce you to  CouchDB, a NoSQL implementation and teach you how to get started with the platform.
<p>&nbsp;</p>
<p>What is NoSQL?<br /> NoSQL is schema free — you don’t need to decide the structure up front&#8230;</p>
</div>
<p><a class="bb_readmore" title="Continue reading on net.tutsplus.com »" rel="follow" href="http://feedproxy.google.com/~r/nettuts/~3/T0Q1hRXqRn8/"><strong>Continue Reading On net.tutsplus.com »</strong></a></p>
</div>
<div class="bb-itemwrap">
<div style="display: block; margin: 5px 5px 5px 0;"><img style="float: left; margin-right: 15px; margin-bottom: 10px;" src="http://dotcomreport.com/wp-content/uploads/12996947231423683018.png" alt="" width="125" height="20" /><br />
<h2 class="bb_itemtitle"><a title="Active vs. Passive Approach to Design Business Development" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/tDkljcGQzd0/">Active vs. Passive Approach to Design Business Development</a></h2>
</div>
<div class="bb-post-content">Having a design business in today’s aesthetic-sensitive market is surely a fruitful vocation. Whatever companies and organizations strive to convey to their audience, becomes two times easier when it is synergized by a good design. Therefore catering to the needs of businesses, nowadays more and more designers are turning towards having their own business of providing design services&#8230;</div>
<p><a class="bb_readmore" title="Continue reading on OneXtraPixel.com »" rel="follow" href="http://feedproxy.google.com/~r/onextrapixel/~3/tDkljcGQzd0/"><strong>Continue Reading On OneXtraPixel.com »</strong></a></p>
</div>
<p>&nbsp;</p>]]></content:encoded>
			<wfw:commentRss>http://dotcomreport.com/web-design/web-design-development-news-mar-14th/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

