<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>Web Design Dev</title>
	
	<link>http://www.webdesigndev.com</link>
	<description />
	<lastBuildDate>Mon, 21 May 2012 18:47:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/LearnWebdesign" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="learnwebdesign" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">LearnWebdesign</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Showcase – Web Designer Directory From WebDesignDev</title>
		<link>http://www.webdesigndev.com/web-development/showcase-web-designer-directory-from-webdesigndev</link>
		<comments>http://www.webdesigndev.com/web-development/showcase-web-designer-directory-from-webdesigndev#comments</comments>
		<pubDate>Mon, 21 May 2012 16:10:32 +0000</pubDate>
		<dc:creator>Web Design</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9821</guid>
		<description><![CDATA[Today I am extremely proud to present to you Showcase, a brand new web design directory brought to you by WebDesignDev. What is Showcase? It is a visual directory that allows any web designer or company from any part of the world to list themselves and be exposed to thousands of potential clients. It works [...]]]></description>
			<content:encoded><![CDATA[<p>Today I am extremely proud to present to you <a title="Showcase" href="http://www.webdesigndev.com/showcase/" target="_blank">Showcase</a>, a brand new web design directory brought to you by WebDesignDev.</p>
<p>What is Showcase? It is a visual directory that allows any web designer or company from any part of the world to list themselves and be exposed to thousands of potential clients.</p>
<p>It works like this:</p>
<p>You need to register at <a href="http://www.webdesigndev.com/showcase/registerfolio.html">http://www.webdesigndev.com/showcase/registerfolio.html</a>.<a href="http://www.webdesigndev.com/showcase/registerfolio.html"><br />
</a></p>
<p>Step 1. Fill out your details (takes 1-2 minutes)</p>
<p><a href="http://www.webdesigndev.com/wp-content/uploads/2012/05/Fill-out-details-1.png"><img class="aligncenter size-full wp-image-9828" title="Fill out details - 1" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/Fill-out-details-1.png" alt="Fill out details - 1" width="619" height="721" /></a><a href="http://www.webdesigndev.com/wp-content/uploads/2012/05/Fill-out-details-21.png"><img class="aligncenter size-full wp-image-9831" title="Fill out details - 2" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/Fill-out-details-21.png" alt="Fill out details - 2" width="621" height="654" /></a></p>
<p>Step 2. Click Save and continue, and publish your listing.</p>
<p>So what are you waiting for? Add yourself to our web designer directory and start getting more clients!</p>
<h2><a title="Add your listing to Showcase" href="http://www.webdesigndev.com/showcase/registerfolio.html" target="_blank">Add Your Listing To Showcase</a></h2>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=971UyQk4Kgw:LoDLVpGrLPE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=971UyQk4Kgw:LoDLVpGrLPE:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=971UyQk4Kgw:LoDLVpGrLPE:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=971UyQk4Kgw:LoDLVpGrLPE:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=971UyQk4Kgw:LoDLVpGrLPE:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=971UyQk4Kgw:LoDLVpGrLPE:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=971UyQk4Kgw:LoDLVpGrLPE:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=971UyQk4Kgw:LoDLVpGrLPE:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/web-development/showcase-web-designer-directory-from-webdesigndev/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Amazing Responsive Image Galleries</title>
		<link>http://www.webdesigndev.com/web-development/10-amazing-responsive-image-galleries</link>
		<comments>http://www.webdesigndev.com/web-development/10-amazing-responsive-image-galleries#comments</comments>
		<pubDate>Tue, 15 May 2012 16:45:03 +0000</pubDate>
		<dc:creator>Scott Stanton</dc:creator>
				<category><![CDATA[Programming]]></category>
		<category><![CDATA[Roundups]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9785</guid>
		<description><![CDATA[Responsive web design is a hot topic right now, and if this is a design concept you’re in to and practice then you may have run in to a problem with needing to incorporate an image gallery in to a project, but not knowing how to make it responsive.  Let’s keep things simple and check [...]]]></description>
			<content:encoded><![CDATA[<p>Responsive web design is a hot topic right now, and if this is a design concept you’re in to and practice then you may have run in to a problem with needing to incorporate an image gallery in to a project, but not knowing how to make it responsive.  Let’s keep things simple and check out a few open source responsive web galleries that are available.</p>
<p>&nbsp;</p>
<h2><a href="http://tympanus.net/Development/Elastislide/index.html" target="_blank">Elastislide</a></h2>
<p><img class="aligncenter size-full wp-image-9786" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/elastislide.jpg" alt="" width="740" height="105" /></p>
<p>&nbsp;</p>
<p><a href="http://tympanus.net/Development/Elastislide/index.html" target="_blank">Elastislide</a> is a responsive jQuery carousel image viewer.  The rotating image carousel will adjust itself automatically to present itself attractively no matter what size of screen or screen resolution the viewer has.  The images will also resize themselves along with the width of the container that the carousel is in to ensure that the all of each image is viewable across various screen sizes and resolutions.  <a href="http://tympanus.net/Development/Elastislide/Elastislide.zip" target="_blank">You can download the source for this image carousel here. </a></p>
<p>&nbsp;</p>
<h2><a href="http://unoslider.com/" target="_blank">Unoslider</a></h2>
<p><img class="aligncenter size-full wp-image-9787" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/unoslider.jpg" alt="" width="740" height="309" /></p>
<p>&nbsp;</p>
<p><a href="http://unoslider.com/" target="_blank">Unoslider</a> is a responsive image gallery that allows you to incorporate HTML rich captions and allows you to have per-slide options.  The gallery is touch enabled and mobile optimized, making it a dream for people who are viewing your images from a mobile device.  There are over 40 transitions to choose from and 12 prebuilt themes to use, which are easily customizable with CSS.</p>
<p>&nbsp;</p>
<h2><a href="http://responsive-slides.viljamis.com/" target="_blank">ResponsiveSlides.js</a></h2>
<p><img class="aligncenter size-full wp-image-9788" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/responsiveslides.jpg" alt="" width="740" height="381" /></p>
<p>&nbsp;</p>
<p>If you’re looking for a simple responsive slideshow, then <a href="http://responsive-slides.viljamis.com/" target="_blank">ResponsiiveSlides.js</a> is your answer!  Designers have the ability to choose between pagination and navigation controls, transition effects, randomization, HTML captions, and so much more.  It’s extremely lightweight, flyweight in fact, and won’t deliver a knock out punch when you implement it on your website.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2><a href="http://johnpolacek.github.com/ResponsiveThumbnailGallery/" target="_blank">jQuery Responsive Thumbnail Gallery Plugin</a></h2>
<p><img class="aligncenter size-full wp-image-9795" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/resThumbGal.jpg" alt="" width="740" height="412" /></p>
<p><a href="http://johnpolacek.github.com/ResponsiveThumbnailGallery/" target="_blank">jQuery Responsive Thumbail Gallery Plugin</a> is more than just a long name, it’s an amazing solution for a responsive image gallery.  It functions like most simple image galleries with thumbnail navigation, but is responsive and breaks itself down elegantly.</p>
<p>&nbsp;</p>
<h2><a href="http://www.photoswipe.com/" target="_blank">Photo Swipe</a></h2>
<p><img class="aligncenter size-full wp-image-9793" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/photoSwipe.jpg" alt="" width="740" height="490" /></p>
<p>&nbsp;</p>
<p><a href="http://www.photoswipe.com/" target="_blank">Photo Swipe</a> is a free image gallery developed with HTML, CSS, and JavaScript that is specifically targeted for mobile devices.  This image gallery is compatible on the Apple mobile iOS operating system, android powered devices, and blackberry mobile devices.  It’s easy to install, easier to use, and comes with a gaggle of configuration options so you can fine-tune it just the way you’d like to.</p>
<p>&nbsp;</p>
<h2><a href="http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/" target="_blank">Responsive Image Gallery</a></h2>
<p><img class="aligncenter size-full wp-image-9789" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/resImageGal.jpg" alt="" width="740" height="547" /></p>
<p>&nbsp;</p>
<p><a href="http://tympanus.net/codrops/2011/09/20/responsive-image-gallery/" target="_blank">Responsive Image Gallery</a> is a phenomenal choice for a responsive image gallery.  Users have the choice of browsing photos with or without the thumbnail carousel, and if they’d prefer to use the thumbnails to navigate through the images or the next and previous buttons on the made slideshow area.</p>
<p>&nbsp;</p>
<h2><a href="http://css-tricks.com/examples/SeamlessResponsivePhotoGrid/" target="_blank">Seamless Responsive Photo Grid</a></h2>
<p><img class="aligncenter size-full wp-image-9792" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/photoGrid.jpg" alt="" width="740" height="473" /></p>
<p>&nbsp;</p>
<p><a href="http://css-tricks.com/examples/SeamlessResponsivePhotoGrid/" target="_blank">Seamless Responsive Photo Grid</a>  is an interesting approach to displaying a large amount of images on one page.  Images are displayed more like a collage than a replicated cookie cutter image and thumbnail gallery all organized in to one nice looking array and labeled as a gallery.  This is a fun option for the occasional project that would allow something like this, works on all major browsers, and is ridiculously easy to incorporate in to your own design.  <a href="http://css-tricks.com/examples/SeamlessResponsivePhotoGrid.zip" target="_blank">You can download the files here. </a></p>
<h2><a href="http://tympanus.net/Tutorials/ElasticSlideshow/" target="_blank">Elastic Image Slideshow</a></h2>
<p><img class="aligncenter size-full wp-image-9791" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/elasticImageSlideshow.jpg" alt="" width="740" height="291" /></p>
<p>&nbsp;</p>
<p><a href="http://tympanus.net/Tutorials/ElasticSlideshow/" target="_blank">Elastic Image Slideshow</a> is a responsive image gallery with an unobtrusive thumbnail navigation option.  The thumbnails are small blocks of solid color making up a bottom border of the main image in their native state, but slide and fade in to position once hovered over.  There is also an autoplay option for viewing the images if you’d like your viewers to enjoy a hands-free viewing experience.  <a href="http://tympanus.net/Tutorials/ElasticSlideshow/ElasticSlideshow.zip" target="_blank">Download the source code here.</a></p>
<p>&nbsp;</p>
<h2><a href="http://www.woothemes.com/flexslider/" target="_blank">Flexslider</a></h2>
<p><img class="aligncenter size-full wp-image-9796" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/flexslider.jpg" alt="" width="740" height="488" /></p>
<p>&nbsp;</p>
<p><a href="http://www.woothemes.com/flexslider/" target="_blank">Flexslider</a> is another stunning example of a responsive image slider.  Not only is Flexslider supported in all major browsers, but it’s also programmed with hardware accelerated touch swipe support.  Add custom navigation options and the ability to place any kind of HTML elements your heart desires in the slides and you’ve got yourself a fluid image slider that you can customize to work seamlessly with any design.</p>
<p>&nbsp;</p>
<h2><a href="http://marktyrrell.com/labs/blueberry/" target="_blank">Blueberry</a></h2>
<p><img class="aligncenter size-full wp-image-9790" src="http://www.webdesigndev.com/wp-content/uploads/2012/05/blueberry.jpg" alt="" width="740" height="397" /></p>
<p>&nbsp;</p>
<p><a href="http://marktyrrell.com/labs/blueberry/" target="_blank">Blueberry</a> is a delicious image gallery slider that was written specifically for responsive web design.  It’s an experimental opensource jQuery plugin project that was originally launched in hopes of getting the designers of some of the more popular image sliders to think about making theirs responsive as well.  The fact that this slider is powered by jQuery means that blueberry should not only work on your Blackberry, but your Apple as well.</p>
<p>About the author: with over ten years in the freelance web design and writing fields, Scott Stanton has had his finger on the beating pulse of the industry&#8217;s hottest design trends and bends for the past decade. Scott regularly writes for Wix.com the free <a title="website builder" href="http://www.wix.com/website/builder?utm_campaign=se_gb_webdesigndev.com&amp;experiment_id=FWB" target="_blank">website builder</a>. Follow him on Twitter @TheScottStanton.</p>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=eQcM8FePSig:nP_m_2oXYWw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=eQcM8FePSig:nP_m_2oXYWw:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=eQcM8FePSig:nP_m_2oXYWw:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=eQcM8FePSig:nP_m_2oXYWw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=eQcM8FePSig:nP_m_2oXYWw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=eQcM8FePSig:nP_m_2oXYWw:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=eQcM8FePSig:nP_m_2oXYWw:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=eQcM8FePSig:nP_m_2oXYWw:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/web-development/10-amazing-responsive-image-galleries/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>10 Business Cards With Wow Factor</title>
		<link>http://www.webdesigndev.com/inspiration/10-business-cards-with-wow-factor</link>
		<comments>http://www.webdesigndev.com/inspiration/10-business-cards-with-wow-factor#comments</comments>
		<pubDate>Mon, 14 May 2012 11:44:51 +0000</pubDate>
		<dc:creator>Scott Stanton</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Roundups]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9742</guid>
		<description><![CDATA[Business cards are key when it comes to making new contacts and approaching prospective clients.  Having a creative business card that showcases the pinnacle of your artistic abilities is crucial when you’re trying to convince someone to visit your website and view your portfolio when you’re in the creative field.  Let’s take a look at [...]]]></description>
			<content:encoded><![CDATA[<p>Business cards are key when it comes to making new contacts and approaching prospective clients.  Having a creative business card that showcases the pinnacle of your artistic abilities is crucial when you’re trying to convince someone to visit your website and view your portfolio when you’re in the creative field.  Let’s take a look at some truly inspiring business cards.</p>
<p>&nbsp;</p>
<h3>Mathijs Vissers</h3>
<p><img class="aligncenter size-full wp-image-9743" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/soulBurger.jpg" alt="" width="500" height="260" /></p>
<p>&nbsp;</p>
<p><a href="http://mathijsvissers.com/" target="_blank">Mathijs Vissers</a> explains it pretty well on his homepage, “I like drawing funny looking weird stuff.”  I’d say that his business card does a spot-on job of portraying that.  I also like the Chuck Norris KnowsVictoria’s Secret t-shirt design in his portfolio, classic!</p>
<p>&nbsp;</p>
<h3>Pampaneo</h3>
<p><img class="aligncenter size-full wp-image-9744" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/pampaneo.jpg" alt="" width="580" height="446" /></p>
<p>&nbsp;</p>
<p><a href="http://www.pampaneo.es/" target="_blank">Pampaneo</a> is a design and creative agency powered by duo Pedro Meca and Kelly Abanto.  I’m always a sucker for minimalist design and good usage of illustrations, so naturally I was a big fan of their business cards.  I was even more pleased once I clicked through their website, creative and well thought out through and through.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>Chef Burger</h3>
<p><img class="aligncenter size-full wp-image-9745" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/chefBurger.jpg" alt="" width="500" height="315" /></p>
<p>&nbsp;</p>
<p>Chef Burger was a burger joint in the greater downtown area ofKansas City.  Their business cards combine two of my favorite things, burgers and beer.  Well, beer coasters at least.  The creative side is a creepy looking burger monster that you want to smash with the bottom of your beverage of choice glass, while the information side is stylized with typography and color, allowing it to stay creative.</p>
<p>&nbsp;</p>
<h3>Pop Grub</h3>
<p><img class="aligncenter size-full wp-image-9746" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/popGrub.jpg" alt="" width="600" height="436" /></p>
<p>&nbsp;</p>
<p><a href="http://popgrub.com/" target="_blank">Pop Grub</a> is an excellent example of breaking free from the standard, rectangle business card and going for a unique shape.  It reminds me of a tuxedo pocket square handkerchief, which then evokes a classy association.  Being that the company is an online guide to pop up chefs in theNew York City area, for people looking for a one-of-a-kind culinary experience, perhaps it’s a good association.</p>
<p>&nbsp;</p>
<h3>Dario Monetini</h3>
<p><img class="aligncenter size-full wp-image-9747" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/darioMonetini.jpg" alt="" width="500" height="333" /></p>
<p>&nbsp;</p>
<p><a href="http://www.behance.net/dario_monet" target="_blank">Dario Monetini</a> is an Italian designer who makes great use of one of my favorite business card trends, the clear, plastic business card.  Judging by his website, I’d say he does a superb job of incorporating his personality in to his business card.  And the fact that they’re plastic means they’ll outlast the abuse that could be dished out if someone just shoves it in the pocket of their jeans, or puts it in their wallet and then accidentally leaves their wallet in their jeans on laundry day.</p>
<p>&nbsp;</p>
<h3>Jae Salavarrieta</h3>
<p><img class="aligncenter size-full wp-image-9748" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/jaeSalavarrieta.jpg" alt="" width="580" height="389" /></p>
<p>&nbsp;</p>
<p><a href="http://www.suddenpanic.net/" target="_blank">Jae Salavarrieta</a> is a designer and illustrator whose business card is the full meal deal.  His logo is a clever mix of a shark, torpedo, submarine mix, or possibly airplane bomber, in the shape of a J, representing his name.  While the cut of the card then plays off the logo in that it’s the shape of a shark fin.  Quite clever.</p>
<p>&nbsp;</p>
<h3>David Fernandez Huerta</h3>
<p><img class="aligncenter size-full wp-image-9749" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/davidHuerta.jpg" alt="" width="600" height="548" /></p>
<p>&nbsp;</p>
<p><a href="http://davidfernandezhuerta.com/" target="_blank">David Fernandez Huerta</a> is a video game artist and illustrator who does a fantastic job showcasing his artistic and creative abilities with his business card.  I’d be curious to know how much it cost to make each card as there is quite a bit of cutting involved.  Either way, it’s a unique card that will surely grab the attention of prospective clients.</p>
<h3>Darlene Dewell</h3>
<p><img class="aligncenter size-full wp-image-9750" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/printProduction.jpg" alt="" width="600" height="529" /></p>
<p>&nbsp;</p>
<p>Darlene Dewell at <a href="http://printproduction.ca/" target="_blank">Print Production</a> has another perfect example of a creative business card that took some outside of the box thinking to create.  She slightly alters the standard shape of a business card to give it a unique look, adds in nicely contrasting colors, embosses her logo in to it and even sneaks a cat in there to make it even more lovable.  Very well done, Darlene.</p>
<p>&nbsp;</p>
<h3>Robonut</h3>
<p><img class="aligncenter size-full wp-image-9751" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/driv.jpg" alt="" width="550" height="413" /></p>
<p>&nbsp;</p>
<p><a href="http://www.thinksimpleactsimple.com/" target="_blank">Driv</a> is a creative designer focused on typography, illustration, and graphic design who created these cards for his ongoing <a href="www.robonut.com" target="_blank" class="broken_link">robonut</a> project.  A clever logo and business card concept, turning the D of his name in to a smiley face with the help of a colon punctuation mark.  He also uses the decorative side of his card to give his smiley a body, very cool!</p>
<p>&nbsp;</p>
<h3>National Greyhound Adoption Program<img class="aligncenter size-full wp-image-9752" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/greyhound.jpg" alt="" width="540" height="367" /></h3>
<p>It only makes sense that the <a href="http://www.ngap.org/index.html" target="_blank">National Greyhound Adoption Program</a> would have dog tags as their business cards.  I’m guessing they cost a little more than your standard, single-sided, one color, cardstock business card, but you’ve got to admit, they’re pretty cool.  Very clever, who ever thought up this concept.</p>
<p>&nbsp;</p>
<p>Next time you’re looking to develop a business card, whether it’s your own of for a client, challenge yourself to think outside of the box.  Force yourself to come up with something new, clever and unique.  Something that will cause a new client or customer to remember you specifically solely off how awesome your business card is.  Most of all, be creative.  I mean, that is your job, right?</p>
<p>About the author: with over ten years in the freelance web design and writing fields, Scott Stanton has had his finger on the beating pulse of the industry&#8217;s hottest design trends and bends for the past decade. Scott regularly writes for Wix.com the free <a title="website builder" href="http://www.wix.com/website/builder?utm_campaign=se_gb_webdesigndev.com&amp;experiment_id=FWB" target="_blank">website builder</a>. Follow him on Twitter @TheScottStanton.</p>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=hOhgpSRxw6I:Ba0Di4GZkC4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=hOhgpSRxw6I:Ba0Di4GZkC4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=hOhgpSRxw6I:Ba0Di4GZkC4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=hOhgpSRxw6I:Ba0Di4GZkC4:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=hOhgpSRxw6I:Ba0Di4GZkC4:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=hOhgpSRxw6I:Ba0Di4GZkC4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=hOhgpSRxw6I:Ba0Di4GZkC4:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=hOhgpSRxw6I:Ba0Di4GZkC4:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/inspiration/10-business-cards-with-wow-factor/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>10 Jaw-Dropping Sites Featuring a Background Video</title>
		<link>http://www.webdesigndev.com/web-development/10-jaw-dropping-sites-featuring-a-background-video</link>
		<comments>http://www.webdesigndev.com/web-development/10-jaw-dropping-sites-featuring-a-background-video#comments</comments>
		<pubDate>Wed, 09 May 2012 13:07:31 +0000</pubDate>
		<dc:creator>Scott Stanton</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Roundups]]></category>
		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9729</guid>
		<description><![CDATA[Websites with full page backgrounds are pretty cool, there’s no doubt about that. Whether you’re using Flash to achieve your full page background, media queries in CSS, or simply setting your height and width to 100% and not particularly caring about the quality of the image, the outcome is usually one that will catch the [...]]]></description>
			<content:encoded><![CDATA[<p>Websites with full page backgrounds are pretty cool, there’s no doubt about that. Whether you’re using Flash to achieve your full page background, media queries in CSS, or simply setting your height and width to 100% and not particularly caring about the quality of the image, the outcome is usually one that will catch the eye of a viewer. But seeing as we live in the broadband era, why not take things up a notch and have a full-screen background video? Let’s take a look at some examples of sites with full-screen background videos.</p>
<p>&nbsp;</p>
<h3>Razorfish</h3>
<p><img class="aligncenter size-full wp-image-9730" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/razorfish.jpg" alt="" width="740" height="557" /></p>
<p><a href="http://www.razorfish.com/" target="_blank">Razorfish</a> is a design firm that utilizes a full-screen background video in a rather unique way. The video is a live feed of one of their offices, and you’re able to select which one you want to view from a menu at the footer of the page. Take a virtual trip around the world without ever leaving the lobby of a Razorfish office, very cool concept to go along with a very creative website.</p>
<p>&nbsp;</p>
<h3>Gudrun &amp; Gudrun</h3>
<p><img class="aligncenter size-full wp-image-9731" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/gudrungudrun.jpg" alt="" width="740" height="553" /></p>
<p><a href="http://www.gudrungudrun.com/" target="_blank">Gundrun &amp; Gundrun</a> is a clothing site that’s oozing with urban character. There’s no doubt in my mind where this company is from and who their target audience is. Nestled in the city that never sleeps is a clothing website with a very artistic, full-screen, background video.</p>
<p>&nbsp;</p>
<h3>Wayne McGregor &#8211; Random Dance</h3>
<p><img class="aligncenter size-full wp-image-9732" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/randomDance.jpg" alt="" width="740" height="557" /></p>
<p>The <a href="http://www.randomdance.org" target="_blank">Wayne McGregor Random Dance site</a> is another website with a very artistic full-screen background video. But would you expect anything less from a dance studio? An interesting thing about this site is that the video only plays on the homepage, once you begin to navigate through the site the background switches to full-screen images.</p>
<p>&nbsp;</p>
<h3>White Lies</h3>
<p><img class="aligncenter size-full wp-image-9733" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/whiteLies.jpg" alt="" width="740" height="557" /></p>
<p>The <a href="http://www.whitelies.com/" target="_blank">White Lies website</a> is proof that not all white lies are bad. They make use of their background with a full-screen video of a live performance. The video quality is quite good and there’s even a buffer bar at the very bottom of your screen to let you know how far ahead of the game you are. Another thing I really liked about this site was the option for a background slideshow, in case anyone’s browsing the site from their high speed 56k dial-up modem.</p>
<p>&nbsp;</p>
<h3>Matter Strategic Design</h3>
<p><img class="aligncenter size-full wp-image-9734" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/matter.jpg" alt="" width="740" height="556" /></p>
<p>It’s no surprise that a design firm would utilize such a foreword thinking design concept as a website with a full-screen background video, and that’s exactly what <a href="http://www.matter.to/" target="_blank">Matter Strategic Design</a> did. Their background video is quite interesting, just a series of close-up face shots of people smiling. Their site is not cluttered with links as to overshadow the video, rather they just feature a simple dropdown menu with links to their work.</p>
<p>&nbsp;</p>
<h3>Less Rain</h3>
<p><img class="aligncenter size-full wp-image-9735" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/lessRain.jpg" alt="" width="740" height="557" /></p>
<p>Being from the Pacific Northwest where rainfall is just a way of life, I had to chuckle when I came across the name of the German digital creative agency, <a href="http://www.lessrain.de" target="_blank">Less Rain</a>.  It’s no surprise that an agency with as many awards as they have also has a creative online presence. Their background video is more or less a background image with a video loop of a passing train. A clever way to sneak in a background video without bogging down the load time of a site.</p>
<p>&nbsp;</p>
<h3>Nike Jordan M6</h3>
<p><img class="aligncenter size-full wp-image-9736" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/nikeJordan23.jpg" alt="" width="740" height="557" /></p>
<p>Nike has developed a reputation for developing extremely progressive websites for some of their specific brands and the <a href="http://www.nike.com/jumpman23/m6/" target="_blank">Nike Jordan M6 microsite</a> was no exception. The site features full-screen background videos that are short clips of the shoe designers discussing the making of the M6 through various stages of the process. The navigation is not overly invasive, simple text links tucked away in a corner to the other videos and features of the shoe. A very clever and very well done site.</p>
<p>&nbsp;</p>
<h3>I Surf Because</h3>
<p><img class="aligncenter size-full wp-image-9737" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/iSurf.jpg" alt="" width="740" height="557" /></p>
<p><a href="http://www.isurfbecause.com/" target="_blank">I Surf Because</a> is a microsite from <a href="http://www.billabong.com/" target="_blank">Billabong</a> that allows visitors to create their own statement on why they surf. The site features a full-screen background video clips of surfing enthusiasts doing what they love. There is a soundtrack that accompanies the video, which you have the option of muting, as well as some basic navigation at the top. After you leave the homepage the video background is swapped for some hi-res, full-screen images.</p>
<p>&nbsp;</p>
<h3>Russian Standard Vodka</h3>
<p><img class="aligncenter size-full wp-image-9738" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/russianStandard.jpg" alt="" width="740" height="557" /></p>
<p><a href="http://www.russianstandardvodka.com" target="_blank">Russian Standard Vodka</a> is said to be every bit as good and high quality as <a href="http://www.greygoose.com/">Grey Goose</a>, by taste testers and industry insiders, but a fraction of the price.  All I know is that both have pretty cool websites, but Russian Standard has the slight edge thanks to their use of video as a background element. Along with the main navigation links in the top right, you’re able to control the background videos by hovering on the bottom of the page to produce the video options. Very cool, very clever, very well done, dare I say, just like the drink?</p>
<p>&nbsp;</p>
<h3>Design Kitchen</h3>
<p><img class="aligncenter size-full wp-image-9739" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/designKitchen.jpg" alt="" width="740" height="557" /></p>
<p><a href="http://designkitchen.com/" target="_blank">DesignKitchen</a> is an extremely good use of video for a background image. As their site states, they specialize in making high-definition videos for premier Motorola technology platform. The background video is a hand swiping and sliding through a smorgasbord of different videos and showing the extensive diversity of what they can deliver to their clients. The site also has a standard navigation and news feed that is subtly overlaid as to not interfere with the video, but easily identifiable and simple to use.</p>
<p>Using a full-screen background video is certainly a great way to grab the attention of your viewer. Whether the video you choose to feature is one that showcases your talent and portfolio or one that is pleasing to look at and doesn’t do much more than add a spark of life and uniqueness to your site, one think to consider during your planning process is how to keep the video size small as to not bog down the load time of your site. This can also be done by offering the viewer to switch to a slideshow, simple background image, or just stop the video all together and leave it at that.</p>
<p>About the author: with over ten years in the freelance web design and writing fields, Scott Stanton has had his finger on the beating pulse of the industry&#8217;s hottest design trends and bends for the past decade. Scott regularly writes for Wix.com the free <a title="website builder" href="http://www.wix.com/website/builder?utm_campaign=se_gb_webdesigndev.com&amp;experiment_id=FWB" target="_blank">website builder</a>. Follow him on Twitter @TheScottStanton.</p>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=cOTIXP7lBh8:yetJ_iU7_-I:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=cOTIXP7lBh8:yetJ_iU7_-I:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=cOTIXP7lBh8:yetJ_iU7_-I:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=cOTIXP7lBh8:yetJ_iU7_-I:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=cOTIXP7lBh8:yetJ_iU7_-I:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=cOTIXP7lBh8:yetJ_iU7_-I:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=cOTIXP7lBh8:yetJ_iU7_-I:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=cOTIXP7lBh8:yetJ_iU7_-I:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/web-development/10-jaw-dropping-sites-featuring-a-background-video/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tablet Story – Making A Website Tablet Friendly, Known and The Unknown facts</title>
		<link>http://www.webdesigndev.com/web-development/tablet-story-%e2%80%93-making-a-website-tablet-friendly-known-and-the-unknown-facts</link>
		<comments>http://www.webdesigndev.com/web-development/tablet-story-%e2%80%93-making-a-website-tablet-friendly-known-and-the-unknown-facts#comments</comments>
		<pubDate>Mon, 07 May 2012 13:37:57 +0000</pubDate>
		<dc:creator>Michael Evans</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9710</guid>
		<description><![CDATA[Remember the joy and happiness when you first got your hands on the magic iPad. Yeah, iPad has undoubtedly changed the way we used to browse the web. It is slim, sexy and simply irresistible and therefore, it is no wonder it is admired and adopted by millions of people around the world. Now, forget [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: justify;">Remember the joy and happiness when you first got your hands on the magic iPad. Yeah, iPad has undoubtedly changed the way we used to browse the web. It is slim, sexy and simply irresistible and therefore, it is no wonder it is admired and adopted by millions of people around the world. Now, forget about the facts and figure; the reality as it stands is iPad is fast becoming the most powerful and popular platform and that means, your website has to be iPad friendly and the bad news, there is no two ways about it. Yeah, it is becoming all the more difficult for website designers to make a website render precisely in all platforms, be it a smartphone, iPad etc. Now, without an iota of doubt, it is a hard nut to crack. But to make your task easier, here we are going to come up with some tips that can help you greatly in the process of making your website iPad or tablet friendly:</p>
<p style="text-align: justify;"><img class="aligncenter size-full wp-image-9711" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/ditch-mouse.jpg" alt="Ditch The Mouse" width="800" height="647" /></p>
<p style="text-align: justify;"><strong>Ditch The Mouse:</strong> Well mouse has got nothing to do with tablets. You are supposed to use finger to get things under control in a tablet device so that simply means, you should not make navigation small. Do not cramp up things as it will make it tough for general users while navigating and will lead to poor users’ experience. Since finger is a lot larger than the pointer of a mouse, you need to make sure that users would not have to zoom in and out just to access some areas of your website. Best solution for this problem is to stick with a middle ground. The size of the navigation button should be large enough for fingertips but they should not be ridiculously large.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-9712" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/above-the-fold-shoe-1024x506.jpg" alt="Above The Fold" width="717" height="354" /><br />
<strong></strong></p>
<p style="text-align: justify;"><strong>Above The Fold</strong>: Since people are using seemingly endless number of platforms to access internet, web designers really do not have any clue where to put the above the fold thing and what to put in it without marring the whole usability thing. Now, if you are new in the game, let me tell you that above the fold is the most important section that usually has all the important elements of the website to draw maximum attention from your visitors. So, as a designer it is your religious responsibility to make a visitor see the above the fold section irrespective of the devices he is using, before he leaves the website. To ensure this, you need to scale the design to raise the fold to make sure that everyone sees it right away &#8211; otherwise your website may not fair very well in tablets.</p>
<p style="text-align: center;"><img class="aligncenter size-large wp-image-9713" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/fiftythree.com-ipad-1024x594.jpg" alt="" width="614" height="356" /></p>
<p style="text-align: justify;"><strong>Check the Contact Form</strong>: I think you do not want your targeted visitors facing troubles contacting you while they are browsing sites on tablets. You have to be double sure that everything is working fine in tablets. So, take some time out of your busy schedule and check your website in all possible tablet devices. Send some test mails and if they work fine, you are good.</p>
<p><img class="aligncenter size-full wp-image-9714" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/ipad-no-luck-flash-superhero.jpg" alt="" width="450" height="315" />                                                                            ( photo courtesy - http://www.kitguru.net/)</p>
<p style="text-align: justify;"><strong>Do Not Use Flash</strong>: I remember a story where a designer is told to make a flash presentation work in iPad in an hour. I hope you get it why it is impossible to get the flash presentation fixed for iPad in one hour. Yes, iDevices do not support flash and that means, you will be better off if you design your website in standard HTML and CSS. Don&#8217;t use technologies that will require browsers to download additional plug-ins or software. Rather, try HTML5. It offers similar level of interactivity and that too without making the website heavy.</p>
<p style="text-align: justify;"><strong>Portrait or landscape Mode</strong>: The greatness of tablets lies in the fact that you can see things either in portrait or landscape modes and sometimes, you can switch between the two. So, apart from making your website multi-screen sizes friendly, you need to make it a point that your website can be accessed when accessed in different modes. Make sure that the website does not get screwed up when switched between views and if you find any issues, just iron them out.</p>
<p style="text-align: justify;"><strong>Keep Things Simple</strong>: Do not add elements that may look like gaudy. You should not forget the fact that a website may render precisely in a desktop but it can go horribly wrong when accessed on a tablet. As a tablet user, you will definitely hate the idea of zooming in and out to have a proper view and so, you need to remove all those elements that can lead to this nagging issue.</p>
<p><strong>It is not a bitter pill:</strong> The truth is that tablets give you little scope to try your creativity. But at the same time, they teach you the importance of simplicity. So, do a review of your website and strip away anything that may cause trouble while accessing the website in platforms other than standard desktop.</p>
<blockquote>
<p style="text-align: justify;"><em>Michael Evans is a passionate writer and he has been writing for Site2You, which is a </em><a title="simple website builder" href="http://www.site2you.com/" target="_blank"><em>simple website builder</em></a><em>. He has written different article on web design, online marketing and SEO. He is equally enthusiastic about latest gadgets.</em></p>
</blockquote>
<p>&nbsp;</p>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=akYjEpPuFm8:lJSuCvo5QTI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=akYjEpPuFm8:lJSuCvo5QTI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=akYjEpPuFm8:lJSuCvo5QTI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=akYjEpPuFm8:lJSuCvo5QTI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=akYjEpPuFm8:lJSuCvo5QTI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=akYjEpPuFm8:lJSuCvo5QTI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=akYjEpPuFm8:lJSuCvo5QTI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=akYjEpPuFm8:lJSuCvo5QTI:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/web-development/tablet-story-%e2%80%93-making-a-website-tablet-friendly-known-and-the-unknown-facts/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Creative Large Typography Sites Where Size Matters</title>
		<link>http://www.webdesigndev.com/inspiration/10-creative-large-typography-sites-where-size-matters</link>
		<comments>http://www.webdesigndev.com/inspiration/10-creative-large-typography-sites-where-size-matters#comments</comments>
		<pubDate>Mon, 30 Apr 2012 11:25:36 +0000</pubDate>
		<dc:creator>Scott Stanton</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Roundups]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9644</guid>
		<description><![CDATA[I was talking to a friend earlier today who works for a large design firm and he admitted to me that he’d never make it as a freelancer.  His reason was based solely off the amount of time it took him to find the perfect font for everything.  That lead to a rather interesting conversation [...]]]></description>
			<content:encoded><![CDATA[<p>I was talking to a friend earlier today who works for a large design firm and he admitted to me that he’d never make it as a freelancer.  His reason was based solely off the amount of time it took him to find the perfect font for everything.  That lead to a rather interesting conversation about important fonts are to a site, the most creative layout backed by some amazing imagery could all be lost on a standard Times New Roman font, if it didn’t work with the rest of the design.  Let’s take a look at some examples of sites that derive the majority of their design elements from the typography.</p>
<h3>Earth Hour</h3>
<p><a href="http://earthhour.fr/"><img class="aligncenter size-full wp-image-9645" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/earthHour.jpg" alt="Earth Hour" width="740" height="565" /></a></p>
<p>&nbsp;</p>
<p><a href="http://earthhour.fr/" target="_blank">Earth Hour</a> has a nice balance of typography and imagery.  The overall design elements of the site are drawn from the oversized text, the images just help balance it out, as to not overwhelm the first time viewer of the site.  You’ll notice they also don’t overdo it with the number of different fonts that they used, just as the fonts don’t drastically clash with each other.</p>
<p>&nbsp;</p>
<h3>More Hazards  More Heroes</h3>
<p><a href="http://morehazards.com/"><img class="aligncenter size-full wp-image-9646" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/moreHazards.jpg" alt="More Hazards" width="740" height="566" /></a></p>
<p>&nbsp;</p>
<p><a href="http://morehazards.com/" target="_blank">More Hazards More Heroes</a> is a great example of simplicity through design.  There are really only two images that offer anything to the main homepage screen.  The band name in the top left is what really grabs your attention, and it’s a cool use of typography as well to get each word of the band name to display more creatively than stacked one on top of the other.</p>
<p>&nbsp;</p>
<h3>Stephen Caver</h3>
<p><a href="http://stephencaver.com/"><img class="aligncenter size-full wp-image-9647" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/stephenCaver.jpg" alt="Stephen Caver" width="740" height="565" /></a></p>
<p>&nbsp;</p>
<p><a href="http://stephencaver.com/" target="_blank">Steven Caver’s</a> site is the epitome of a well-done typography based site.  Large blocks of text dominate the site leaving the sparse amount of images to go relatively unnoticed.  You’ll also notice that the fonts aren’t anything crazy, just clean, simple, and pleasing to look at.  The fact that they’re easy to read also takes the strain off your eyes, not to mention brain, when trying to decipher what the text says.  I’ve seen some sites with typography this size in a font that’s more difficult to decode than a captcha security word image.</p>
<p>&nbsp;</p>
<h3>Elan Snowboards</h3>
<p><a href="http://www.elansnowboards.com/en/"><img class="aligncenter size-full wp-image-9648" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/elanSnowboards.jpg" alt="Elan Snowboards" width="740" height="564" /></a></p>
<p>&nbsp;</p>
<p><a href="http://www.elansnowboards.com/en/" target="_blank">Elan Snowboards</a> is another cool website that uses typography well.  The site is laid out more like a hybrid scrapbook and journal and they did a great job at selecting the proper fonts to help maintain and portray that look.  Again, there are multiple fonts on the page, but they don’t contrast one another greatly and there aren’t a gaggle of them to exhaust the viewer as they go from one section to the next.</p>
<p>&nbsp;</p>
<h3>Marie Catrib</h3>
<p><a href="http://www.mariecatribs.com/"><img class="aligncenter size-full wp-image-9649" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/marieCatrib.jpg" alt="Marie Catrib" width="740" height="566" /></a></p>
<p>&nbsp;</p>
<p><a href="http://www.mariecatribs.com/" target="_blank">Marie Catrib</a> serves up a delicious looking site full of fun typography.  Not only does the typography help give the site character, but the different colors of each font help liven up the site as well.  The designer did a great job of blending the fonts, as you will notice there are quite a few, but they all work together.  A great site and very well thought out.</p>
<h3>Sibling Rivalry</h3>
<p><a href="http://www.siblingrivalrywine.ca/"><img class="aligncenter size-full wp-image-9650" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/siblingRivalry.jpg" alt="Sibling Rivalry" width="740" height="565" /></a></p>
<p>&nbsp;</p>
<p><a href="http://www.siblingrivalrywine.ca/" target="_blank">Sibling Rivalry</a> is loaded with all sorts of fun fonts.  Again, not a ton of images on the homepage, but a lot of fonts and they’re in a wide variety of colors.  All of these things work together nicely to make up a perfect blend, not something you’d expect from three brothers.  But if you read some of the text on the homepage you’ll understand how fitting it is and how well the designer was able to capture their philosophy and attitude, then portray it in this design.</p>
<p>&nbsp;</p>
<h3>Typographica</h3>
<p><a href="http://typographica.org/"><img class="aligncenter size-full wp-image-9651" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/typographica.jpg" alt="Typographica" width="740" height="565" /></a></p>
<p>&nbsp;</p>
<p>With a name like <a href="http://typographica.org/" target="_blank">Typographica</a> one would think that it would be oozing with all sorts of cool fonts.  It certainly doesn’t disappoint, that’s for sure.  I think one of my most favorite elements of this site is the somewhat subtle and almost hidden nature of their top level, main navigation.  At first glance I thought that “Typographica. Type Reviews, Books, Commentary,” was simply the company name and tag line.  But all it takes is a simple hover to realize those are all links.</p>
<p>&nbsp;</p>
<h3>What A Lovely Name</h3>
<p><a href="http://www.whatalovelyname.com/"><img class="aligncenter size-full wp-image-9652" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/name.jpg" alt="What A Lovely Name" width="740" height="421" /></a></p>
<p>&nbsp;</p>
<p><a href="http://www.whatalovelyname.com/" target="_blank">What A Lovely Name</a> is a fun site featuring good use of typography.  It carries the fun, baby theme that surely gets expecting parents excited as they begin the quest of coming up with the perfect name for their child.  You’ll notice that rather than relying on several different fonts to add character to the site they simply relied on various sizes, very clever.</p>
<h3>Just Dot</h3>
<p><a href="http://www.justdot.gr/"><img class="aligncenter size-full wp-image-9653" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/justDot.jpg" alt="Just Dot" width="740" height="564" /></a></p>
<p>&nbsp;</p>
<p><a href="http://www.justdot.gr/" target="_blank">Just Dot</a> looks like a lab that creates magic potions for awesomeness, which I guess is a good aura to have for a media services company.  Their choice of fonts works nicely with their scientific doodle drawings as the background.  It’s a great balance of fun and professional, giving them the upper hand over other media service sites that look just like all of the others.</p>
<p>&nbsp;</p>
<h3>Elysium Burns</h3>
<p><a href="http://www.elysiumburns.com/"><img class="aligncenter size-full wp-image-9654" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/elysium.jpg" alt="Elysium Burns" width="740" height="555" /></a></p>
<p>&nbsp;</p>
<p><a href="http://www.elysiumburns.com/" target="_blank">Elysium Burns</a> features a few different fonts to make the site look good, just as he claims he does.  There is a lot of text in this site, but thanks to the creatively executed use of typography it is all very well organized and displayed.  Large font sizes and different colors help the slightly more important text stand out and beyond that the quality of the work does the talking.<br />
There are several ways to implement typography in a site and really make it have an impact on the site.  Whether it’s through a different font, increased size, or different color, implementing words on your site shouldn’t come across as a chore, or something that you have to tuck away and hide somewhere so that it doesn’t obstruct the look of all the other images and visual elements.  It should be viewed more as another layer of the design tree, and something to help emphasize other aspects of the site.</p>
<p>About the author: with over ten years in the freelance web design and writing fields, Scott Stanton has had his finger on the beating pulse of the industry&#8217;s hottest design trends and bends for the past decade. Scott regularly writes for Wix.com the free <a title="website builder" href="http://www.wix.com/website/builder?utm_campaign=se_gb_webdesigndev.com&amp;experiment_id=FWB" target="_blank">website builder</a>. Follow him on Twitter @TheScottStanton.</p>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=ZnFKAbp5cgk:e4gE2udFs90:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=ZnFKAbp5cgk:e4gE2udFs90:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=ZnFKAbp5cgk:e4gE2udFs90:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=ZnFKAbp5cgk:e4gE2udFs90:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=ZnFKAbp5cgk:e4gE2udFs90:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=ZnFKAbp5cgk:e4gE2udFs90:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=ZnFKAbp5cgk:e4gE2udFs90:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=ZnFKAbp5cgk:e4gE2udFs90:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/inspiration/10-creative-large-typography-sites-where-size-matters/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Codelobster PHP Edition Review – Free PHP, HTML, CSS, JavaScript Editor (IDE)</title>
		<link>http://www.webdesigndev.com/reviews/codelobster-php-edition-review-free-php-html-css-javascript-editor-ide</link>
		<comments>http://www.webdesigndev.com/reviews/codelobster-php-edition-review-free-php-html-css-javascript-editor-ide#comments</comments>
		<pubDate>Fri, 27 Apr 2012 16:28:33 +0000</pubDate>
		<dc:creator>Web Design</dc:creator>
				<category><![CDATA[Reviews]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9766</guid>
		<description><![CDATA[Today, I want to bring to your attention Codelobster PHP Edition &#8211; a completely free and extremely powerful PHP, HTML, CSS and Javascript editor. So what exactly does Codelobster PHP Edition do? All code highlights depending on a type, the also mixed code is thus supported, so the area of HTML will be highlighted as [...]]]></description>
			<content:encoded><![CDATA[<p>Today, I want to bring to your attention Codelobster PHP Edition &#8211; a completely free and extremely powerful PHP, HTML, CSS and Javascript editor.</p>
<p style="text-align: center;"><a href="http://www.codelobster.com/"><img class="aligncenter size-full wp-image-9767" title="codelobster review" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/codelobster.gif" alt="codelobster review" width="582" height="420" /></a>So what exactly does Codelobster PHP Edition do?</p>
<ul>
<li>All <strong>code highlights</strong> depending on a type, the also mixed code is thus supported, so the area of HTML will be highlighted as HTML, PHP as PHP, and Javascript as Javascript in the same file. You can choose color schemes, including popular IDEs.</li>
<li>Powerful <strong>auto completion for HTML, PHP, CSS and Javascript</strong>, including HTML5 and CSS3. For PHP, the structure of the project is fully recognized, and the complete list of methods falls out in the proper places.</li>
<li><strong>HTML/CSS</strong> inspector similar to Firebug, which allows easily to correlate the selected elements of page with a code and proper style.</li>
<li><strong>Context help</strong> on all supported languages. By pressing F1 key the page with detailed description for current tag, attribute or function will be opened.</li>
<li><strong>PHP debugger</strong>. PHP debugger allows to execute PHP scripts incrementally, watching the values of all variables in every line.</li>
<li><strong>SQL manager</strong> allows to produce all necessary actions with a database &#8211; to add, delete, edit a structure and records in tables, to export data, execute SQL queries. Highlighting and auto completion works for SQL files too.</li>
<li><strong>Support of FTP</strong> allows to work from a remote server and to do all necessary file changes via FTP;</li>
<li><strong>The portable option</strong> allows to use editor without preliminary installation.</li>
<li>Other useful utilities: pair highlighting, possibility of blocks selection, collapsing, tooltips, navigation on descriptions of functions and included files when holding CTRL key, viewing file and project structure, preview in a browser, bookmarks, and many other features.</li>
</ul>
<h4>But that&#8217;s not all. There are also special plug-ins for work with:</h4>
<ul>
<li>CMS: <strong>Drupal, Joomla</strong></li>
<li>PHP frameworks: <strong>CakePHP, CodeIgniter, Symfony, Yii</strong></li>
<li>JavaScript libraly: <strong>JQuery</strong></li>
<li><strong>WordPress</strong> blogging engine</li>
<li><strong>Smarty</strong> template engine</li>
</ul>
<p><em><strong>Download link:</strong></em><br />
<a href="http://www.codelobster.com/download/CodelobsterPHPEditionSetup.exe" target="_blank">Free PHP, HTML, CSS, JavaScript editor (IDE) &#8211; Codelobster PHP Edition</a></p>
<table width="100%">
<tbody>
<tr>
<td>Developer</td>
<td>Codelobster Software</td>
</tr>
<tr>
<td>Web Site</td>
<td><a href="http://www.codelobster.com/" target="_blank">http://www.codelobster.com/</a></td>
</tr>
<tr>
<td>Language</td>
<td>English, Russian, German, Spanish, French, Portuguese</td>
</tr>
<tr>
<td>Supported OS</td>
<td>Windows 2000, Windows XP, Windows Vista, Windows 7</td>
</tr>
</tbody>
</table>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=_Gt3SwAnx8M:ZBKiMnWZhMI:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=_Gt3SwAnx8M:ZBKiMnWZhMI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=_Gt3SwAnx8M:ZBKiMnWZhMI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=_Gt3SwAnx8M:ZBKiMnWZhMI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=_Gt3SwAnx8M:ZBKiMnWZhMI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=_Gt3SwAnx8M:ZBKiMnWZhMI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=_Gt3SwAnx8M:ZBKiMnWZhMI:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=_Gt3SwAnx8M:ZBKiMnWZhMI:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/reviews/codelobster-php-edition-review-free-php-html-css-javascript-editor-ide/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>10 Simply Amazing Logos</title>
		<link>http://www.webdesigndev.com/inspiration/10-simply-amazing-logos</link>
		<comments>http://www.webdesigndev.com/inspiration/10-simply-amazing-logos#comments</comments>
		<pubDate>Wed, 25 Apr 2012 12:00:45 +0000</pubDate>
		<dc:creator>Scott Stanton</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Roundups]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9619</guid>
		<description><![CDATA[Branding a business can be quite the difficult task, regardless of if it’s your own or a clients.  One of the most difficult things to do in this process is come up with a logo.  A sole image, or tag of some sort, that will effectively portray what that business that it’s representing is about [...]]]></description>
			<content:encoded><![CDATA[<p>Branding a business can be quite the difficult task, regardless of if it’s your own or a clients.  One of the most difficult things to do in this process is come up with a logo.  A sole image, or tag of some sort, that will effectively portray what that business that it’s representing is about and even incorporate their attitude and philosophies all at the same time.  It has to be simple, yet clear.  Attractive, but not overwhelming.  And as if that didn’t already make it hard enough, the best logos are timeless.  Let’s take a look at 10 logos that are simple, yet have that wow factor.</p>
<p>&nbsp;</p>
<h3>Cellar Thief</h3>
<p><a href="http://cellarthief.com/"><img class="aligncenter size-full wp-image-9620" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/cellarThief.png" alt="Cellar Thief" width="432" height="232" /></a></p>
<p>&nbsp;</p>
<p><a title="Cellar Thief" href="http://cellarthief.com/" target="_blank">Cellar Thief</a> is great.  The C represents the name of the company, while a hand holding a bottle of wine helps create the letter.  It’s brilliant, simple and has a fun, shall we say “corky” sense of humor that helps people immediately relax and get a feel for the personality of the company.  I know it puts me in the mood for a glass, but that’s not saying much.</p>
<p>&nbsp;</p>
<h3>Holly Kae Photography</h3>
<p><img class="aligncenter size-full wp-image-9621" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/hkpLogo.jpg" alt="Holly Kae Photography" width="400" height="400" /></p>
<p>&nbsp;</p>
<p>This was a logo for a freelance photographer around my area.  She’s since changed career paths and is no longer doing commercial photography, but the logo is still a great one.  The HKP forms the shape of a camera and represents the business, Holly Kae Photography.  Quite clever.</p>
<p>&nbsp;</p>
<h3> Firefox</h3>
<p><a href="http://www.mozilla.org/en-US/firefox/new/"><img class="aligncenter size-full wp-image-9622" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/firefox.png" alt="Firefox" width="400" height="400" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><a title="Mozilla Firefox" href="http://www.mozilla.org/en-US/firefox/new/" target="_blank">Firefox</a> is another great logo.  It’s a world wide web browser, represented by the globe.  And Firefox is the brand name, represented by the amber colored fox searching the globe. It makes for a great looking icon in your taskbar or in your browser tabs as well and has come a long way from the original logo of a bird with its wings on fire that was originally launched back in 2002.</p>
<p>&nbsp;</p>
<h3> General Electric</h3>
<p><a href="http://www.ge.com/"><img class="aligncenter size-full wp-image-9623" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/ge.png" alt="General Electric" width="375" height="375" /></a></p>
<p>&nbsp;</p>
<p>The core of the <a title="General Electric" href="http://www.ge.com/" target="_blank">General Electric</a> mark has been around since the inception of the company back in 1892.  At first glance I envision a washing machine or dishwasher, washing away.  And those are the things I most closely relate to the GE brand, home appliances.  But once you look closer you notice the mark in the middle of the circle is in fact a GE, just like the original logo over a century ago.</p>
<p>&nbsp;</p>
<h3>Galluzzo Communications</h3>
<p><a href="http://www.galluzzocom.com/"><img class="aligncenter size-full wp-image-9624" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/galuzzo_communications.jpg" alt="Galluzzo Communications" width="95" height="128" /></a></p>
<p>&nbsp;</p>
<p><a title="Galluzzo Communications" href="http://galluzzocom.com/" target="_blank">Galluzzo Communications</a> is a full-service marketing communications company that focuses on giving their clients smart creative.  And that is exactly what their logo is, smart and creative.  The first time I saw this mark I thought it was simply a G representing the name, Galluzzo.  Then I noticed it that it wasn’t exactly a G in a unique font, but a C within the G.  Another clever aspect of this logo is that it could form an arrow or a loading timer on a website.  Imagine the logo spinning counterclockwise to let the viewer know their content is loading.  That’s smart creative.</p>
<h3>Volkswagen</h3>
<p><a href="http://www.vw.com/"><img class="aligncenter size-full wp-image-9625" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/vw.jpg" alt="Volkswagen" width="500" height="513" /></a></p>
<p>I have admired the <a title="Volkswagen" href="http://www.vw.com/" target="_blank">Volkswagen</a> for quite some time.  It’s simple, unique, yet is extremely well recognized.   I can’t help but picture a wheel when I look at this logo, where the outer blue is the tire and the white/gray VW in a circle is the wheel.  The logo has progressed since first being introduced in 1939, but the core concept of a VW inside of a circle has always been there.</p>
<p>&nbsp;</p>
<h3>McMenamins Hammerhead Ale</h3>
<p><a href="http://mcmenamins.com/"><img class="aligncenter size-full wp-image-9626" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/hammmerheadlogo.jpg" alt="Hammerhead" width="1024" height="989" /></a></p>
<p>Pacific Northwestcraft beer moguls, <a title="McMenamins" href="http://mcmenamins.com/" target="_blank">McMenamins</a>, hit the nail on the head with this logo for one of their most popular ales.  The logo is every bit as tasteful as the beer and gives a great interpretation of how one might feel after enjoying a few pints of it, responsibly, of course.</p>
<p>&nbsp;</p>
<h3>Race Face</h3>
<p><a href="http://raceface.com/"><img class="aligncenter size-full wp-image-9627" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/RaceFaceLogo.jpg" alt="Race Face" width="500" height="133" /></a></p>
<p>Anyone who is in to mountain biking is probably familiar with <a title="Race Face" href="http://raceface.com/" target="_blank">Race Face</a> products.  Known for their uncanny ability not to break, even under constant abuse, their logo shows every bit of that grit and toughness thanks to the red eye inside of a chain ring.</p>
<p>&nbsp;</p>
<h3>Red Bull</h3>
<p><a href="http://www.redbull.com"><img class="aligncenter size-full wp-image-9628" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/red-bull-energy-drink-logo-design.jpg" alt="Red Bull" width="478" height="272" /></a></p>
<p>&nbsp;</p>
<p>The <a title="Red Bull" href="http://www.redbull.com" target="_blank">Red Bull</a> logo is a lot like the Hammerhead logo.  It’s a literal representation, with two red bulls.  And the fact that they’re about to headbutt each other is a bit foreshadowing of what kind of effect their energy drink may have on you.  They say it will give you wings, but the unspoken impression they give is that you’ll be able to run through a brick wall after downing a Red Bull.</p>
<p>&nbsp;</p>
<h3> Hartford Whalers</h3>
<p><img class="aligncenter size-full wp-image-9629" src="http://www.webdesigndev.com/wp-content/uploads/2012/03/Hartford-whalers-logo.jpg" alt="Hartford Whalers" width="310" height="310" /></p>
<p>The Hartford Whalers may longer be a professional hockey team, but thanks to their creative logo they will certainly not be forgotten.  When I saw this for the first time I immediately saw the tail of a whale, which promptly lead me to figuring out the green below it was a W.  Then the genius of the logo set in as I realized how the H came in to play.</p>
<p>Logos are a tricky thing to create.  What’s even more frustrating is the lack of awareness that the average consumer has of how long it takes to create an effective and eye-catching logo.  I can’t tell you how many times I’ve heard someone scoff at a logo after hearing how much someone paid for it, insisting they could have made it in a few minutes for a fraction of the price.  If that’s the case, and you are that person who can create high quality and aesthetically pleasing logos in a few minutes for pennies on the dollar, by all means, please contact me.</p>
<p>About the author: with over ten years in the freelance web design and writing fields, Scott Stanton has had his finger on the beating pulse of the industry&#8217;s hottest design trends and bends for the past decade. Scott regularly writes for Wix.com the free <a title="website builder" href="http://www.wix.com/website/builder?utm_campaign=se_gb_webdesigndev.com&amp;experiment_id=FWB" target="_blank">website builder</a>. Follow him on Twitter @TheScottStanton.</p>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=d8tyYi4Q3PM:K2qyIWx7oBc:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=d8tyYi4Q3PM:K2qyIWx7oBc:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=d8tyYi4Q3PM:K2qyIWx7oBc:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=d8tyYi4Q3PM:K2qyIWx7oBc:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=d8tyYi4Q3PM:K2qyIWx7oBc:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=d8tyYi4Q3PM:K2qyIWx7oBc:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=d8tyYi4Q3PM:K2qyIWx7oBc:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=d8tyYi4Q3PM:K2qyIWx7oBc:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/inspiration/10-simply-amazing-logos/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How to Find and Land Clients For Your Business</title>
		<link>http://www.webdesigndev.com/web-development/how-to-find-and-land-clients-for-your-business</link>
		<comments>http://www.webdesigndev.com/web-development/how-to-find-and-land-clients-for-your-business#comments</comments>
		<pubDate>Mon, 23 Apr 2012 11:31:04 +0000</pubDate>
		<dc:creator>Scott Stanton</dc:creator>
				<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9699</guid>
		<description><![CDATA[Christmas is always a particularly fun time of year for me.  Sure, there are the obvious reasons of family, gifts, music, movies, eggnog and all that good stuff.  But for me it has more to do with the questions I’m asked by family members and I couldn’t help but laugh this year when my ninety-two [...]]]></description>
			<content:encoded><![CDATA[<p>Christmas is always a particularly fun time of year for me.  Sure, there are the obvious reasons of family, gifts, music, movies, eggnog and all that good stuff.  But for me it has more to do with the questions I’m asked by family members and I couldn’t help but laugh this year when my ninety-two year old grandmother finally admitted, “I just don’t understand this job of yours.”</p>
<p>This lead to several other questions including one that I’m asked quite frequently, how do I get clients?</p>
<h3>Word of Mouth</h3>
<p>Customer service is the number one most important thing when freelancing, your reputation is based off it.  A happy client is a client that will be dropping your name every chance they get.</p>
<p>Don’t be ashamed to plug yourself.  When I first started out I thought plugging myself at every possible chance would make me sound desperate, too desperate.  Then I quickly learned that plugging myself meant eating soup rather than soup can labels.  There are certainly tactical ways of going about that spare you an aura of desperation and make you sound more like a good contact to have.  Make them ask you what you do.  You can accomplish this by asking what line of work they’re in, then follow that up with questions about their online presence.</p>
<p>Volunteer your time and expertise to help out a non-profit or volunteer organization.  These types of organizations have no quarrels with plugging your name and recommending you to anyone they can.  It also looks great on a resume to be able to say you’ve done some volunteer work.</p>
<p>&nbsp;</p>
<h3>Network</h3>
<p>A personal recommendation will almost always hold the most weight, that’s why it’s important to have as big of a network as possible.  Sites like Twitter, Facebook, and LinkedIn make this a piece of cake.  They allow you to deliver your work to the masses and interact with prospective clients.</p>
<p>Tradeshows are another great place to expand your network and find a niche where you can really make a name for yourself.  Attend tradeshows of things you consider to be your hobbies or things that interest you and chat up some of the vendors.  The fact that you’re already knowledgeable on the subject will make conversation flow easily and give you an advantage over a larger design firm who doesn’t know anything about that field.  You could even plan ahead and check out the sites of some smaller vendors and talk to ones whose sites you could work miracles on.</p>
<h3>Get Your Name Out</h3>
<p>Getting your name out plays in with word of mouth and networking, but what if you don’t live close to a major city?  Businesses are few and far between (and probably don’t have a large budget to spend on a website) and the closes tradeshow is hundreds of miles away.  You can easily get past all that by taking to the web.</p>
<p>Contact a few blogs that you have bookmarked and visit frequently.  Offer to write an article in exchange for providing a link back to your site in your bio.  Not only will that help get your name out, but the link back will help boost the SEO of your website as well.</p>
<p>If you only know how to write code or are having a severe bout of writers block, stick with what you know and showcase your talent by developing a free WordPress or Joomla template, or even a HTML template for that matter.</p>
<p>When ever you work with a retail client ask if you can leave some business cards on the counter of the reception desk.  Or kick it up a notch by having some pens made with your name, contact info, and what you do, then leave those on the counter.  Scour your local grocery store for a bulletin board and leave a card or some sort of promotional flyer there.</p>
<p>At the very least you can be active in some web forums and online communities.  Find places where people are seeking advice in your area of expertise and offer struggling members some advice.  Comment on blogs in areas you know about, or if there’s an inspirational roundup of sites and you feel yours fits in drop a link and suggest people check it out.</p>
<p>A brainless and extremely passive way to do this is to include all of your contact information, complete with a link back to your site, in the signature of your emails.  Every time you send an email that info is there for who ever is reading it, whether they’re a client, friend, acquaintance, doctor, student, or what ever. It never hurts.  Links back to your site on the websites you’ve developed is another similar method.</p>
<h3>Cold Call</h3>
<p>If times are slow and you’re hungry for work as well as just plain hungry, work the phone and email contacts.  Look at businesses in your local area and check to see if they have a website and if they do is it useful or can you improve it?  When I first started I was afraid to tell someone their site was an eyesore.  Granted I never would have used that description, nor do I recommend you do, but you would be surprised at how thankful those people are when you offer your services.  More often than not they’re too busy doing what they do, just wanted some kind of web presence, and gave it their best attempt.  And when prompted will admit they didn’t know what they were doing nor did they have the time to find a reasonably priced professional.</p>
<p>Give your current clients a courtesy call and see if there’s anything you can do for them.  Suggest an upgrade to their site with some fancy new trick you’ve learned, or tell them about some cool feature you saw on their competitor’s site and assure them you could develop something even better.  See if they want to have some ads or business cards made up.</p>
<p>&nbsp;</p>
<h3>Be Prepared</h3>
<p>It’s the scouts’ motto, but if you’re not prepared then you’re probably not going to seal the deal.  Finding yourself in a conversation with a prospective client and then not being able to hand over your business card or send a link to your online portfolio is a swing and a miss.</p>
<p>When meeting with a prospective client it’s always nice to have little gems that you’re able to drop to help them build confidence in you.  Imagine you’re in a meeting with a prospective client and they ask what you know about responsive web design.  It’s one thing to say, “I’ve read an article on it.”  Chances are so did they, that’s why they’ve heard about it and are asking to see how much you know about it.  Now imagine the same scenario but being able to reply, “Actually, I just had an article published on responsive web design.”  Checkmate.</p>
<p>About the author: with over ten years in the freelance web design and writing fields, Scott Stanton has had his finger on the beating pulse of the industry&#8217;s hottest design trends and bends for the past decade. Scott regularly writes for Wix.com the free <a title="website builder" href="http://www.wix.com/website/builder?utm_campaign=se_gb_webdesigndev.com&amp;experiment_id=FWB" target="_blank">website builder</a>. Follow him on Twitter @TheScottStanton.</p>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=9yzBzKu57ZQ:6b2UoLC2jkQ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=9yzBzKu57ZQ:6b2UoLC2jkQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=9yzBzKu57ZQ:6b2UoLC2jkQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=9yzBzKu57ZQ:6b2UoLC2jkQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=9yzBzKu57ZQ:6b2UoLC2jkQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=9yzBzKu57ZQ:6b2UoLC2jkQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=9yzBzKu57ZQ:6b2UoLC2jkQ:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=9yzBzKu57ZQ:6b2UoLC2jkQ:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/web-development/how-to-find-and-land-clients-for-your-business/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Bigstock iPad Giveaway + Double Your Credits</title>
		<link>http://www.webdesigndev.com/freebies/bigstock-ipad-giveaway-double-your-credits</link>
		<comments>http://www.webdesigndev.com/freebies/bigstock-ipad-giveaway-double-your-credits#comments</comments>
		<pubDate>Mon, 16 Apr 2012 15:22:50 +0000</pubDate>
		<dc:creator>Web Design</dc:creator>
				<category><![CDATA[Freebies]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=9692</guid>
		<description><![CDATA[Today I want to bring to your attention how you can win a brand new iPad without having to pay for it. Bigstock is running a promotion where for every credit you purchase from them, you get 1 ticket in the drawing for an iPad. This offer is valid until May 1st only. Click Here [...]]]></description>
			<content:encoded><![CDATA[<p>Today I want to bring to your attention how you can win a brand new iPad without having to pay for it. <a title="Bigstock" href="http://www.bigstockphoto.com/promo/WebdesspB6412?sid=SPWebdesspB6412&amp;utm_source=Webdesigndev&amp;utm_medium=sitepost&amp;utm_content=site&amp;utm_campaign=Buy6Get6" target="_blank">Bigstock</a> is running a promotion where for every credit you purchase from them, you get 1 ticket in the drawing for an iPad.</p>
<p>This offer is valid until May 1st only.</p>
<p><a title="ipad giveaway" href="http://www.bigstockphoto.com/promo/WebdesspB6412?sid=SPWebdesspB6412&amp;utm_source=Webdesigndev&amp;utm_medium=sitepost&amp;utm_content=site&amp;utm_campaign=Buy6Get6" target="_blank">Click Here To Get Credits And Enter The Drawing</a></p>
<p><a href="http://www.webdesigndev.com/wp-content/uploads/2012/04/bigstock-ipad.png"><img class="aligncenter size-full wp-image-9693" title="bigstock-ipad" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/bigstock-ipad.png" alt="bigstock-ipad" width="750" height="416" /></a></p>
<p>But that&#8217;s not all. <a title="Bigstock" href="http://www.bigstockphoto.com/promo/WebdesspB6412?sid=SPWebdesspB6412&amp;utm_source=Webdesigndev&amp;utm_medium=sitepost&amp;utm_content=site&amp;utm_campaign=Buy6Get6" target="_blank">Bigstock</a> is running another promotion where you can get 6 free credits from them when you buy 6 credits.</p>
<p><a title="claim 6 free credits" href="http://www.bigstockphoto.com/promo/WebdesspB6412?sid=SPWebdesspB6412&amp;utm_source=Webdesigndev&amp;utm_medium=sitepost&amp;utm_content=site&amp;utm_campaign=Buy6Get6" target="_blank"><img class="aligncenter size-full wp-image-9695" title="6freecredits" src="http://www.webdesigndev.com/wp-content/uploads/2012/04/6freecredits.png" alt="6freecredits" width="641" height="396" /></a></p>
<p><a title="claim 6 free credits" href="http://www.bigstockphoto.com/promo/WebdesspB6412?sid=SPWebdesspB6412&amp;utm_source=Webdesigndev&amp;utm_medium=sitepost&amp;utm_content=site&amp;utm_campaign=Buy6Get6" target="_blank">Click Here To Claim Your Credits</a></p>
<p>A little more information about Bigstock:</p>
<p>BigStockPhoto was founded in Davis, California, in the fall of 2004. The company rapidly grew and became one of Web&#8217;s leading royalty-free stock image websites. In 2009,  Shutterstock (which is, as you all know, the biggest subscription-based image library in the world) bought BigStockPhoto. In 2010, BigStockPhoto was renamed to <a title="Bigstock" href="http://www.bigstockphoto.com/promo/WebdesspB6412?sid=SPWebdesspB6412&amp;utm_source=Webdesigndev&amp;utm_medium=sitepost&amp;utm_content=site&amp;utm_campaign=Buy6Get6" target="_blank">Bigstock</a>.</p>
<div style='clear:both'></div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=JGooXZUVjKk:5WoLn5cnQvw:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=JGooXZUVjKk:5WoLn5cnQvw:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=JGooXZUVjKk:5WoLn5cnQvw:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=JGooXZUVjKk:5WoLn5cnQvw:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=JGooXZUVjKk:5WoLn5cnQvw:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=JGooXZUVjKk:5WoLn5cnQvw:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?i=JGooXZUVjKk:5WoLn5cnQvw:gIN9vFwOqvQ" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/LearnWebdesign?a=JGooXZUVjKk:5WoLn5cnQvw:TzevzKxY174"><img src="http://feeds.feedburner.com/~ff/LearnWebdesign?d=TzevzKxY174" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/freebies/bigstock-ipad-giveaway-double-your-credits/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic (Feed is rejected)
Page Caching using disk: basic
Object Caching 1076/1111 objects using disk: basic

Served from: www.webdesigndev.com @ 2012-05-21 14:57:44 -->

