<h2>Tis the Season for Giving</h2> <p>Thanks to our friends over at <a href="http://www.mightydeals.com/" target="_blank">Mighty Deals</a> they will be giving away a special gift to 3 of you lucky readers. Each winner will be able to choose the deal they want from all the <a href="http://www.mightydeals.com/all_deals" target="_blank">available inventory</a>.</p> <h2>How to Win</h2> <p>All you need to do to win is comment below with your email address or a way to contact you and you could win a special treat from the folks over at Mighty Deals.</p> <p>The 3 winners will be chosen on <strong>Thursday, December 20th</strong>, so make sure to comment by that date.</p> <p>Happy holidays to y&#8217;all and good luck!</p> <p>The post <a href="http://www.gomediazine.com/news/mighty-deals-giveaway/">Mighty Deals Giveaway!</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=L6j_mxeP4mA:SLeMzWtN39c:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=L6j_mxeP4mA:SLeMzWtN39c:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=L6j_mxeP4mA:SLeMzWtN39c:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=L6j_mxeP4mA:SLeMzWtN39c:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/L6j_mxeP4mA" width="1" />

<p>This episode answers questions that you guys sent to us in comments here on the Zine, on Facebook and over Twitter.</p> <h3>Listen to the Podcast</h3> <h2>Show Notes:</h2> <h3>Go Media Quick Tip: Under Promise and Over Deliver</h3> <ul id="internal-source-marker_0.3629938274402704"> <li>Know what it is you can actually deliver.</li> <li>Hold back the desire to make crazy promises just to get a project.</li> <li>Hand-off between sales person and the designer is critical.</li> <li>Review proofs with the sales person before presenting.</li> </ul> <h3>What’s Go Media Been Up To?</h3> <ul id="internal-source-marker_0.3629938274402704"> <li><a href="http://onthemapcle.com/" target="_blank">On the Map</a> &#8211; Event recap with Chris Comella.</li> <li><a href="http://arsenal.gomedia.us">Arsenal</a> &#8211; Black Friday and Cyber Monday sales.</li> <li>Jeff and <a href="http://gomedia.us/staff/jenny-kelley/">Jenny</a> recently spoke about Crowd Funding and Social Media at <a href="http://www.badgirlventures.com/">Bad Girl Ventures</a> and the <a href="http://www.launchhouse.com/">Shaker Heights Launch House</a>.</li> <li>&#8220;Brand Positioning and Advocacy Process&#8221; work book for designers by <a href="http://gomedia.us/staff/jackie-bebenroth/">Jackie Bebenroth</a> coming out next year.</li> <li>Bill attended a &#8220;Goldman Sachs 10,000 Businesses&#8221; event and met Warren Buffett.</li> <li>Bill transitions from being a designer.</li> <li>Another update on the storefront renovation.</li> </ul> <div class="wp-caption alignnone" id="attachment_23056" style="width: 550px;"><img alt="Jeff and Bill talking on the podcast" class="size-medium wp-image-23056" height="358" src="http://www.gomediazine.com/wp-content/images/2012/12/e4-whats-gomedia-been-up-to-540x358.jpg" title="Jeff and Bill talking on the podcast" width="540" /><p class="wp-caption-text">Jeff Finley and Bill Beachy talk on the podcast while Bryan Garvin takes notes.</p></div> <h3 dir="ltr" id="internal-source-marker_0.3629938274402704">Questions Asked</h3> <ul id="internal-source-marker_0.3629938274402704"> <li>Do clients get in the way of good design?</li> <li>How do you deal with criticism when working with clients? -<em> Jessie Ng</em></li> <li>How you guys develop Creative Briefs? &#8211; <em>@josephnicklo</em></li> <li>How do you differentiate yourself in an ever homogenizing world of digital design and communication? &#8211; <em>Stefek Andrzej</em></li> <li>What are the pros and cons of being a Jack of All Trades vs. having a specialization? &#8211; <em>Raji Purcell</em></li> <li>How do you price your services? &#8211; <em>Michael Greeves, Benedikt Hoffman and Anthony Gargasz</em></li> </ul> <h3>Links</h3> <ul> <li><a href="http://arsenal.gomedia.us/" target="_blank">Go Media Arsenal</a></li> <li><a href="http://arsenal.gomedia.us/vintage-letterpress-ink-texture-pack.html">Vintage Letterpress Textures</a> - Jeff&#8217;s favorite Arsenal texture right now.</li> <li><a href="http://www.gomediazine.com/insights/graphic-design/a-designers-guide-to-pricing/" title="A Designer’s Guide to Pricing">A Designer’s Guide to Pricing</a> - Bill&#8217;s column about how to charge for your services.</li> <li><a href="http://www.gomediazine.com/insights/episode-2-the-commoditization-of-design-and-a-good-customer-experience/" title="Episode 2: The Commoditization of Design and a Good Customer Experience">The Commoditization of Design and a Good Customer Experience</a> &#8211; Podcast Episode #2 where we had a more indepth of how to set yourself apart when Design becomes a Commodity.</li> <li><a href="http://onthemapcle.com/" target="_blank">On The Map (OTM)</a></li> <li><a href="https://twitter.com/Go_Media" target="_blank">Go Media Twitter</a></li> </ul> <h3>Credits</h3> <p>Hosts: <a href="http://twitter.com/jeff_finley">Jeff Finley</a> and <a href="http://twitter.com/william_beachy">Bill Beachy</a><br /> Special Guest: <a href="http://gomedia.us/staff/chris-comella/" target="_blank">Chris Comella</a><br /> Producer: <a href="http://twitter.com/bryangarvin">Bryan Garvin<br /> </a>Recorded at: <a href="http://twitter.com/go_media">Go Media</a></p> <h3>Sponsorship Opportunities</h3> <p>Interested in sponsoring the Go Media podcast, either episodically or exclusively? Well, hit us up at <a href="mailto:podcast@gomedia.us">podcast@gomedia.us</a> if you are interested in advertising your business.</p> <h3>What Do You Think?</h3> <p>We want to hear what you think about the latest episode of our podcast and what topics you would like to see covered in upcoming episodes. Comment below with your suggestions.</p> <p>The post <a href="http://www.gomediazine.com/insights/episode-4-ask-go-media-1-2/">Episode 4: Pricing, Haters, and Bad Clients</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=Dfq6qt-hS4o:MHTQ8Xjeplo:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=Dfq6qt-hS4o:MHTQ8Xjeplo:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=Dfq6qt-hS4o:MHTQ8Xjeplo:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=Dfq6qt-hS4o:MHTQ8Xjeplo:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/Dfq6qt-hS4o" width="1" />

<p>Have you heard about the South Florida designer who creates award-winning digital art with the use of just one finger?</p> <p><a href="http://singlehandedstudio.com/"><img alt="AJ Brockman" class="aligncenter size-medium wp-image-22946" height="297" src="http://www.gomediazine.com/wp-content/images/2012/12/2012-03-01_2136-540x297.jpg" title="AJ Brockman" width="540" /></a></p> <p>It’s not like he chooses to do this. A neuromuscular disease he’s had since childhood has stolen away most of his muscle function.</p> <p>Today, at age 24, that one finger is the only moving part <a href="http://www.ajbrockman.com/">AJ Brockman</a> has left to create with. Is he feeling sorry for himself? No way. That finger is his moneymaker. His claim to fame. His secret weapon!</p> <p><a href="http://singlehandedstudio.com/"><img alt="AJ Brockman" class="aligncenter size-medium wp-image-22949" height="301" src="http://www.gomediazine.com/wp-content/images/2012/12/2012-03-01_2134-540x301.jpg" title="AJ Brockman" width="540" /></a></p> <p>If this sounds like something out of a movie, well… it could be, soon.</p> <p>A nonprofit filmmaking Group called <a href="http://nowhiteflagsproduction.org/"><em>No White Flags</em></a> hopes to make a feature-length documentary about AJ Brockman, his unique digital painting technique, and the extraordinary success he’s found living his dream. AJ’s story (working title: “Differently Abled”) would be the first of many <em>No White Flags</em> film productions about highly accomplished people who refuse to surrender to their limitations.</p> <p><a href="http://singlehandedstudio.com/"><img alt="AJ Brockman" class="aligncenter size-medium wp-image-22951" height="402" src="http://www.gomediazine.com/wp-content/images/2012/12/full_body_all-540x402.jpg" title="AJ Brockman" width="540" /></a></p> <p>And here’s the thing: you can help make this movie. Check out the crowdsourcing site <a href="http://www.indiegogo.com/differentlyabled">Indiegogo.com</a> to see a clip about AJ and read about <em>No White Flags’</em> fundraising effort. They’re offering some <a href="http://www.indiegogo.com/differentlyabled">nice perks for various contribution levels</a>, including a special offer for designers—compliments of a very familiar name. (Hint: it starts with “Jeff” and ends with “Finley.”)</p> <p><a href="http://singlehandedstudio.com/"><img alt="AJ Brockman" class="aligncenter size-medium wp-image-22953" height="344" src="http://www.gomediazine.com/wp-content/images/2012/12/IMG_5373_1-540x344.jpg" title="AJ Brockman" width="540" /></a></p> <p>As you will soon discover, AJ Brockman is a guy in a hurry. You would be, too, if you had Spinal Muscular Atrophy breathing down your neck. The Indiegogo campaign ends January 1, so act now to help bring a fellow designer’s inspiring story to the big screen.</p> <p><a href="http://singlehandedstudio.com/"><img alt="AJ Brockman" class="aligncenter size-medium wp-image-22954" height="300" src="http://www.gomediazine.com/wp-content/images/2012/12/2012-03-01_2121-540x300.jpg" title="AJ Brockman" width="540" /></a></p> <p><em>See AJ’s artwork, go to his site: </em><a href="http://singlehandedstudio.com/index.html" target="_blank" title="Single Handed Studio"><em>SingleHandedStudio.com</em></a><em>.</em></p> <p><a class="button" href="http://www.indiegogo.com/differentlyabled" style="background-color: orange;" title="Donate Now">Donate Now!</a></p> <p>The post <a href="http://www.gomediazine.com/insights/a-movie-worthy-story-making-digital-art-with-just-one-finger/">A Movie-Worthy Story: Making Digital Art With Just One Finger</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=ejxjS9_pUbg:rRJnQaHJdlE:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=ejxjS9_pUbg:rRJnQaHJdlE:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=ejxjS9_pUbg:rRJnQaHJdlE:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=ejxjS9_pUbg:rRJnQaHJdlE:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/ejxjS9_pUbg" width="1" />

<h2>And You Say Print Is Dead!</h2> <p>For years, we&#8217;ve heard people say &#8220;print is dead&#8221; and &#8220;it&#8217;s all about the web,&#8221; but as far as we can tell, print design isn&#8217;t going anywhere. From business cards to postcards, from invitations to menus, print design is far from dead, it&#8217;s alive and thriving. Just check out the showcase below if you don&#8217;t believe us.</p> <h2>The Showcase</h2> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473234378/" target="_blank"><img alt="" border="0" height="360" src="http://media-cache-ec6.pinterest.com/upload/132926626473234378_Ao61TBoG_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://doublemesh.com/design/wooden-business-cards/" style="text-decoration: underline; font-size: 10px; color: #76838b;">doublemesh.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473234376/" target="_blank"><img alt="" border="0" height="367" src="http://media-cache-ec4.pinterest.com/upload/132926626473234376_1s9cc7pb_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://doublemesh.com/design/wooden-business-cards/" style="text-decoration: underline; font-size: 10px; color: #76838b;">doublemesh.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473213824/" target="_blank"><img alt="" border="0" height="417" src="http://media-cache-ec4.pinterest.com/upload/132926626473213824_KANRdmyC_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://printedgenius.com/creative-notepad-designs/" style="text-decoration: underline; font-size: 10px; color: #76838b;">printedgenius.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473213924/" target="_blank"><img alt="" border="0" height="368" src="http://media-cache-ec6.pinterest.com/upload/132926626473213924_oAbEgiZO_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.creativereview.co.uk/cr-blog/2012/november/bentply-business-card" style="text-decoration: underline; font-size: 10px; color: #76838b;">creativereview.co.uk</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473213928/" target="_blank"><img alt="" border="0" height="405" src="http://media-cache-ec2.pinterest.com/upload/132926626473213928_H94cWHYI_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.creativereview.co.uk/cr-blog/2012/november/bentply-business-card" style="text-decoration: underline; font-size: 10px; color: #76838b;">creativereview.co.uk</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473201522/" target="_blank"><img alt="" border="0" height="411" src="http://media-cache-ec5.pinterest.com/upload/132926626473201522_7ScNooaD_c.jpg" width="530" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/536952124232/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473192230/" target="_blank"><img alt="" border="0" height="360" src="http://media-cache-ec2.pinterest.com/upload/132926626473192230_pd33j2r5_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designyoutrust.com/2012/11/weekly-roundup-of-printed-genius-1/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designyoutrust.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473192191/" target="_blank"><img alt="" border="0" height="303" src="http://media-cache-ec4.pinterest.com/upload/132926626473192191_sUKmxG1A_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designyoutrust.com/2012/11/weekly-roundup-of-printed-genius-1/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designyoutrust.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473192061/" target="_blank"><img alt="" border="0" height="360" src="http://media-cache-ec2.pinterest.com/upload/132926626473192061_ZGEHbuaH_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.underconsideration.com/fpo/archives/2012/11/lewis-communications-identity-stationery.php" style="text-decoration: underline; font-size: 10px; color: #76838b;">underconsideration.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473192171/" target="_blank"><img alt="" border="0" height="360" src="http://media-cache-ec3.pinterest.com/upload/132926626473192171_w7KellcR_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designyoutrust.com/2012/11/weekly-roundup-of-printed-genius-1/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designyoutrust.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473185131/" target="_blank"><img alt="" border="0" height="424" src="http://media-cache-ec6.pinterest.com/upload/132926626473185131_crc56IRY_c.jpg" width="530" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/573607144646/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473150202/" target="_blank"><img alt="" border="0" height="350" src="http://media-cache-lt0.pinterest.com/upload/132926626473150202_LydSoG7C_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/380470652186/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473149568/" target="_blank"><img alt="" border="0" height="746" src="http://media-cache-ec2.pinterest.com/upload/132926626473149568_OoNReHRT_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.underconsideration.com/fpo/archives/2012/11/michele-and-jeff-wedding-invitation.php" style="text-decoration: underline; font-size: 10px; color: #76838b;">underconsideration.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142443/" target="_blank"><img alt="" border="0" height="356" src="http://media-cache-lt0.pinterest.com/upload/132926626473142443_Yi2NLP8l_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.underconsideration.com/artofthemenu/archives/mama_joys.php" style="text-decoration: underline; font-size: 10px; color: #76838b;">underconsideration.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473135381/" target="_blank"><img alt="" border="0" height="520" src="http://media-cache-ec3.pinterest.com/upload/138556126005782809_IOUIooAX_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.underconsideration.com/fpo/archives/2012/02/party-in-a-box.php" style="text-decoration: underline; font-size: 10px; color: #76838b;">underconsideration.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473102348/" target="_blank"><img alt="" border="0" height="409" src="http://media-cache-ec4.pinterest.com/upload/132926626473102348_cURVcvmn_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/home.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473102360/" target="_blank"><img alt="" border="0" height="498" src="http://media-cache-lt0.pinterest.com/upload/132926626473102360_cv6YrZDB_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/home.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473049309/" target="_blank"><img alt="" border="0" height="334" src="http://media-cache-ec4.pinterest.com/upload/132926626473049309_jhkYNenD_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/home.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473056060/" target="_blank"><img alt="" border="0" height="376" src="http://media-cache-ec5.pinterest.com/upload/132926626473056060_IPLpbxEJ_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://abduzeedo.com/stylish-work-ptarmak-design" style="text-decoration: underline; font-size: 10px; color: #76838b;">abduzeedo.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473049326/" target="_blank"><img alt="" border="0" height="405" src="http://media-cache-ec6.pinterest.com/upload/132926626473049326_nBq6VAMd_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designlenta.com/post/jon-contino/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designlenta.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473027208/" target="_blank"><img alt="" border="0" height="676" src="http://media-cache-ec5.pinterest.com/upload/132926626473027208_LoeNgLSq_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://serialthriller.com/post/33854651161" style="text-decoration: underline; font-size: 10px; color: #76838b;">serialthriller.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473088433/" target="_blank"><img alt="" border="0" height="530" src="http://media-cache-lt0.pinterest.com/upload/132926626473088433_0mf7fSYd_c.jpg" width="363" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/701150638763/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472946882/" target="_blank"><img alt="" border="0" height="530" src="http://media-cache-ec4.pinterest.com/upload/132926626472946882_fcWQVM85_c.jpg" width="324" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/737163018625/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472905224/" target="_blank"><img alt="" border="0" height="500" src="http://media-cache-ec2.pinterest.com/upload/70228075409692782_H0dJRvDR_c.jpg" width="332" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.google.be/imgres?num=10&amp;hl=fr&amp;biw=1280&amp;bih=679&amp;tbm=isch&amp;tbnid=k8qWj0BVw82H3M:&amp;imgrefurl=http://www.bradbranson.com/book-review-charles-bukowski-women/&amp;docid=CMD9Zkkc1K5pFM&amp;imgurl=http://www.bradbranson.com/wp-content/uploads/2011/04/women.large_.jpg&amp;w=332&amp;h=500&amp;ei=gmG-T9LIGaaw0QXd4ZRZ&amp;zoom=1&amp;iact=hc&amp;vpx=281&amp;vpy=33&amp;dur=327&amp;hovh=276&amp;hovw=183&amp;tx=131&amp;ty=170&amp;sig=105520329126182672758&amp;sqi=2&amp;page=1&amp;tbnh=157&amp;tbnw=104&amp;start=0&amp;ndsp=19&amp;ved=1t:429,r:1,s:0,i:70" style="text-decoration: underline; font-size: 10px; color: #76838b;">google.be</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473069319/" target="_blank"><img alt="" border="0" height="395" src="http://media-cache-ec5.pinterest.com/upload/132926626473069319_Qu64knGw_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.cruzine.com/2012/09/18/illustrations-hylton-warburton/" style="text-decoration: underline; font-size: 10px; color: #76838b;">cruzine.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473004704/" target="_blank"><img alt="" border="0" height="540" src="http://media-cache-ec2.pinterest.com/upload/132926626473004704_ISofJzx3_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/archives/02print_37.htm" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473004721/" target="_blank"><img alt="" border="0" height="360" src="http://media-cache-ec2.pinterest.com/upload/132926626473004721_MABHbvap_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/archives/02print_35.htm" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472996998/" target="_blank"><img alt="" border="0" height="414" src="http://media-cache-ec2.pinterest.com/upload/132926626472996998_A26NIqtu_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/home.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473004586/" target="_blank"><img alt="" border="0" height="360" src="http://media-cache-ec4.pinterest.com/upload/132926626473004586_AyemuBRv_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/archives/02print_38.htm" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472976261/" target="_blank"><img alt="" border="0" height="360" src="http://media-cache-lt0.pinterest.com/upload/132926626472976261_VSC1DUuD_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/archives/home_2011_12_05-best2011-part1.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472996978/" target="_blank"><img alt="" border="0" height="634" src="http://media-cache-ec3.pinterest.com/upload/132926626472996978_xRvnGdd9_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/2090411498186/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472954545/" target="_blank"><img alt="" border="0" height="337" src="http://media-cache0.pinterest.com/upload/132926626472954545_520SH1KO_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/archives/home_2011_12_05-best2011-part1.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472954319/" target="_blank"><img alt="" border="0" height="441" src="http://media-cache-lt0.pinterest.com/upload/132926626472954319_87f0sG8H_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/archives/home_2011_12_05-best2011-part2.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472954327/" target="_blank"><img alt="" border="0" height="384" src="http://media-cache-ec4.pinterest.com/upload/132926626472954327_vBb5o4tX_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/archives/home_2011_12_05-best2011-part2.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472896274/" target="_blank"><img alt="" border="0" height="1920" src="http://media-cache-ec2.pinterest.com/upload/132926626472896274_orrDe6UX_c.jpg" width="461" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://printbench.com/radom-collection-business-cards/" style="text-decoration: underline; font-size: 10px; color: #76838b;">printbench.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472875070/" target="_blank"><img alt="" border="0" height="540" src="http://media-cache-lt0.pinterest.com/upload/17521886019716341_M2FXOE7Y_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.etsy.com/listing/62632046/ahoy-there-letterpress-print" style="text-decoration: underline; font-size: 10px; color: #76838b;">etsy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472850102/" target="_blank"><img alt="" border="0" height="357" src="http://media-cache0.pinterest.com/upload/132926626472850102_Ir43R19h_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/03identity.htm" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472849926/" target="_blank"><img alt="" border="0" height="380" src="http://media-cache-ec2.pinterest.com/upload/132926626472849926_iriieGmk_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.boostinspiration.com/design/white-letterpress-business-cards/" style="text-decoration: underline; font-size: 10px; color: #76838b;">boostinspiration.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472843615/" target="_blank"><img alt="" border="0" height="1721" src="http://media-cache-ec3.pinterest.com/upload/92253492337079350_JrHahcaw_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://matchboxstudio.com/our-work/fort-worth-opera-2/" style="text-decoration: underline; font-size: 10px; color: #76838b;">matchboxstudio.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472805304/" target="_blank"><img alt="" border="0" height="3018" src="http://media-cache-lt0.pinterest.com/upload/142285669448436905_ubS8FoCL_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://discoverpaper.com/2012/09/catherine-dimalla/" style="text-decoration: underline; font-size: 10px; color: #76838b;">discoverpaper.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472805303/" target="_blank"><img alt="" border="0" height="1534" src="http://media-cache-ec4.pinterest.com/upload/142285669448436919_PIa96rQe_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://discoverpaper.com/" style="text-decoration: underline; font-size: 10px; color: #76838b;">discoverpaper.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472805302/" target="_blank"><img alt="" border="0" height="2385" src="http://media-cache-ec3.pinterest.com/upload/142285669448436914_v9sstPcm_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://discoverpaper.com/" style="text-decoration: underline; font-size: 10px; color: #76838b;">discoverpaper.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472766871/" target="_blank"><img alt="" border="0" height="320" src="http://media-cache-lt0.pinterest.com/upload/132926626472766871_tVPY3OO9_c.jpg" width="480" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/720443100606/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472766887/" target="_blank"><img alt="" border="0" height="405" src="http://media-cache-ec2.pinterest.com/upload/132926626472766887_8yiV1XsH_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/88085249081/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472649402/" target="_blank"><img alt="" border="0" height="405" src="http://media-cache-ec5.pinterest.com/upload/74168725082761550_Wp24u12C_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://thedesigninspiration.com/business-cards/hair-stylist-business-card/" style="text-decoration: underline; font-size: 10px; color: #76838b;">thedesigninspiration.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472435715/" target="_blank"><img alt="" border="0" height="359" src="http://media-cache-ec3.pinterest.com/upload/15551561182740790_OC6GtSs6_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.graphic-exchange.com/archives/home_2010_11_03.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">graphic-exchange.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472393036/" target="_blank"><img alt="" border="0" height="384" src="http://media-cache-ec6.pinterest.com/upload/172684966931664863_RzzOBjLp_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.commonerinc.com/#1214405/The-Lower-Depths" style="text-decoration: underline; font-size: 10px; color: #76838b;">commonerinc.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472393016/" target="_blank"><img alt="" border="0" height="434" src="http://media-cache-ec3.pinterest.com/upload/58265388898607342_0sJQ5PsQ_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.martawrites.com/2011/08/invitation-inspiration-few-hues-of-blue.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">martawrites.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472393023/" target="_blank"><img alt="" border="0" height="683" src="http://media-cache-ec4.pinterest.com/upload/58265388898634390_gwMpR9Hh_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.designsponge.com/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designsponge.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472392963/" target="_blank"><img alt="" border="0" height="405" src="http://media-cache-ec4.pinterest.com/upload/132926626472392963_uXoOOLvL_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.beastpieces.com/2009/04/mix-tape-letterpress-wedding-invitations/" style="text-decoration: underline; font-size: 10px; color: #76838b;">beastpieces.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472392935/" target="_blank"><img alt="" border="0" height="1477" src="http://media-cache-lt0.pinterest.com/upload/98938523033386679_9XpJIc4u_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.100layercake.com/blog/2011/09/15/pretty-wedding-invites/" style="text-decoration: underline; font-size: 10px; color: #76838b;">100layercake.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472392929/" target="_blank"><img alt="" border="0" height="369" src="http://media-cache0.pinterest.com/upload/107030928614609426_H6rJ5Ugu_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://files.designmadeingermany.de/post/21706627565" style="text-decoration: underline; font-size: 10px; color: #76838b;">files.designmadeingermany.de</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <p>The post <a href="http://www.gomediazine.com/inspiration/web-roundup/50-impressive-and-inspirational-print-designs/">50+ Impressive and Inspirational Print Designs</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=Qv4NnCic7Mk:BLCfYTu8EqI:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=Qv4NnCic7Mk:BLCfYTu8EqI:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=Qv4NnCic7Mk:BLCfYTu8EqI:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=Qv4NnCic7Mk:BLCfYTu8EqI:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/Qv4NnCic7Mk" width="1" />

<h2>Black Friday/Cyber Monday Deals</h2> <p>We have been crazy busy here at <a href="http://gomedia.us/" target="_blank">Go Media</a>. Last week, as many of us were stuffing our faces with turkey and mashed taters, the Arsenal team was gearing up for our Black Friday/Cyber Monday sales. We have to give a HUGE thank you to all of our fans out there for showing up and snagging our special deals on <a href="http://arsenal.gomedia.us/vector-art-graphics.html" target="_blank">vector packs</a> &amp; <a href="http://arsenal.gomedia.us/templates.html" target="_blank">mockup templates</a>, as well as, a 31% discount on any other product on the <a href="http://arsenal.gomedia.us/" target="_blank">Arsenal</a>. You guys totally ROCK OUR SOCKS!</p> <p><a href="http://arsenal.gomedia.us/"><img alt="Black Friday/Cyber Monday Deals" class="aligncenter size-medium wp-image-22900" height="199" src="http://www.gomediazine.com/wp-content/images/2012/11/blkfridaycybermonday-540x199.jpg" title="Black Friday/Cyber Monday Deals" width="540" /></a></p> <h2>On The Map</h2> <p>This month also marked the anniversary of <a href="http://onthemapcle.com/" target="_blank">On The Map</a> (OTM) and in honor of this accomplishment, we held our <a href="https://www.facebook.com/events/425088970873561/" target="_blank">2nd annual screening party</a>.  Thank you to everyone for coming out to the Go Media Headquarters. It was so wonderful to meet so many of our fans in the flesh, y&#8217;all are an attractive bunch!</p> <p>If you aren&#8217;t a local Clevelander or just couldn&#8217;t make it out to the event, then you have to check out the <a href="http://onthemapcle.com/" target="_blank">videos</a> featuring the hottest businesses in Cleveland, handpicked by the Go Media team! I know many of us are already making plans to eat some tasty treats at places like <a href="http://lunabakerycafe.com/" target="_blank">Luna Bakery</a> &amp; <a href="http://lepetittrianglecafe.com/" target="_blank">Le Petit Triangle</a>, gobbling up the best sushi in town at <a href="http://www.restaurantdante.us/ginko-index.html" target="_blank">Ginko</a>, slurping up the best coffee in Cleveland at <a href="http://www.risingstarcoffee.com/" target="_blank">Rising Star Coffee Roasters</a>, buying some beautiful handmade furniture at <a href="http://www.rvdcleveland.com/" target="_blank">Reincarnation</a>, being a bookworm at <a href="http://www.visiblevoicebooks.com/" target="_blank">Visible Voice Books</a>, marveling at the art of <a href="http://roseironworks.com/" target="_blank">Rose Iron Works Blacksmith Shop</a>, and for the adventurous spirit in all of us, checking out the sexy motorcycles of <a href="http://www.clevelandcyclewerks.com/" target="_blank">Cleveland Cyclewerks</a>.</p> <p></p> <p><a href="http://vimeo.com/51445876">On the Map Series 2 Trailer</a> from <a href="http://vimeo.com/gomedia">Go Media</a> on <a href="http://vimeo.com">Vimeo</a>.</p> <h2>Want to Contribute to the Zine?</h2> <ul> <li>Have an interesting design story to tell?</li> <li>Want to be featured on the GoMediaZine?</li> <li>Well, then contact the GoMediaZine manager, <a href="http://gomedia.us/staff/marissa-mele/" target="_blank">Marissa Mele</a> at marissa@gomedia.us for more info.</li> </ul> <h2>What The Team Has Been Up To</h2> <h3><a href="http://gomedia.us/staff/jeff-finley/" target="_blank">Jeff Finley</a></h3> <ul> <li>Interviewing for <a href="http://gomedia.us/jobs/" target="_blank">Jr. Designers and Project Managers</a></li> <li>Sketches for a new welding helmet design for <a href="http://gomedia.us/our-work/illustration/lincoln-electric-welding-helmets/?all=1" target="_blank">Lincoln Electric</a></li> <li>Helping and promoting the <a href="http://www.gomediazine.com/inspiration/black-friday-cyber-monday-deals-on-go-medias-arsenal/#.ULPEKmfYH-Q" target="_blank">Arsenal’s Black Friday and Cyber Monday</a> deals</li> <li>Branding for one of the nation’s largest music festivals</li> <li>Typography illustrations for a Scout Book for <a href="https://www.earnestmachine.com/" target="_blank">Earnest Machines</a></li> <li>Logo for a new high tech apparel company (something like UnderArmor)</li> <li>Writing songs for a new band I’m in (no name yet, but we’re pop punk)</li> <li>Still breakdancing, I participated in the <a href="https://www.facebook.com/events/367808236636626/" target="_blank">Born 2 Battle event</a> and danced quite a bit</li> </ul> <p><a href="http://www.gomediazine.com/?attachment_id=22882" rel="attachment wp-att-22882"><img alt="Earnest Scout Book" class="aligncenter size-medium wp-image-22882" height="385" src="http://www.gomediazine.com/wp-content/images/2012/11/1356_ERNST_ScoutBook412-540x385.jpg" title="Earnest Scout Book" width="540" /></a><a href="http://www.gomediazine.com/?attachment_id=22883" rel="attachment wp-att-22883"><img alt="Earnest Scout Book" class="aligncenter size-medium wp-image-22883" height="385" src="http://www.gomediazine.com/wp-content/images/2012/11/1356_ERNST_ScoutBook413-540x385.jpg" title="Earnest Scout Book" width="540" /></a><a href="http://www.gomediazine.com/?attachment_id=22884" rel="attachment wp-att-22884"><img alt="Earnest Scout Book" class="aligncenter size-medium wp-image-22884" height="385" src="http://www.gomediazine.com/wp-content/images/2012/11/1356_ERNST_ScoutBook414-540x385.jpg" title="Earnest Scout Book" width="540" /></a></p> <h3><a href="http://gomedia.us/staff/heather-mariano/" target="_blank">Heather Mariano</a></h3> <ul> <li>Reviewing applications for <a href="http://gomedia.us/jobs/" target="_blank">Jr. Designers and Project Managers</a></li> <li>Conducting phone interviews for both positions</li> <li>Coordinating and participating in 2^nd round of interviews for both positions</li> <li>Content population for a large client website project that will be launching soon</li> <li>Preparation for our <a href="http://onthemapcle.com/" target="_blank">On the Map</a> 2012 event, the evening was a great time!</li> </ul> <div><a href="http://onthemapcle.com/"><img alt="On The Map (OTM)" class="aligncenter size-medium wp-image-22899" height="199" src="http://www.gomediazine.com/wp-content/images/2012/11/otm-540x199.jpg" title="On The Map (OTM)" width="540" /></a></div> <h3><a href="http://gomedia.us/staff/marissa-mele/" target="_blank">Marissa Mele</a></h3> <ul> <li>Wrote articles for the <a href="http://www.gomediazine.com/" target="_blank" title="GoMediaZine">GoMediaZine</a>: <ul> <li><a href="http://www.gomediazine.com/insights/whats-go-media-been-up-to-october-2012/" target="_blank">What&#8217;s Go Media Been Up To? &#8211; October 2012</a>,</li> <li><a href="http://www.gomediazine.com/insights/new-to-cleveland/#.ULU_12fYH-Q" target="_blank">New To Cleveland: A Guide to (Re)Discovering the City</a>,</li> <li><a href="http://www.gomediazine.com/insights/mockup-your-designs-on-5-new-outdoor-templates/#.ULVBeWfYH-Q" target="_blank">Mockup Your Designs on 5 New Outdoor Templates</a>,</li> <li><a href="http://www.gomediazine.com/inspiration/web-roundup/50-inspiring-poster-designs/" target="_blank">50+ Inspiring Poster Designs</a>,</li> <li><a href="http://www.gomediazine.com/inspiration/web-roundup/50-inspiring-packaging-designs/#.ULVC5mfYH-Q" target="_blank">50+ Inspiring Packaging Designs</a>,</li> <li><a href="http://www.gomediazine.com/insights/trap-the-woodland-creatures-vector-pack-freebie-inside/#.ULVDFmfYH-Q" target="_blank">Trap the Woodland Creatures Vector Pack (Freebie Inside)</a>, and</li> <li><a href="http://www.gomediazine.com/insights/episode-3-the-role-of-a-designer/#.UL0kWIaQPSg" target="_blank">Episode 3: The Role of a Designer</a></li> </ul> </li> <li>Finding cool articles, images, and videos for the <a href="https://www.facebook.com/gomedia" target="_blank" title="Go Media Facebook">Go Media Facebook Page</a>, the <a href="https://www.facebook.com/arsenal.gomedia.us" target="_blank" title="Go Media Arsenal Facebook">Go Media Arsenal Facebook Page</a>, the <a href="https://twitter.com/Go_Media" target="_blank" title="Go Media Twitter">Go Media Twitter Account</a>, and the <a href="http://pinterest.com/gomedia/" target="_blank" title="Go Media Pinterest">Go Media Pinterest Page</a>.</li> <li>Started the <a href="http://instagram.com/go_media" target="_blank">Go Media Instagram</a> account (why not follow us?)</li> <li>Managing and contributing to the <a href="http://www.gomediazine.com" target="_blank">GoMediaZine</a>.</li> <li>Assisted with the release of an <a href="http://arsenal.gomedia.us/" target="_blank" title="Go Media Arsenal">Arsenal</a> product: <a href="http://arsenal.gomedia.us/woodland-creatures-vector-pack.html" target="_blank">Woodland Creatures Vector Pack</a>.</li> <li>Reading articles and ebooks on Social Media Marketing and the book <a href="https://www.facebook.com/trustagents" target="_blank">&#8220;Trust Agents</a>&#8220;.</li> <li>Curating the <a href="http://www.flickr.com/groups/gomedia" target="_blank">Flickr Pool</a> and published the <a href="http://www.gomediazine.com/inspiration/web-roundup/go-media-flickr-pool-showcase-november-2012/#.ULU9n2fYH-Q" target="_blank">November 2012 &#8211; Flickr Pool Showcase</a> on the zine.</li> <li>Curating the <a href="http://pinterest.com/gomedia/go-media-s-guest-pinner-gallery/">Go Media Guest Pinner Board</a> on Pinterest and published the <a href="http://www.gomediazine.com/inspiration/21-inspiring-designs-from-our-friends-on-pinterest/" target="_blank">3rd Showcase</a> on the zine.</li> <li>Assisted with and managed the creation of 5 Packaging/Stationary Templates for <a href="http://mockupeverything.com/" target="_blank">Mockup Everything</a> (keep a lookout for them at the end of November).</li> <li>Responded to customer inquiries, requests, and suggestions for Mockup Everything through the <a href="https://getsatisfaction.com/go_media" target="_blank">Get Satisfaction Community</a> page.</li> <li>Organized the <a href="http://onthemapcle.com/" target="_blank">On The Map</a> screening party.</li> </ul> <p><a href="http://www.gomediazine.com/inspiration/web-roundup/50-inspiring-poster-designs/#.ULVG0GfYH-Q"><img alt="Poster Inspiration Post" class="aligncenter size-medium wp-image-22880" height="262" src="http://www.gomediazine.com/wp-content/images/2012/11/poster-inspiration_featured-image1-540x262.jpg" title="Poster Inspiration Post" width="540" /></a></p> <h3><a href="http://gomedia.us/staff/wilson-revehl/">Wilson Revehl</a></h3> <p>Developing the new Croes Oliva Group website. <a href="http://cog.gomediahost.com/" target="_blank">http://cog.gomediahost.com/</a><br /> It is a cozy responsive custom theme built for Wordpress Content Management and assisted by an array of plugins Go Media continues to craft for extending our favorite CMS. Be sure to checkout the radical full-width slideshow on the homepage! It is completely powered by javascript and css. A lot of animation without Flash.</p> <p><a href="http://www.gomediazine.com/?attachment_id=22891" rel="attachment wp-att-22891"><img alt="Croes Oliva Group website" class="aligncenter size-medium wp-image-22891" height="215" src="http://www.gomediazine.com/wp-content/images/2012/11/croes-oliva-website-540x215.png" title="Croes Oliva Group website" width="540" /></a></p> <h3><a href="http://gomedia.us/staff/bryan-garvin/" target="_blank">Bryan Garvin</a></h3> <ul> <li>Wrapped up Wordpress development on a new client redesign. Should be launching soon.</li> <li>Continued with the development of the new <a href="https://prooflab.us/" target="_blank">Prooflab</a> sales site, including the introduction of the &#8220;Go Media Switcher&#8221;</li> <li>Began designing the new <a href="http://arsenal.gomedia.us/" target="_blank">Arsenal</a> email template, which will accompany the launch of the redesign.</li> <li><a href="http://www.gomediazine.com/insights/episode-3-the-role-of-a-designer/" target="_blank">Go Media Podcast episode #3</a> was released earlier in the month. Was a lot of fun and brought in some new challenges. We brought in 4 guests this time, which caused me some stress, since our studio is still a bit limited. But, we made do with what we had and put out another great episode. Looking forward to Episode #4.</li> <li>Trying to get into illustration. Really loving the Wacom tablet. Never tried to draw seriously before, so it&#8217;s been a fun experiment. Hopefully, I can start applying it to projects outside of personal whims.</li> </ul> <p><a href="http://www.gomediazine.com/?attachment_id=22887" rel="attachment wp-att-22887"><img alt="Bryan Garvin - &quot;What's Go Media Been Up To?&quot; - November 2012" class="aligncenter size-full wp-image-22887" height="350" src="http://www.gomediazine.com/wp-content/images/2012/11/email-113012.png" title="Bryan Garvin - &quot;What's Go Media Been Up To?&quot; - November 2012" width="540" /></a><a href="http://www.gomediazine.com/?attachment_id=22888" rel="attachment wp-att-22888"><img alt="Bryan Garvin - &quot;What's Go Media Been Up To?&quot; - November 2012" class="aligncenter size-full wp-image-22888" height="350" src="http://www.gomediazine.com/wp-content/images/2012/11/illustration-113012.png" title="Bryan Garvin - &quot;What's Go Media Been Up To?&quot; - November 2012" width="540" /></a><a href="http://www.gomediazine.com/?attachment_id=22889" rel="attachment wp-att-22889"><img alt="Bryan Garvin - &quot;What's Go Media Been Up To?&quot; - November 2012" class="aligncenter size-full wp-image-22889" height="350" src="http://www.gomediazine.com/wp-content/images/2012/11/pls-113012.png" title="Bryan Garvin - &quot;What's Go Media Been Up To?&quot; - November 2012" width="540" /></a></p> <h3><a href="http://gomedia.us/staff/liz-hunt/" target="_blank">Liz Hunt</a></h3> <ul> <li>Prepping for the Black Friday + Cyber Monday Super Deals event on the <a href="http://arsenal.gomedia.us/" target="_blank">Arsenal</a>. Thanks everyone who supported us, it wouldn&#8217;t have been a success without you!</li> <li>Touching base with the CS Cart development team, who&#8217;s working hard to put the finishing touches on the back end of the new Arsenal v3. We&#8217;ve had some delays, but we hope to push it live early in 2013.</li> <li>Working with artists <a href="http://www.steveknerem.com/" target="_blank">Steve Knerem</a> and <a href="https://www.facebook.com/sakeachi" target="_blank">Heather Sakai</a> on some new products for the Arsenal. The image below is a sneak peak of a new Dust &amp; Particle texture pack — what do you think?</li> </ul> <div><a href="http://www.gomediazine.com/?attachment_id=22896" rel="attachment wp-att-22896"><img alt="Dust &amp; Particles Texture Pack preview" class="aligncenter size-full wp-image-22896" height="469" src="http://www.gomediazine.com/wp-content/images/2012/11/dust-and-particles-texture-preview.jpg" title="Dust &amp; Particles Texture Pack preview" width="540" /></a></div> <h3><a href="http://gomedia.us/staff/jenny-kelley/" target="_blank">Jenny Kelley</a></h3> <div> <ul> <li>Growing the Extended Family network of complimentary service providers</li> <li>Streamlining internal systems</li> <li>Interviewing Project Manager and sales candidates</li> <li>Churning out proposals</li> <li>Working with incubators like <a href="http://www.badgirlventures.com/" target="_blank">Bad Girl Ventures</a>, <a href="http://www.meetup.com/LaunchHouse/" target="_blank">Launchouse</a> and <a href="http://bizdom.com/" target="_blank">Bizdom</a></li> <li><a href="http://onthemapcle.com/" target="_blank">On The Map</a></li> </ul> <p><a href="http://onthemapcle.com/"><img alt="On The Map" class="aligncenter size-medium wp-image-22893" height="244" src="http://www.gomediazine.com/wp-content/images/2012/11/on-the-map-540x244.png" title="On The Map" width="540" /></a></p> <h3><a href="http://gomedia.us/staff/adam-law/">Adam Law</a></h3> <div> <ul> <li>Holiday Card</li> <li>Finishing up <a href="http://cog.gomediahost.com/" target="_blank">The Croes Oliva Group</a> Identity</li> <li>Working on a <a href="http://gomedia.us/" target="_blank">Go Media</a> popcorn box</li> <li>Working on a Mobile App for Android</li> <li>Starting a new welding helmet design</li> </ul> </div> <div> <a href="http://www.gomediazine.com/?attachment_id=22895" rel="attachment wp-att-22895"><img alt="Croes Oliva Group logo" class="aligncenter size-full wp-image-22895" height="128" src="http://www.gomediazine.com/wp-content/images/2012/11/croes-oliva-logo.png" title="Croes Oliva Group logo" width="328" /></a></div> <h3><a href="http://gomedia.us/staff/william-beachy/" target="_blank">William Beachy</a></h3> <div> <ul> <li>I have been working on my Growth plan, Attending Goldman Sachs 10,000 Small Business Courses</li> <li>Helping interview and hire our new Project Manager and Jr. Level Designer</li> <li>Wrapping up branding project for The Village</li> <li>Assisting <a href="http://gomedia.us/staff/jenny-kelley/" target="_blank">Jenny</a> with sales</li> <li>Small items related to storefront renovation (on hold now till spring)</li> </ul> </div> </div> <p>The post <a href="http://www.gomediazine.com/insights/whats-go-media-been-up-to-november-2012/">What&#8217;s Go Media Been Up To? &#8211; November 2012</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=ZQrTmJ7Cg3E:8IrJ2XoSR5Y:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=ZQrTmJ7Cg3E:8IrJ2XoSR5Y:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=ZQrTmJ7Cg3E:8IrJ2XoSR5Y:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=ZQrTmJ7Cg3E:8IrJ2XoSR5Y:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/ZQrTmJ7Cg3E" width="1" />

<h2><strong>Howdy Readers!</strong></h2> <p>Welcome back to the 4th edition of the &#8220;Go Media Guest Pinner Gallery Showcase.&#8221; If you aren&#8217;t a fan of ours on Pinterest click this <a href="http://pinterest.com/gomedia/" target="_blank" title="Go Media Pinterest">link</a> to start following what we pin. This showcase features the best pins from our <a href="http://pinterest.com/gomedia/go-media-s-guest-pinner-gallery/" target="_blank" title="Go Media Guest Pinner Gallery">Go Media Guest Pinner Gallery</a>, so these images are the ones that you all found and shared with us. If you would like to be added to the gallery send me an email at marissa@gomedia.us. Happy Pinning!<br /> <a href="http://pinterest.com/gomedia/"><img alt="Follow Me on Pinterest" height="28" src="http://passets-lt.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" /></a></p> <h2>The Showcase</h2> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473242825/" target="_blank"><img alt="" border="0" height="368" src="http://media-cache-ec4.pinterest.com/upload/132926626473242825_mLxRR9Vq_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://mrjakeparker.com/blog/" style="text-decoration: underline; font-size: 10px; color: #76838b;">mrjakeparker.com</a> via <a href="http://pinterest.com/lidmayn/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Kh?lid</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219613/" target="_blank"><img alt="" border="0" height="796" src="http://media-cache-ec3.pinterest.com/upload/28288303880283725_8ahNJFrE_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/156381/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219615/" target="_blank"><img alt="" border="0" height="540" src="http://media-cache-ec2.pinterest.com/upload/35747390762661723_giWQtT2O_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.lylaandblu.com/post/19598126594" style="text-decoration: underline; font-size: 10px; color: #76838b;">lylaandblu.com</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473135368/" target="_blank"><img alt="" border="0" height="773" src="http://media-cache-ec2.pinterest.com/upload/138556126007332575_w3WXisHv_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://superprecio.us/image/35055570474" style="text-decoration: underline; font-size: 10px; color: #76838b;">superprecio.us</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219609/" target="_blank"><img alt="" border="0" height="530" src="http://media-cache-lt0.pinterest.com/upload/140033869634640443_sOdwgZpr_c.jpg" width="468" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/1465983056613/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219612/" target="_blank"><img alt="" border="0" height="739" src="http://media-cache-ec5.pinterest.com/upload/39406565460467992_rRKlrd1N_c.jpg" width="462" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/766531174030/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219608/" target="_blank"><img alt="" border="0" height="650" src="http://media-cache-ec6.pinterest.com/upload/29062360066516785_4uRi56eB_c.jpg" width="485" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.coverjunkie.com/new-covers/10479" style="text-decoration: underline; font-size: 10px; color: #76838b;">coverjunkie.com</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219616/" target="_blank"><img alt="" border="0" height="718" src="http://media-cache-lt0.pinterest.com/upload/183943966000261056_qVS2cPB0_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://helpink.org/product/humble-beginnings" style="text-decoration: underline; font-size: 10px; color: #76838b;">helpink.org</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473244523/" target="_blank"><img alt="" border="0" height="633" src="http://media-cache-ec6.pinterest.com/upload/132926626473244523_TacGN5as_c.jpg" width="525" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://oblog.designobserver.com/post/audible-posters/37408/#.UKxDpYVJpW0" style="text-decoration: underline; font-size: 10px; color: #76838b;">oblog.designobserver.com</a> via <a href="http://pinterest.com/orpha/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Orpha</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473247074/" target="_blank"><img alt="" border="0" height="600" src="http://media-cache-ec4.pinterest.com/upload/283937951476662160_F4mbtpLM_c.jpg" width="300" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.gigposters.com/poster/147376_Death_Cab_For_Cutie.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">gigposters.com</a> via <a href="http://pinterest.com/ehtack/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Adam</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219574/" target="_blank"><img alt="" border="0" height="511" src="http://media-cache-ec5.pinterest.com/upload/214624738462707918_XrT1T6rb_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://hervintagesoul.tumblr.com/post/27065927431" style="text-decoration: underline; font-size: 10px; color: #76838b;">hervintagesoul.tumblr.com</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219575/" target="_blank"><img alt="" border="0" height="650" src="http://media-cache-lt0.pinterest.com/upload/98868154291167631_n2Q6URcL_c.jpg" width="488" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://foxontherun.tumblr.com/post/35069853028" style="text-decoration: underline; font-size: 10px; color: #76838b;">foxontherun.tumblr.com</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473180435/" target="_blank"><img alt="" border="0" height="762" src="http://media-cache-ec3.pinterest.com/upload/132926626473180435_0FzPnMas_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.behance.net/gallery/Anatomical-study/5049655" style="text-decoration: underline; font-size: 10px; color: #76838b;">behance.net</a> via <a href="http://pinterest.com/ehtack/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Adam</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473180416/" target="_blank"><img alt="" border="0" height="586" src="http://media-cache-ec6.pinterest.com/upload/132926626473180416_pE5jUJge_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.behance.net/gallery/7up-Wonderland/1946029" style="text-decoration: underline; font-size: 10px; color: #76838b;">behance.net</a> via <a href="http://pinterest.com/ehtack/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Adam</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473141812/" target="_blank"><img alt="" border="0" height="385" src="http://media-cache-lt0.pinterest.com/upload/132926626473141812_MhqzJPEs_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.kateforrester.co.uk/pictures/she-keeps-birds-in-her-hair/" style="text-decoration: underline; font-size: 10px; color: #76838b;">kateforrester.co.uk</a> via <a href="http://pinterest.com/ehtack/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Adam</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473247497/" target="_blank"><img alt="" border="0" height="500" src="http://media-cache-ec3.pinterest.com/upload/235172411761448512_a3mJ0hPq_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://typeverything.com/post/15583767934/typeverything-com-traveling-mercies-by-e-w" style="text-decoration: underline; font-size: 10px; color: #76838b;">typeverything.com</a> via <a href="http://pinterest.com/missbradshaw/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Haley</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219617/" target="_blank"><img alt="" border="0" height="300" src="http://media-cache-ec5.pinterest.com/upload/80642649547776596_lQtrnZ5q_c.jpg" width="400" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://dribbble.com/shots/323028-Cocktail-Recipe-Cards" style="text-decoration: underline; font-size: 10px; color: #76838b;">dribbble.com</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219572/" target="_blank"><img alt="" border="0" height="700" src="http://media-cache-ec5.pinterest.com/upload/528258231261383489_PfBZPB04_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://typeverything.com/" style="text-decoration: underline; font-size: 10px; color: #76838b;">typeverything.com</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473219577/" target="_blank"><img alt="" border="0" height="764" src="http://media-cache-ec2.pinterest.com/upload/528258231261365586_2im8rkid_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.behance.net/gallery/illustrations-2010/854392" style="text-decoration: underline; font-size: 10px; color: #76838b;">behance.net</a> via <a href="http://pinterest.com/danosaur82/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">DAN</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473247511/" target="_blank"><img alt="" border="0" height="6162" src="http://media-cache-ec2.pinterest.com/upload/197243658650627266_jPfhczan_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://typefornow.co.uk/simon-walker/" style="text-decoration: underline; font-size: 10px; color: #76838b;">typefornow.co.uk</a> via <a href="http://pinterest.com/missbradshaw/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Haley</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473242831/" target="_blank"><img alt="" border="0" height="1330" src="http://media-cache-ec2.pinterest.com/upload/132926626473242831_m5YfvCld_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a style="text-decoration: underline; font-size: 10px; color: #76838b;">Uploaded by user</a> via <a href="http://pinterest.com/orpha/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Orpha</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473247513/" target="_blank"><img alt="" border="0" height="618" src="http://media-cache-ec2.pinterest.com/upload/207095282834868644_NS7Oh3vy_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://weheartit.com/entry/24720707" style="text-decoration: underline; font-size: 10px; color: #76838b;">weheartit.com</a> via <a href="http://pinterest.com/missbradshaw/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Haley</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473253960/" target="_blank"><img border="0" height="756" src="http://media-cache-ec4.pinterest.com/upload/197173289905813432_j3HWxWAc_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://behance.vo.llnwd.net/profiles/51747/projects/2546423/3c0450e42ceb1af527c2e9f3d56ee5bc.jpg" style="text-decoration: underline; font-size: 10px; color: #76838b;">behance.vo.llnwd.net</a> via <a href="http://pinterest.com/missbradshaw/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Haley</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473253745/" target="_blank"><img border="0" height="533" src="http://media-cache-lt0.pinterest.com/upload/157133474469801005_WjxtE1eR_c.jpg" width="400" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.jeffcanham.com/work/design-2/" style="text-decoration: underline; font-size: 10px; color: #76838b;">jeffcanham.com</a> via <a href="http://pinterest.com/missbradshaw/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Haley</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473253744/" target="_blank"><img border="0" height="707" src="http://media-cache-lt0.pinterest.com/upload/144115256795966593_TcfDCxMG_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://fuckyeahmovieposters.tumblr.com/post/19948204084/the-science-of-sleep-by-jelena" style="text-decoration: underline; font-size: 10px; color: #76838b;">fuckyeahmovieposters.tumblr.com</a> via <a href="http://pinterest.com/missbradshaw/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Haley</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473253841/" target="_blank"><img border="0" height="756" src="http://media-cache-ec6.pinterest.com/upload/59250551319193043_hu8FbZBp_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vikingpenguinbooks.tumblr.com/" style="text-decoration: underline; font-size: 10px; color: #76838b;">vikingpenguinbooks.tumblr.com</a> via <a href="http://pinterest.com/missbradshaw/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Haley</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473253652/" target="_blank"><img border="0" height="834" src="http://media-cache-ec6.pinterest.com/upload/72972456433498410_0CbD2k2G_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://imogeneandwillie.tumblr.com/post/30767907453" style="text-decoration: underline; font-size: 10px; color: #76838b;">imogeneandwillie.tumblr.com</a> via <a href="http://pinterest.com/missbradshaw/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Haley</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <p>The post <a href="http://www.gomediazine.com/inspiration/27-inspiring-designs-from-our-friends-on-pinterest/">27 Inspiring Designs From Our Friends On Pinterest</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=SnCow81AYrA:cJrk0gzIDys:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=SnCow81AYrA:cJrk0gzIDys:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=SnCow81AYrA:cJrk0gzIDys:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=SnCow81AYrA:cJrk0gzIDys:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/SnCow81AYrA" width="1" />

<h2>We Need Your Input</h2> <p>Hello loyal readers of the GoMediaZine! We are reaching out to you to get your input on what your favorite conferences and festivals are and why. Please comment below with your suggestions and keep a lookout for your responses in a future <a href="http://www.gomediazine.com/tag/podcast/" target="_blank">Go Media Podcast</a> episode.</p> <h2>Love Gifts</h2> <p>Do you love gifts? We know you do! One commenter below will be selected at random, and they will receive a FREE <a href="http://wmcfest.com/" target="_blank">WMC Fest 2012</a> T-shirt. The winner will be chosen on Monday, December 10th.</p> <p><a href="http://store.gomedia.us/"><img alt="WMC Fest 2012 T-Shirt" class="aligncenter size-medium wp-image-22838" height="540" src="http://www.gomediazine.com/wp-content/images/2012/11/wmc2012_shirt1-540x540.jpg" title="WMC Fest 2012 T-Shirt" width="540" /></a></p> <p>The post <a href="http://www.gomediazine.com/insights/ask-the-readers/what-are-your-favorite-conferences-festivals/">What Are Your Favorite Conferences &#038; Festivals?</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=tEpX1sIEOZ0:jovgkXKL_VE:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=tEpX1sIEOZ0:jovgkXKL_VE:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=tEpX1sIEOZ0:jovgkXKL_VE:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=tEpX1sIEOZ0:jovgkXKL_VE:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/tEpX1sIEOZ0" width="1" />

<p>Get ready, you guys —</p> <p>We&#8217;re gearing up for our Black Friday + Cyber Monday deals, and this year we&#8217;re <a href="http://www.youtube.com/watch?v=EbVKWCpNFhY">turning the dial to <em>11</em></a>. Take a look:</p> <h3>Black Friday Deal</h3> <p><strong>50% Off all Ultimate Mockup Template Collections</strong><br /> <em>(Friday, November 23rd ONLY)</em></p> <p>All day Friday you can get any Utlimate Mockup Collection — including <a href="http://arsenal.gomedia.us/ultimate-mockup-template-collection-1.html" target="_blank">Utlimate Apparel Mockup Templates 1</a>, <a href="http://arsenal.gomedia.us/ultimate-mockup-template-collection-2-1.html" target="_blank">2</a>, &amp; <a href="http://arsenal.gomedia.us/ultimate-mockup-template-collection-3.html" target="_blank">3</a>, and <a href="http://arsenal.gomedia.us/object-mockup-collection.html" target="_blank">Ultimate Object Mockup Templates</a> — for 1/2 off. That means you can grab products like the Ultimate Apparel Mockup Templates, originally $170, for just <strong>$85</strong>.</p> <h3>Cyber Monday Deal</h3> <p><strong>$620 worth of vectors for just $100</strong><br /> <em>(Monday, November 26th ONLY)</em></p> <p>All day Monday you can get our <a href="http://arsenal.gomedia.us/all-vectors.html">ENTIRE collection of Vectors</a> (over 3,100 vector images) for only $100! That&#8217;s every single vector pack we&#8217;ve released since our virtual doors opened back in 2006. The sale price begins Monday. </p> <h3>31% Off All Weekend</h3> <p><strong>Use coupon code BLKFRI12 to get 31% off your order</strong><br /> <em>(Friday &#8211; Monday)</em></p> <p>On top of all that goodness, from Friday &#8211; Monday, we&#8217;re offering a 31% discount on everything in the Arsenal. Why 31, you ask? Because they said 30% was too insane, that it couldn&#8217;t be done — so we did it anyway, then added 1%.</p> <p>Starting this Friday, just apply the coupon code <strong>BLKFRI12</strong> (case sensitive) at checkout to receive your discount. This coupon is valid through the weekend, but expires on Monday, November 26th at 11:59pm EST —  don&#8217;t miss out!</p> <hr /> <h3>Popular Products on the Arsenal</h3> <p>Mulling over what to buy? Here are some of the most talked about products on the Arsenal:</p> <h4><a href="http://arsenal.gomedia.us/freelance-survival-kit.html">Freelance Survival Kit</a></h4> <p>Being a one-person show can be rough, especially when you&#8217;re just getting started. That&#8217;s why we&#8217;ve crafted a product specifically for those hungry to learn the tools of the trade. From expert advice articles on billing clients, legitimizing your business, and becoming a social media powerhouse, all the way to popular Arsenal products like vectors, templates and tutorials — this is packed with quality stuff for just under 100 bucks.</p> <p><a href="http://arsenal.gomedia.us/freelance-survival-kit.html"><img alt="Quality content inside the Freelance Survival Kit" src="http://arsenal.gomedia.us/images/detailed_images/gma_freelance-starter-kit_preview_1.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/freelance-survival-kit.html"><img alt="A look inside the Freelance Survival Kit: Project Agreements" src="http://arsenal.gomedia.us/images/detailed_images/gma_freelance-starter-kit_preview-04.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/freelance-survival-kit.html"><img alt="A look inside the Freelance Survival Kit: Contracts" src="http://arsenal.gomedia.us/images/detailed_images/gma_freelance-starter-kit_preview-5.jpg" /></a></p> <h4><a href="http://arsenal.gomedia.us/mens-regular-ghosted-templates.html">Men&#8217;s Ghosted Crew Neck</a></h4> <p>This pack contains 8 regular men&#8217;s crew neck t-shirts that are &#8220;ghosted&#8221;, or appear to have a body shape. These shirts are clean and without distressing. There are four different body shapes, with front and back for each. Also, this pack allows total flexibility with the tag &#8211; you can turn the tags on or off.</p> <p><a href="http://arsenal.gomedia.us/mens-regular-ghosted-templates.html"><img alt="Men's Ghosted Crew Neck Template: realistic shadows and highlights" src="http://arsenal.gomedia.us/images/detailed_images/mens-crew-ghosted-prv3.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/mens-regular-ghosted-templates.html"><img alt="Men's Ghosted Crew Neck Template: front and back views with varying amounts of casual folds" src="http://arsenal.gomedia.us/images/detailed_images/mens-crew-prv-all.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/mens-regular-ghosted-templates.html"><img alt="Men's Ghosted Crew Neck Template: mockup your artwork to present to clients" src="http://arsenal.gomedia.us/images/detailed_images/712978017814d5ae23533925.jpg" /></a></p> <h4><a href="http://arsenal.gomedia.us/set-20-complete-vector-set.html">Vector Set 20</a></h4> <p>Buy the Set 20 Complete Vector Set (all 7 individual packs) with one low price and one download. You get 136 high quality and detailed vector pieces. Included in the set are Hot Rod Monsters, Guilloche, Victorian Ornaments, Outer Space, Wood Grain, Candy Skulls, and Grunge Borders.</p> <p><a href="http://arsenal.gomedia.us/set-20-complete-vector-set.html"><img alt="Vector Set 20 Preview" src="http://arsenal.gomedia.us/images/detailed_images/set20_prev.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/set-20-complete-vector-set.html"><img alt="Vector Set 20: Candy Skulls" src="http://arsenal.gomedia.us/images/detailed_images/skulls-all13025378124da32654dd0bb.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/set-20-complete-vector-set.html"><img alt="Vector Set 20: Grunge Borders" src="http://arsenal.gomedia.us/images/detailed_images/vp-20-prv13025522444da35eb41a471.jpg" /></a></p> <h4><a href="http://arsenal.gomedia.us/vintage-letterpress-ink-texture-pack.html">Vintage Letterpress Ink Texture Pack</a></h4> <p>These letterpress-inspired textures by <a href="http://www.allworknosleep.com/" target="_blank">Brandon Herbel</a> create a subtle, dried-ink look — perfect for giving a painted feel to thick, blocky letters or plain backgrounds. Use these JPGs on event mailers for a hand-crafted charm, or over website images for a unique allure.</p> <p><a href="http://arsenal.gomedia.us/vintage-letterpress-ink-texture-pack.html"><img alt="Vintage Letterpress Ink Texture Pack: Preview 1" src="http://arsenal.gomedia.us/images/detailed_images/gma_vintage_tex_ink_03_prev13323598714f6a32bfc0256.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/vintage-letterpress-ink-texture-pack.html"><img alt="Vintage Letterpress Ink Texture Pack: Preview 2" src="http://arsenal.gomedia.us/images/detailed_images/gma_vintage_tex_ink_06_prev13323598714f6a32bfc68d3.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/vintage-letterpress-ink-texture-pack.html"><img alt="Vintage Letterpress Ink Texture Pack: Preview 3" src="http://arsenal.gomedia.us/images/detailed_images/gma_vintage_tex_ink_07_prev13323598714f6a32bfc6ebb.jpg" /></a></p> <h4><a href="http://arsenal.gomedia.us/adobe-illustrator-102-video-tutorial.html">Adobe Illustrator 102 Video Tutorial</a></h4> <p>This is it! 102 is the Illustrator tutorial you&#8217;ve been waiting for and the illustrator tutorial Bill Beachy was born to make. He covered the basics in Illustrator 101, and in 102, he gives you the tools to make some amazing work. The techniques taught in this tutorial form the backbone of how Bill illustrates using vector art.</p> <p><a href="http://arsenal.gomedia.us/adobe-illustrator-102-video-tutorial.html"><img alt="Adobe Illustrator 102 Video Tutorial: Preview 1" src="http://arsenal.gomedia.us/images/detailed_images/ai102-main-prv13071320674de940a370947.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/adobe-illustrator-102-video-tutorial.html"><img alt="Adobe Illustrator 102 Video Tutorial: Preview 2" src="http://arsenal.gomedia.us/images/detailed_images/AI102-PRV.jpg" /></a><br /> <a href="http://arsenal.gomedia.us/adobe-illustrator-102-video-tutorial.html"><img alt="Adobe Illustrator 102 Video Tutorial: Preview 3" src="http://arsenal.gomedia.us/images/detailed_images/ai102-prv7.jpg" /></a></p> <hr /> <p>We&#8217;ll see you out there later this week! If you have any questions or comments while you&#8217;re shopping, hit me up — <a href="mailto:liz@gomedia.us">liz@gomedia.us</a>.</p> <p>The post <a href="http://www.gomediazine.com/inspiration/black-friday-cyber-monday-deals-on-go-medias-arsenal/">Black Friday + Cyber Monday Deals on the Arsenal</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=r0ysbgQp3jQ:1Z16kUDOiDE:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=r0ysbgQp3jQ:1Z16kUDOiDE:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=r0ysbgQp3jQ:1Z16kUDOiDE:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=r0ysbgQp3jQ:1Z16kUDOiDE:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/r0ysbgQp3jQ" width="1" />

<h2>Interested in Joining</h2> <p>If you are new to the Flickr Pool Showcase, check out the instructions below for how to sign up.</p> <ol> <li>Login to your <a href="http://www.flickr.com">Flickr Account</a> (sign up if you don&#8217;t have one)</li> <li>Join the <a href="http://www.flickr.com/groups_join.gne?id=481737@N22">Go Media User Showcase Group</a> (only group members can contribute)</li> <li>Upload your designs to your own profile</li> <li>Click on your newly uploaded designs then click the button &#8220;send to group&#8221; above your image and choose the Go Media group.</li> </ol> <h2>The November Showcase</h2> <p><a href="http://www.flickr.com/photos/barmalisirtb/8177939027/" title="bulb by barmalisiRTB, on Flickr"><img alt="bulb" height="768" src="http://farm9.staticflickr.com/8062/8177939027_d369dc25da_b.jpg" width="524" /></a><br /> <a href="http://www.flickr.com/photos/igraph/8179077048/" title="About Schmidt poster by Alan Klim, on Flickr"><img alt="About Schmidt poster" height="763" src="http://farm9.staticflickr.com/8479/8179077048_eb142576df_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jasonbrightside/8169782446/" title="Broadcast Station by Jason Pumo, on Flickr"><img alt="Broadcast Station" height="650" src="http://farm9.staticflickr.com/8208/8169782446_694a489cc7_b.jpg" width="433" /></a><br /> <a href="http://www.flickr.com/photos/brunomartins/8177411401/" title="V8 - Fasten your seat belts by {Bruno Martins}, on Flickr"><img alt="V8 - Fasten your seat belts" height="763" src="http://farm9.staticflickr.com/8208/8177411401_300f6df4dd_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/graficore/8177194331/" title="afraid by Sebastian ? Martinez, on Flickr"><img alt="afraid" height="864" src="http://farm9.staticflickr.com/8066/8177194331_2237bda133_b.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/14025511@N03/8174991192/" title="The Temple of Doom By Daniel Norris - @DanKNorris on Twitter by Daniel Norris, on Flickr"><img alt="The Temple of Doom By Daniel Norris - @DanKNorris on Twitter" height="763" src="http://farm9.staticflickr.com/8477/8174991192_09dcd52115_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/14025511@N03/8171862335/" title="Raiders of the Lost Ark By Daniel Norris - @DanKNorris on Twitter by Daniel Norris, on Flickr"><img alt="Raiders of the Lost Ark By Daniel Norris - @DanKNorris on Twitter" height="763" src="http://farm9.staticflickr.com/8209/8171862335_a878417265_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/85791047@N00/7179780977/" title="Commodore 64 - Retro Poster by Vespertin, on Flickr"><img alt="Commodore 64 - Retro Poster" height="800" src="http://farm8.staticflickr.com/7096/7179780977_4a31522a7c_b.jpg" width="534" /></a><br /> <a href="http://www.flickr.com/photos/billpyle/8168099958/" title="The Cabin In The Woods poster by Bill Pyle, on Flickr"><img alt="The Cabin In The Woods poster" height="750" src="http://farm8.staticflickr.com/7107/8168099958_3ddcf4c3a0_b.jpg" width="485" /></a><br /> <a href="http://www.flickr.com/photos/aekido/8152103913/" title="Cuckoo Bird House by aekido, on Flickr"><img alt="Cuckoo Bird House" height="764" src="http://farm8.staticflickr.com/7120/8152103913_13e9eea597_b.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/41241404@N05/8164348679/" title="Beautiful Blue by threalmawill, on Flickr"><img alt="Beautiful Blue" height="304" src="http://farm9.staticflickr.com/8205/8164348679_3a8286bd3c_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/brunomartins/8162824591/" title="I Have a Soul poster by {Bruno Martins}, on Flickr"><img alt="I Have a Soul poster" height="763" src="http://farm8.staticflickr.com/7112/8162824591_2422b54acd_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/23473719@N08/8156966043/" title="Maryland by Montague Projects, on Flickr"><img alt="Maryland" height="720" src="http://farm9.staticflickr.com/8063/8156966043_e2d5e55548_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/glennztees/8143842544/" title="Toast-Master by Glennz Tees, on Flickr"><img alt="Toast-Master" height="405" src="http://farm9.staticflickr.com/8467/8143842544_0e391ddbda_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/imass/8131600564/" title="It's just a hobby... by Sammy Slabbinck, on Flickr"><img alt="It's just a hobby..." height="392" src="http://farm9.staticflickr.com/8324/8131600564_8342695e61_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/erinfullergraphics/8142411766/" title="#govote by EFG!, on Flickr"><img alt="#govote" height="540" src="http://farm9.staticflickr.com/8048/8142411766_ce5f36b088_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/91972735@N00/8146022417/" title="My first wheels by tekcran, on Flickr"><img alt="My first wheels" height="503" src="http://farm9.staticflickr.com/8045/8146022417_21cafbbe94_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/oscar-ospina/8144582177/" title="MUMMY by ospina_oscar, on Flickr"><img alt="MUMMY" height="704" src="http://farm9.staticflickr.com/8325/8144582177_347454ce5c_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/graficore/8142043034/" title="Think Freak by Sebastian ? Martinez, on Flickr"><img alt="Think Freak" height="648" src="http://farm9.staticflickr.com/8336/8142043034_e1a89fd006_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jmaruyama/8141586999/" title="Oswald's on Buena Vista St by Jerrod Maruyama, on Flickr"><img alt="Oswald's on Buena Vista St" height="832" src="http://farm9.staticflickr.com/8189/8141586999_991bd2d780_b.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/billpyle/8142814953/" title="Black Swan movie poster by Bill Pyle, on Flickr"><img alt="Black Swan movie poster" height="750" src="http://farm9.staticflickr.com/8465/8142814953_4e6ddb7f29_b.jpg" width="485" /></a><br /> <a href="http://www.flickr.com/photos/dev_gupta/8135561964/" title="Final Critique by devgupta86, on Flickr"><img alt="Final Critique" height="675" src="http://farm9.staticflickr.com/8474/8135561964_6942287e0b_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jayroeder/8086579204/" title="Do More by Jay Roeder, on Flickr"><img alt="Do More" height="741" src="http://farm9.staticflickr.com/8186/8086579204_8f3cd0a684_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jayroeder/8086562098/" title="We Made The Team by Jay Roeder, on Flickr"><img alt="We Made The Team" height="480" src="http://farm9.staticflickr.com/8463/8086562098_ac95f106bc_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jayroeder/8086564591/" title="Alone by Jay Roeder, on Flickr"><img alt="Alone" height="709" src="http://farm9.staticflickr.com/8052/8086564591_a0fa81f882_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jayroeder/8086564177/" title="Spread Love by Jay Roeder, on Flickr"><img alt="Spread Love" height="679" src="http://farm9.staticflickr.com/8056/8086564177_2be2d09ee1_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jayroeder/8086579100/" title="Drawing by Jay Roeder, on Flickr"><img alt="Drawing" height="718" src="http://farm9.staticflickr.com/8056/8086579100_3fe4f0c099_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/marcostorres/8124469756/" title="Custom Spraycan #4 by Marcos D. Torres, on Flickr"><img alt="Custom Spraycan #4" height="806" src="http://farm9.staticflickr.com/8053/8124469756_ffc084e4d1_o.jpg" width="538" /></a><br /> <a href="http://www.flickr.com/photos/againstbound/8117477584/" title="new colors by againstbound, on Flickr"><img alt="new colors" height="540" src="http://farm9.staticflickr.com/8053/8117477584_2db5f5a512_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/againstbound/8121211928/" title="newer colors by againstbound, on Flickr"><img alt="newer colors" height="567" src="http://farm9.staticflickr.com/8055/8121211928_9d393cd6e8_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/dzeri29/8121253171/" title="Sound of Nature by dzeri29, on Flickr"><img alt="Sound of Nature" height="808" src="http://farm9.staticflickr.com/8050/8121253171_221ac569f4_b.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/c86/8116906288/" title="Hillfort by C86 | Matt Lyon, on Flickr"><img alt="Hillfort" height="744" src="http://farm9.staticflickr.com/8189/8116906288_9e62e662ef_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/nealso/8112211117/" title="LOWRIDER by Neal McCullough, on Flickr"><img alt="LOWRIDER" height="713" src="http://farm9.staticflickr.com/8323/8112211117_b7d62ed7ee_b.jpg" width="500" /></a><br /> <a href="http://www.flickr.com/photos/tomcrossdesign/8109802016/" title="I am because we are logo by Tom.Cross, on Flickr"><img alt="I am because we are logo" height="521" src="http://farm9.staticflickr.com/8192/8109802016_21298101e8_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/tomcrossdesign/8109802722/" title="I am because we are back cover by Tom.Cross, on Flickr"><img alt="I am because we are back cover" height="540" src="http://farm9.staticflickr.com/8190/8109802722_ff5a97a0e5_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/tomcrossdesign/8109793571/" title="I am because we are front cover by Tom.Cross, on Flickr"><img alt="I am because we are front cover" height="540" src="http://farm9.staticflickr.com/8050/8109793571_b0bbaeae81_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jackdzn/8112396700/" title="J.A. Custom Types by Jackson Alves, on Flickr"><img alt="J.A. Custom Types" height="540" src="http://farm9.staticflickr.com/8045/8112396700_9e30079810_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/imass/8113847026/" title="The Gang by Sammy Slabbinck, on Flickr"><img alt="The Gang" height="551" src="http://farm9.staticflickr.com/8194/8113847026_09b42c0217_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/arthurtheking/8113026204/" title="Lost At Sea by arthurtheking, on Flickr"><img alt="Lost At Sea" height="721" src="http://farm9.staticflickr.com/8184/8113026204_4a4f7a2c6c_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/arthurtheking/8113014130/" title="Bike by arthurtheking, on Flickr"><img alt="Bike" height="540" src="http://farm9.staticflickr.com/8184/8113014130_2aa7d0ea66_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/mlynn7/8068991506/" title="Untitled by Monica Galvan, on Flickr"><img alt="Untitled" height="360" src="http://farm9.staticflickr.com/8174/8068991506_1481419d17_z.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/guihermedossin/7106745529/" title="www.bigodeideias.com.br by Guilherme Dossin, on Flickr"><img alt="www.bigodeideias.com.br" height="763" src="http://farm8.staticflickr.com/7088/7106745529_e5d4a11e82_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jergotgotroch/8096458872/" title="DESIGNER-ISH GUITAR CHORDS / RESPECT by jergot+gotroch, on Flickr"><img alt="DESIGNER-ISH GUITAR CHORDS / RESPECT" height="763" src="http://farm9.staticflickr.com/8334/8096458872_da3db62c09_c.jpg" width="540" /></a><br /> <a href="http://www.flickr.com/photos/jergotgotroch/8096458456/" title="DESIGNER-ISH GUITAR CHORDS / LIKE A ROLLING STONE by jergot+gotroch, on Flickr"><img alt="DESIGNER-ISH GUITAR CHORDS / LIKE A ROLLING STONE" height="763" src="http://farm9.staticflickr.com/8323/8096458456_a3785cc6f0_c.jpg" width="540" /></a></p> <p>The post <a href="http://www.gomediazine.com/inspiration/web-roundup/go-media-flickr-pool-showcase-november-2012/">Go Media Flickr Pool Showcase &#8211; November 2012</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=DR3ZDJUwNyE:EiBBGOyGH1o:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=DR3ZDJUwNyE:EiBBGOyGH1o:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=DR3ZDJUwNyE:EiBBGOyGH1o:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=DR3ZDJUwNyE:EiBBGOyGH1o:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/DR3ZDJUwNyE" width="1" />

<h2>Poster Art</h2> <p>Who doesn&#8217;t love poster art? Whether it&#8217;s for a band, a foreign locale, or a conference/event, a well designed poster can attract attention and much deserved praise from peers and laypersons alike. We peel them off the walls at concert venues, grab copies strewn around our favorite coffee shops, and even purchase them from our favorite designers and bands.</p> <p>Our love of poster art is even evident in the popularity of GoMediaZine posts. Almost a year ago, designer Tom Booth created the ebook, <a href="http://www.thewallbook.com/" target="_blank">The Wall: Modern Day Music Posters</a> and a post along with it called, &#8220;<a href="http://www.gomediazine.com/insights/modern-gigposter-design-100-stunning-examples/" target="_blank">Modern Gigposter Design: 100 Stunning Examples</a>&#8221; and to-date it is still one of our most popular posts. So we know that you will love the collection of some of the most inspiring posters we love. From vintage to modern, national to international, these posters showcase some of the best designs to inspire you!<br /> <a href="http://pinterest.com/gomedia/"><img alt="Follow Me on Pinterest" height="28" src="http://passets-lt.pinterest.com/images/about/buttons/follow-me-on-pinterest-button.png" width="169" /></a></p> <h2>Poster Showcase</h2> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472976414/" target="_blank"><img alt="" border="0" height="763" src="http://media-cache-lt0.pinterest.com/upload/51298883226792824_m1mSFExF_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://telegramme.co.uk/projects/british-sea-power/" style="text-decoration: underline; font-size: 10px; color: #76838b;">telegramme.co.uk</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472906419/" target="_blank"><img alt="" border="0" height="600" src="http://media-cache-lt0.pinterest.com/upload/148267012701926829_vEKOaubq_c.jpg" width="425" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.gigposters.com/poster/146638_Dum_Dum_Girls.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">gigposters.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472402049/" target="_blank"><img alt="" border="0" height="600" src="http://media-cache-ec6.pinterest.com/upload/108719778474698597_q9PROF0T_c.jpg" width="450" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.gigposters.com/poster/151361_Gotye.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">gigposters.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472905228/" target="_blank"><img alt="" border="0" height="540" src="http://media-cache-ec2.pinterest.com/upload/49961877087138945_NuLd98gc_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://store.aclfestival.com/products/2012-poster-commemorative-edition" style="text-decoration: underline; font-size: 10px; color: #76838b;">store.aclfestival.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472766900/" target="_blank"><img alt="" border="0" height="667" src="http://media-cache-ec2.pinterest.com/upload/132926626472766900_9gHjghBc_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://serialthriller.com/post/31332566087/beats-and-music-prints" style="text-decoration: underline; font-size: 10px; color: #76838b;">serialthriller.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472714607/" target="_blank"><img alt="" border="0" height="695" src="http://media-cache-ec2.pinterest.com/upload/132926626472714607_gxNg0wY7_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vectroave.com/2012/09/graphic-design-portfolio-by-telegramme/" style="text-decoration: underline; font-size: 10px; color: #76838b;">vectroave.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472641536/" target="_blank"><img alt="" border="0" height="566" src="http://media-cache-lt0.pinterest.com/upload/83598136803586406_bKPKSEUe_c.jpg" width="400" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://talkseek.blogspot.it/search?updated-max=2011-11-21T07:41:00-08:00&amp;max-results=15" style="text-decoration: underline; font-size: 10px; color: #76838b;">talkseek.blogspot.it</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472641537/" target="_blank"><img alt="" border="0" height="550" src="http://media-cache-ec5.pinterest.com/upload/129900770471448845_8JkEfNjR_c.jpg" width="413" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://postercabaret.com/thepixiesconcertposterbyvahallastudios.aspx" style="text-decoration: underline; font-size: 10px; color: #76838b;">postercabaret.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472584033/" target="_blank"><img alt="" border="0" height="695" src="http://media-cache-lt0.pinterest.com/upload/132926626472584033_GUNORkIu_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.cruzine.com/2012/02/02/flyer-designs/" style="text-decoration: underline; font-size: 10px; color: #76838b;">cruzine.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472597178/" target="_blank"><img alt="" border="0" height="530" src="http://media-cache-ec4.pinterest.com/upload/132926626472597178_sobTwOO4_c.jpg" width="341" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://designspiration.net/image/515944543928/" style="text-decoration: underline; font-size: 10px; color: #76838b;">designspiration.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472392946/" target="_blank"><img alt="" border="0" height="700" src="http://media-cache-ec6.pinterest.com/upload/126100858285897843_OtjV6lCq_c.jpg" width="525" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://abduzeedo.com/daily-inspiration-906" style="text-decoration: underline; font-size: 10px; color: #76838b;">abduzeedo.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472384556/" target="_blank"><img alt="" border="0" height="571" src="http://media-cache0.pinterest.com/upload/78742693454395650_tyYKRwlX_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.pitchforkmedia.com/news/44711-fred-armisen-and-carrie-brownstein-announce-portlandia-tour/" style="text-decoration: underline; font-size: 10px; color: #76838b;">pitchforkmedia.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472384532/" target="_blank"><img alt="" border="0" height="600" src="http://media-cache-ec6.pinterest.com/upload/78742693454330963_i7q5wGEl_c.jpg" width="450" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.gigposters.com/poster/142621_Beirut.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">gigposters.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472277394/" target="_blank"><img alt="" border="0" height="778" src="http://media-cache-lt0.pinterest.com/upload/256986722456335687_cl9lPPWy_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://butdoesitfloat.com/1882756/Last-Tango-in-Poland" style="text-decoration: underline; font-size: 10px; color: #76838b;">butdoesitfloat.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472277380/" target="_blank"><img alt="" border="0" height="763" src="http://media-cache-lt0.pinterest.com/upload/62980094759466351_DtuUHA4E_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.typographicposters.com/lobke-van-aar/" style="text-decoration: underline; font-size: 10px; color: #76838b;">typographicposters.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472277351/" target="_blank"><img alt="" border="0" height="600" src="http://media-cache-ec2.pinterest.com/upload/77124212338959764_YTvFrBxc_c.jpg" width="395" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://ooyes.net/blog/30-totally-cool-band-posters" style="text-decoration: underline; font-size: 10px; color: #76838b;">ooyes.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472277349/" target="_blank"><img alt="" border="0" height="941" src="http://media-cache-ec4.pinterest.com/upload/21673641926935112_lutTP4kV_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a style="text-decoration: underline; font-size: 10px; color: #76838b;">Uploaded by user</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472277336/" target="_blank"><img alt="" border="0" height="760" src="http://media-cache-lt0.pinterest.com/upload/218354281903705172_6n0QYwO5_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://bench.li/images/873" style="text-decoration: underline; font-size: 10px; color: #76838b;">bench.li</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626472277335/" target="_blank"><img alt="" border="0" height="720" src="http://media-cache-lt0.pinterest.com/upload/165999936235434465_OZ1X5KVT_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.ideafixa.com/uma-banda-80-posters-black-keys" style="text-decoration: underline; font-size: 10px; color: #76838b;">ideafixa.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142889/" target="_blank"><img alt="" border="0" height="683" src="http://assets5.pinimg.com/upload/132926626473142889_kMGvFd7A_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.fromupnorth.com/typography-inspiration-614/" style="text-decoration: underline; font-size: 10px; color: #76838b;">fromupnorth.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142874/" target="_blank"><img alt="" border="0" height="665" src="http://media-cache-ec5.pinterest.com/upload/132926626473142874_dGxnVjTh_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vintagemeohmy.com/?p=3362" style="text-decoration: underline; font-size: 10px; color: #76838b;">vintagemeohmy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142811/" target="_blank"><img alt="" border="0" height="784" src="http://media-cache-ec2.pinterest.com/upload/132926626473142811_Kjlyh42v_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vintagemeohmy.com/?p=1968" style="text-decoration: underline; font-size: 10px; color: #76838b;">vintagemeohmy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142824/" target="_blank"><img alt="" border="0" height="640" src="http://media-cache-ec5.pinterest.com/upload/132926626473142824_RR0dh2oL_c.jpg" width="499" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vintagemeohmy.com/?p=1143" style="text-decoration: underline; font-size: 10px; color: #76838b;">vintagemeohmy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142803/" target="_blank"><img alt="" border="0" height="706" src="http://media-cache-ec5.pinterest.com/upload/132926626473142803_Vq95YwFJ_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vintagemeohmy.com/?p=2900" style="text-decoration: underline; font-size: 10px; color: #76838b;">vintagemeohmy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142826/" target="_blank"><img alt="" border="0" height="875" src="http://media-cache-ec6.pinterest.com/upload/132926626473142826_YexulfqR_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vintagemeohmy.com/?p=1143" style="text-decoration: underline; font-size: 10px; color: #76838b;">vintagemeohmy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142735/" target="_blank"><img alt="" border="0" height="693" src="http://media-cache-ec5.pinterest.com/upload/132926626473142735_2UV4juec_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vintagemeohmy.com/?p=4273" style="text-decoration: underline; font-size: 10px; color: #76838b;">vintagemeohmy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142666/" target="_blank"><img alt="" border="0" height="797" src="http://media-cache-lt0.pinterest.com/upload/132926626473142666_3mmkDrmn_c.jpg" width="500" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vintagemeohmy.com/?cat=15" style="text-decoration: underline; font-size: 10px; color: #76838b;">vintagemeohmy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142729/" target="_blank"><img alt="" border="0" height="700" src="http://media-cache-ec3.pinterest.com/upload/132926626473142729_xzKQHxHw_c.jpg" width="488" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vintagemeohmy.com/?p=4262" style="text-decoration: underline; font-size: 10px; color: #76838b;">vintagemeohmy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473142732/" target="_blank"><img alt="" border="0" height="639" src="http://media-cache-lt0.pinterest.com/upload/132926626473142732_kN7U8s8r_c.jpg" width="427" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://vintagemeohmy.com/?p=1956" style="text-decoration: underline; font-size: 10px; color: #76838b;">vintagemeohmy.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138320/" target="_blank"><img alt="" border="0" height="720" src="http://media-cache-lt0.pinterest.com/upload/104779128801488977_j2FbaLKC_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.doe-eyed.com/" style="text-decoration: underline; font-size: 10px; color: #76838b;">doe-eyed.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138312/" target="_blank"><img alt="" border="0" height="598" src="http://media-cache-ec2.pinterest.com/upload/156429787027995349_vCuaAXUr_c.jpg" width="423" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.gigposters.com/poster/155036_Gallows.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">gigposters.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138330/" target="_blank"><img alt="" border="0" height="810" src="http://media-cache-ec5.pinterest.com/upload/220957925437402002_x4FdF5tQ_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://veerle.duoh.com/inspiration/detail/la_coope" style="text-decoration: underline; font-size: 10px; color: #76838b;">veerle.duoh.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138313/" target="_blank"><img alt="" border="0" height="719" src="http://media-cache-lt0.pinterest.com/upload/407364728764061816_qlVTWFY1_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://obeygiant.com/images/2012/09/Obey-Sound-and-Vision-London-invite-flat.jpg" style="text-decoration: underline; font-size: 10px; color: #76838b;">obeygiant.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138307/" target="_blank"><img alt="" border="0" height="600" src="http://media-cache-ec5.pinterest.com/upload/37436240622020932_bPiPEnQc_c.jpg" width="456" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://furturtle.com/buy/explosionsinthesky.htm" style="text-decoration: underline; font-size: 10px; color: #76838b;">furturtle.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138266/" target="_blank"><img alt="" border="0" height="600" src="http://media-cache-ec3.pinterest.com/upload/146367056609938283_YuenZT8B_c.jpg" width="456" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://gigposters.com/poster/152375_Deer_Tick.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">gigposters.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138268/" target="_blank"><img alt="" border="0" height="600" src="http://media-cache0.pinterest.com/upload/286400857523115725_PNu9fm8Z_c.jpg" width="450" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.gigposters.com/poster/150266_Andrew_Bird.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">gigposters.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138272/" target="_blank"><img alt="" border="0" height="764" src="http://media-cache-lt0.pinterest.com/upload/249246160596987162_PJRgKkHd_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.katehindley.co.uk/page2.htm" style="text-decoration: underline; font-size: 10px; color: #76838b;">katehindley.co.uk</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138242/" target="_blank"><img alt="" border="0" height="844" src="http://media-cache-ec3.pinterest.com/upload/112519690660048233_DpAgmrgV_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://soymisterkaplan.blogspot.com/2011/11/hitchcock-segun-yo-vertigo-1958.html" style="text-decoration: underline; font-size: 10px; color: #76838b;">soymisterkaplan.blogspot.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138244/" target="_blank"><img alt="" border="0" height="658" src="http://media-cache-ec2.pinterest.com/upload/31173422390967992_ljDrPNpR_c.jpg" width="470" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://grainedit.com/2010/06/16/blanca-gomez-interview/" style="text-decoration: underline; font-size: 10px; color: #76838b;">grainedit.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138249/" target="_blank"><img alt="" border="0" height="855" src="http://media-cache-lt0.pinterest.com/upload/242561129899914522_C3LTldQ5_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://flavorwire.com/173391/david-kleins-gorgeous-vintage-twa-travel-posters" style="text-decoration: underline; font-size: 10px; color: #76838b;">flavorwire.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138212/" target="_blank"><img alt="" border="0" height="640" src="http://media-cache-lt0.pinterest.com/upload/13651605089948041_S94vneVJ_c.jpg" width="402" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.flickr.com/photos/amobeaeightyfour/3291048490/" style="text-decoration: underline; font-size: 10px; color: #76838b;">flickr.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138199/" target="_blank"><img alt="" border="0" height="801" src="http://media-cache-lt0.pinterest.com/upload/42221315226081671_3e8hoeT6_c.jpg" width="516" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a style="text-decoration: underline; font-size: 10px; color: #76838b;">Uploaded by user</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138192/" target="_blank"><img alt="" border="0" height="700" src="http://media-cache-ec5.pinterest.com/upload/234187249342973836_buw5p0O4_c.jpg" width="495" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.imadeyouabeard.com/" style="text-decoration: underline; font-size: 10px; color: #76838b;">imadeyouabeard.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138141/" target="_blank"><img alt="" border="0" height="600" src="http://media-cache-ec2.pinterest.com/upload/132926626473136604_AlIv15hX_c.jpg" width="431" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.bookpatrol.net/2012/10/a-century-of-war-of-worlds.html#.UJgIUmfYH-Q" style="text-decoration: underline; font-size: 10px; color: #76838b;">bookpatrol.net</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138169/" target="_blank"><img alt="" border="0" height="586" src="http://media-cache-ec5.pinterest.com/upload/7318418114623980_2eGtpFEp_c.jpg" width="389" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://www.cntraveler.com/daily-traveler/2012/03/vintage-travel-posters?intcid=trail_gl" style="text-decoration: underline; font-size: 10px; color: #76838b;">cntraveler.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138151/" target="_blank"><img alt="" border="0" height="512" src="http://media-cache-ec5.pinterest.com/upload/89368373825135089_bjtCblBn_c.jpg" width="354" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="https://picasaweb.google.com/marja.d.r/aeyfUI?authkey=Gv1sRgCL_axNzryoHf3AE#5638437026385388098" style="text-decoration: underline; font-size: 10px; color: #76838b;">picasaweb.google.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138129/" target="_blank"><img alt="" border="0" height="626" src="http://media-cache-lt0.pinterest.com/upload/268949408967317262_2OfZBf11_c.jpg" width="470" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://grainedit.com/2011/03/07/tad-carpenter-interview/" style="text-decoration: underline; font-size: 10px; color: #76838b;">grainedit.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138122/" target="_blank"><img alt="" border="0" height="650" src="http://media-cache-ec6.pinterest.com/upload/161355599118871601_uHL94yv7_c.jpg" width="499" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://theheadsofstate.com/#posters" style="text-decoration: underline; font-size: 10px; color: #76838b;">theheadsofstate.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138134/" target="_blank"><img alt="" border="0" height="821" src="http://media-cache-lt0.pinterest.com/upload/221380137903373719_77Bm73vZ_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://wmcfest.com/wp-content/uploads/2012/05/wmcfest_artprint_final.jpg" style="text-decoration: underline; font-size: 10px; color: #76838b;">wmcfest.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138133/" target="_blank"><img alt="" border="0" height="810" src="http://media-cache-ec5.pinterest.com/upload/212232201160076817_JjKcXJVW_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://dribbble.com/shots/501547-Don-t-Tread-On-Me/attachments/34121" style="text-decoration: underline; font-size: 10px; color: #76838b;">dribbble.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138136/" target="_blank"><img alt="" border="0" height="707" src="http://media-cache-ec5.pinterest.com/upload/137711701075700328_IkJ7wo5L_c.jpg" width="530" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://theinspirationgrid.com/#quentin-vs-coen-illustrations-by-olivier-barrett" style="text-decoration: underline; font-size: 10px; color: #76838b;">theinspirationgrid.com</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138198/" target="_blank"><img alt="" border="0" height="948" src="http://media-cache-ec3.pinterest.com/upload/10696117835529224_DWVNQlpj_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a href="http://alexandrahuard.blogspot.fr/" style="text-decoration: underline; font-size: 10px; color: #76838b;">alexandrahuard.blogspot.fr</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <div style="padding-bottom: 2px; line-height: 0px;"><a href="http://pinterest.com/pin/132926626473138305/" target="_blank"><img alt="" border="0" height="834" src="http://media-cache-ec6.pinterest.com/upload/144467100518235865_3q6Cz3w0_c.jpg" width="540" /></a></div> <div style="float: left; padding-top: 0px; padding-bottom: 0px;"> <p style="font-size: 10px; color: #76838b;">Source: <a style="text-decoration: underline; font-size: 10px; color: #76838b;">Uploaded by user</a> via <a href="http://pinterest.com/gomedia/" style="text-decoration: underline; font-size: 10px; color: #76838b;" target="_blank">Go</a> on <a href="http://pinterest.com" style="text-decoration: underline; color: #76838b;" target="_blank">Pinterest</a></p> </div> <p>The post <a href="http://www.gomediazine.com/inspiration/web-roundup/50-inspiring-poster-designs/">50+ Inspiring Poster Designs</a> appeared first on <a href="http://www.gomediazine.com">GoMediaZine</a>.</p><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=VeR6ljtIAqY:GGMC2nlAZbA:qj6IDK7rITs"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=qj6IDK7rITs" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=VeR6ljtIAqY:GGMC2nlAZbA:I9og5sOYxJI"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?d=I9og5sOYxJI" /></a> <a href="http://feeds.feedburner.com/~ff/gomediazine?a=VeR6ljtIAqY:GGMC2nlAZbA:D7DqB2pKExk"><img border="0" src="http://feeds.feedburner.com/~ff/gomediazine?i=VeR6ljtIAqY:GGMC2nlAZbA:D7DqB2pKExk" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/gomediazine/~4/VeR6ljtIAqY" width="1" />

Markzware, the developer of FlightCheck, has updated PageZephyr for viewing text and extracting it from page layout applications....

The cross-platform plugin and application has new functionality for correcting social, urban, interior and architectural photography....

The improvements are immediately available to Creative Cloud subscribers, with general availability expected for the CS7 release....

The latest version of the Mac utility provides a completely new interface, speed improvements and a new way to erase objects. ...

The latest version of VeptIT's batch image processing utility adds custom presets, making it possible in a single run to resize many images, each one to several different sizes, and save them in various formats....

The updated versions are now available to both Creative Suite subscribers and perpetual license customers as a free update....

The plugin and standalone application provides a range of color addition and replacement functionality, with an improved Eyedropper tool, new features and compatibility with Windows 8 and Mac OS X 10.8. ...

The filter plugin, released earlier for Windows, seeks to reproduce the workflow of color film photography, all the way from shooting a photo, to processing it in the lab and then framing the end result. ...

The bundle of Photoshop filters provides 32 special effect categories, with more than 1,000 one-click settings and 100 controls....

The new Windows application provides a template-driven approach to creating a wide variety of documents....

<p>Enough is enough, guys!</p><p>Let me set this straight once and for all.</p><p>So you have decided to become a web designer, right?<br /> That is just AMAZING<strong>!</strong></p><p>But did someone recommend you to go to college to do that?<br /> That is just HORRIBLE<strong>!</strong></p><p>Whoever said it deserves a slap on the wrist!</p><p>Because college is where you get taught stuff, right?<br /> RIGHT<strong>!</strong></p><p>So, this is where it all gets horribly wrong.</p><p>And now let me explain to you why&#8230;</p><p><strong>+VIDEO At The End</strong></p><p><span id="more-78262"></span></p><h2>Sucking Blood Today,<br /> Makes You a Web Designer Tomorrow</h2><p><img alt="" class="alignnone size-full wp-image-78264" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/12/vampire.jpg" title="vampire" width="570" /></p><p><em><a href="http://www.flickr.com/people/1uk3/">Luke Addison</a></em></p><p>Listen my friend, just in case you have not realized yet.<br /> Web design is something much more than just writing a piece of code.</p><p>It is a very creative process.<br /> It is so creative process, that right now you must listen.</p><p>Just listen&#8230; listen&#8230;</p><p>Can You hear it?</p><p>What does it sound like? Scary? Is it loud?</p><p>Can You even guess what it is&#8230;?</p><p>It is the inner You.<br /> It is the real You.</p><p>The one, who is always thirsty.<br /> Thirsty for curiosity, Thirsty to be naive and Thirsty to be foolish again.</p><p>I do not mean just thirsty.<br /> But really, really thirsty, as thirsty as vampires are for blood.</p><p>And now guess what&#8230;</p><p>Schools kill this thirst for creativity and thirst for curiosity.<br /> And most certainly will not let you stay naive and foolish either.</p><h2><strong>#WeVamps Too Cool For School</strong> <em>- <a href="http://clicktotweet.com/02vuU" target="_blank"><span style="color: #33cccc;">Tweet This</span></a></em></h2><p><img alt="" class="alignnone size-full wp-image-78276" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/12/WeVampsTooCoolForSchool.jpg" title="WeVampsTooCoolForSchool" width="570" /></p><p>But do not give up just yet.<br /> Because we vampires are stronger than that.</p><h2>How College Can Make You The Worst Web Designer</h2><p>Now, please do not get me wrong here.<br /> College is not evil, at all.</p><p>It is just a wrong choice for some people.<br /> I personally study psychology.</p><p>And it is certainly a recommended choice for lawyers, doctors and dentists.</p><p>But, Thank You God &#8211; I did not learn web design in college.</p><p>College is a type of factory.<br /> Have you never thought about this?</p><p></p><p>College <em>manufactures</em> everyone using the same standards.<br /> Using the same learning techniques.<br /> And using the same rating systems for everyone.</p><p><strong>But How Dare They?</strong><br /> You are a unique human being, there is no one else like you.<br /> You surely like to learn things different way than your friends.</p><p><strong>And This Is Where It All Gets Wrong:</strong><br /> In schools You get taught stuff &#8211; but You do not need to be taught.<br /> You want to learn and be curious, without being taught.</p><blockquote><p>“Two roads diverged in a yellow wood, and I – I took the one less travelled by,<br /> And that has made all the difference.&#8221; &#8211; <strong>Robert Frost (The Road Not Taken)</strong></p></blockquote><p>If you learn web design yourself, using your own way to learn, guess what?</p><p>You will become more unique and more original than all the other guys who have been taught using the same methods.</p><h2>This Is What You Get By Choosing To Go To College</h2><p></p><p>This is what you would have to put up with in College.<br /> I personally choose to learn web design the way Vampires do.</p><h2><strong>#WeVamps Too Cool For School</strong> <em>- <span style="color: #33cccc;"><a href="http://clicktotweet.com/02vuU" target="_blank"><span style="color: #33cccc;">Tweet This</span></a></span></em></h2><ol><li>In college it is not always easy to find specific Web Design program, so you end up wasting your time on subjects you do not need.</li><li>Going to college will make it so much harder for you to work on some side projects to gain that so essential experience and earn some extra income.</li><li>Web Design technologies develop so fast, that very often colleges cannot manage to catch up, so you are being taught outdated programs.</li><li>You will not be allowed to learn exactly what You want to learn or in many cases even need to learn.</li><li>Because you will not learn a lot of the practical side of web design, you will not be able to learn from your own mistakes.</li><li>Instead of working as a great team and brainstorming ideas together with real web designer mentors, You will be given a tutor. And most of them are not even web designers themselves.</li><li>You end up paying for being taught web design, rather than getting paid to learn web design in real life situations from real gigs. Horrible.</li></ol><blockquote><p>&#8220;I can tell you I don&#8217;t care which school you came from. I just want seriously smart, passionate and determined hackers on my team.&#8221; -<strong>Peter Chang</strong></p></blockquote><h2>The Story of a Self-Taught Web Designer</h2><p></p><p>This video should make you think about your decision. It is just amazing how a great self-taught Sr. Interactive Designer at a leading financial services provider Wren Lanier started her career.</p><h2>We Vamps Always Stay Curious</h2><p><img alt="" class="alignnone size-full wp-image-78287" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/12/curious.jpg" title="curious" width="570" /></p><p>Image by <a href="http://www.flickr.com/people/purpleslog/">Purple Slog</a></p><p>Everyone who has learned web design using my blood sucking method knows that it is important to stay curious and patient.</p><p>Just remember my words now.<br /> If You stay curious and patient you can definitely become self-taught.<br /> And to back me up I can tell you, that these wise words come from my own experience.</p><p>But come on, how nice would it be if I had something more to back it up?<br /> <strong>Deal!</strong></p><p>Here are self-taught designer Tobias van Schneider’s words:</p><blockquote><p>“Everything starts with curiosity and YOUR first step.<br /> Just listen to your instincts.“ &#8211; <strong>Tobias van Schneider’s</strong></p></blockquote><p>You can follow Tobias on <a href="https://twitter.com/schneidertobias" target="_blank">Twitter</a>, <a href="http://dribbble.com/tobiasvanschneider">Dribble</a> or Like him on <a href="https://www.facebook.com/lesavignons">Facebook</a>.</p><p><img alt="" class="alignnone size-full wp-image-78288" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/12/TobiasVanSchneider.jpg" title="TobiasVanSchneider" width="570" /></p><p>Tobias was born in Germany, but now resides in Austria.<br /> He also writes about <a href="http://bit.ly/VdMkvA">Being Self Taught</a>.</p><h2>We Vamps Stay Hungry and Foolish</h2><p><img alt="" class="alignnone size-full wp-image-78290" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/12/hungryandfoolish.jpg" title="hungryandfoolish" width="570" /></p><p>Image by <a href="http://www.flickr.com/people/62648476@N00/">El Payo</a></p><p>Hey, I have heard this somewhere before!<br /> Is that what you thought to yourself when you read it?</p><p>Probably you did, indeed, and you know why?<br /> Because this is one of the most famous Steve Job’s quotes.</p><p>He also said something very interesting:</p><blockquote><p>“I dropped out of Reed College after the first 6 months, but then stayed around as a drop-in for another 18 months or so before I really quit.” &#8211; <strong>Steve Jobs</strong></p></blockquote><p>Here is Steve’s speech for Stanford students in 2005</p><p></p><h2>We Vamps Like To Be Naive Again</h2><p><img alt="" class="alignnone size-full wp-image-78292" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/12/naiveagain.jpg" title="naiveagain" width="570" /></p><p>Image by <a href="http://www.flickr.com/people/limaoscarjuliet/">Pawel Loj</a></p><p>I still remember those days in school, when I was called naive.<br /> The problem was &#8211; they meant it in a bad way.</p><p>They clearly should find out more about the way we vampires learn stuff.</p><p>Being naive again.<br /> Yes, again, as naive as when we were little kids.</p><p>Being naive is not being stupid.<br /> It means being able to see a bigger picture.</p><p>In college no one will let you be naive again.<br /> But when You learn web design yourself, you give yourself a permission.</p><p>Yes, a permission to be naive again.</p><blockquote><p>“Every true genius is bound to be naive. “ -<strong>Friedrich Schiller</strong></p></blockquote><h2>8 Young Designers, Naive Enough To Make It</h2><p>These young designers did not think they would need to finish college to make it happen in design industry.<br /> They stayed curious, foolish and naive enough to believe they can do it.</p><h2>1. <a href="http://www.shyamagolden.com/" target="_blank">Shyama Golden</a></h2><p><img alt="" class="alignnone size-full wp-image-78297" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/12/ShyamaGolden.jpg" title="ShyamaGolden" width="570" /></p><p>As a child Shyama learned how to write code, because she figured one day this internet thing would help her share her art with nice people all over the world.</p><p>And Today Shyama Already Works With:<strong><br /> NASA, LA Magazine, Computer Arts Magazine, MetaLab, Supreme Cort Of Texas.</strong></p><h2>2. <a href="http://lewisking.net/">Lewis King</a></h2><p><img alt="" class="alignnone size-full wp-image-78298" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/12/LewisKing.jpg" title="LewisKing" width="570" /></p><p>At just 17 years of age Lewis got an incredible opportunity to move to Bath, joining a leading eCommerce agency Blubolt full time.</p><p>And Today Lewis Already Works With:<br /> <strong>The Velvet Chair Company, bluCommerce, Tomorrow&#8217;s Web Meetup, Blubolt.</strong></p><h2>3. <a href="http://gedy.me/">Gedy Rivera</a></h2><p><img alt="" class="alignnone size-full wp-image-78299" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/12/GedyRivera.jpg" title="GedyRivera" width="570" /></p><p>Gedy is a self-taught web designer and front-end developer. When she was just a kid, she remembers always wanting to play with electronics instead of Barbies.</p><p>And Today Gedy Already Works With:<br /> <strong>Oasis House Ministries, Owyane Wade&#8217;s Fantasty Basketball Camp, Ivan y AB Music.</strong></p><h2>4. <a href="http://benbate.com/">Ben Bate</a></h2><p><img alt="" class="alignnone size-full wp-image-78300" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/12/BenBate.jpg" title="BenBate" width="570" /></p><p>Ben is a self-taught freelance designer from Plymouth in England. He is very passionate about web design and user interface.</p><p>And Today Ben Already Works With: <strong>PixelBits Apps Ltd, MVP Tracker, Pixel</strong> <strong>Clouds.</strong><br /> He also has been approached by both: <strong>Google</strong> and <strong>Apple.</strong></p><h2>5. <a href="http://hellovanny.com/">Vanessa Gonzales</a></h2><p><img alt="" class="alignnone size-full wp-image-78301" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/12/VanessaGonzales.jpg" title="VanessaGonzales" width="570" /></p><p>Vanessa is actually a pastry chef. She graduated with a degree in Baking &amp; Pastry, but then decided to start web design. <em>(great decision)</em></p><p>And Today Vanessa Already Works With:<br /> <strong>Chef E Man, Karie Denny Photography, Roofresh.</strong></p><h2>6. <a href="http://cargocollective.com/circleboxcreative">Callum Chapman</a></h2><p><img alt="" class="alignnone size-full wp-image-78302" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/12/CallumChapman.jpg" title="CallumChapman" width="570" /></p><p>Callum is half British and half Aussie. He has been working with Envato, Crowdsource and Geek Store.</p><p>And Today Callum Already Has  Been Approached By: <strong>Google</strong> and <strong>Apple.</strong><br /> He Has Worked With Companies Like: <strong>Starcount</strong>, <strong>Kogan</strong>, <strong>Fancy</strong>, <strong>GPS Plus</strong> and <strong><a href="http://cargocollective.com/circleboxcreative/Testimonials">Many More</a></strong>.<br /> And Callum Also Has Successfully Launched: <strong><a href="http://dotgrid.co">Dotgrid.co</a></strong></p><h2>7. <a href="http://www.amymahon.com/">Amy Mahon</a></h2><p><img alt="" class="alignnone size-full wp-image-78303" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/12/AmyMahon.jpg" title="AmyMahon" width="570" /></p><p>Amy taught herself HTML at the age of 12 <em>(wow)</em> and she has naturally progressed from there.</p><p>And Today Amy Already Works With:<br /> <strong>Shoon, Joseph Turner, Whittard, Oliver Bonas, Alphabet Bags.</strong></p><h2>8. <a href="http://ivomynttinen.com/">Ivo Mynttinen</a></h2><p><img alt="" class="alignnone size-full wp-image-78304" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/12/IvoMynttinen.jpg" title="IvoMynttinen" width="570" /></p><p>Ivo has never received any formal design training, but he already has been doing design work since he was 15, when he first got his fingers on Macromedia Fireworks 8.</p><p>And Today Ivo Already Works With:<br /> <strong>AppLovin, Kazoo Analytics, The NodeCMS, Socialbit.</strong></p><h2>How Inspiring Was This? And You Can Do It Too!</h2><p><img alt="" class="alignnone size-full wp-image-78305" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/12/WeVampsTooCoolForSchool1.jpg" title="WeVampsTooCoolForSchool" width="570" /></p><blockquote><p>&#8220;Like many designers, I feel that my talent has developed from hours of hard work, experimentation and simply from being observant of techniques and styles of others.&#8221; &#8211; <strong>Ronnie Francisco</strong></p></blockquote><h2>Wait, There Is More! Click Play To Find Out!</h2><p></p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=IqDVjl76hgA:Hf0QE8bkeZ4:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=IqDVjl76hgA:Hf0QE8bkeZ4:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=IqDVjl76hgA:Hf0QE8bkeZ4:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=IqDVjl76hgA:Hf0QE8bkeZ4:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/IqDVjl76hgA" width="1" />

<p>Responsive design is the process of arranging the layout in a way that all the important information is presented in a user readable way in any kind of device or screen size. Most designers will choose a grid based layout since it&#8217;s easier to handle grid based layouts in different kind of devices.</p><p>It&#8217;s your decision to choose between a fixed or fluid grid to design the layout. Throughout this tutorial we are going to focus on fluid grids and their importance in responsive design.</p><p><span id="more-77663"></span></p><h2>What is a Fluid Grid?</h2><p>It&#8217;s important to know the meaning of fluid grids before we start thinking about the designs. There is no better explanation than the definition given by Wikipedia on fluid.</p><blockquote><p>A fluid is a substance that continually deforms (flows) under an applied shear stress &#8211; Wikipedia</p></blockquote><p>So I&#8217;ll make things clear by explaining the above definition in simple practical terms. In web design, fluid will be our design or layout and shear stress will be the screen size or user device. Regardless of what the device or screen size is, components in fluid designs are going to flow and adapt to the user environment.</p><h2>Importance of Fluid Grids</h2><p>In adaptive grids, we define pixel-based dimensions. Hence we will have to adjust the widths and heights manually in certain device viewports. Since fluid grids flow naturally within the dimensions of its parent container, limited adjustments will be needed for various screen sizes and devices.</p><p>Mobile devices are getting smaller in size and people prefer using them in their personal work. On the other hand, desktop monitors are getting wider with higher resolutions. So we just cannot plan for smaller devices in responsive design. The advantage of fluid grid is that we can adjust the max-width and it will still work on larger screens due to the percentage based calculations.</p><h2>How Fluid Grids Work</h2><p>We used to design inside fixed grids with the 960px system. Then the layout became adaptive by using different pixel sizes at different screen sizes. It was all about pixel based layout design. Now the time has come to create percentage based designs which are known as fluid designs.</p><p>In fluid grids we define a maximum layout size for the design. The grid is divided into a specific number of columns to keep the layout clean and easy to handle. Then we design each element with proportional widths and heights instead of pixel based dimensions. So whenever the device or screen size is changed, elements will adjust their widths and heights by the specified proportions to its parent container.</p><p>Before we dig deeper into fluid grids, let’s take a look at some cool fluid designs to get an idea about how fluid layouts work.</p><p><strong><a href="http://dustycartridge.com/" target="_blank">Dusty Cartridge</a></strong></p><p><img alt="" height="175" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/fluid_grid_sample1.png" title="fluid_grid_sample1" width="570" /></p><p><strong><a href="http://www.palantir.net/" target="_blank">Palantir.net</a></strong></p><p><img alt="" height="176" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/fluid_grids_sample2.png" title="fluid_grids_sample2" width="570" /></p><p><strong><a href="http://dressresponsively.com/" target="_blank">Dress Responsively</a></strong><br /> <img alt="" height="175" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/Fluid_Grid_sample3.png" title="Fluid_Grid_sample3" width="570" /></p><h2>Fluid Grid Systems and Generators</h2><p>Creating a fluid grid from scratch is not an easy task and will require time and effort. Hence it’s wise to choose an existing CSS Grid Framework or Grid Generator as the base for your layout design. The following are some free CSS grid systems and generators.</p><ul><li><a href="http://www.tinyfluidgrid.com/" target="_blank">tiny fluid grid</a></li><li><a href="http://grids.heroku.com/" target="_blank">Variable Grid System</a></li><li><a href="http://csswizardry.com/fluid-grids/" target="_blank">Fluid Grids Calculator</a></li><li><a href="http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem" target="_blank">Fluid Grid by Bootstrap</a></li></ul><p>Most of the CSS grid frameworks will come with advanced built in features and have been tested across many browsers. The purpose of this tutorial is to understand fluid grids from top to bottom. Hence it’s wise to generate a fluid grid which will enable you to learn the basics of fluid grids.</p><p>I will be using the  <a href="http://grids.heroku.com/">Variable Grid System</a> to generate a fluid grid according to our preference. Follow this link and adjust the variable values. I’ll be using the following values.</p><p><strong>Column width</strong> &#8211; 60<br /> <strong>Number of columns</strong> &#8211; 12<br /> <strong>Gutter width</strong> &#8211; 20</p><h3 style="text-align: center;"><a href="http://1stwebdesigner.com/demos/fluid-grids/default.html" target="_blank">Demo</a></h3><p>Then download the fluid version of the CSS file. Now open it in your favorite text editor and search for <strong>Grid &gt;&gt; 12 Columns</strong>. The code below shows the content of <strong>Grid &gt;&gt; 12 Columns</strong> section.</p><pre class="brush: css; title: ; notranslate"> .container_12 .grid_1 { width:6.333%; } .container_12 .grid_2 { width:14.667%; } .container_12 .grid_3 { width:23.0%; } .container_12 .grid_4 { width:31.333%; } .container_12 .grid_5 { width:39.667%; } .container_12 .grid_6 { width:48.0%; } .container_12 .grid_7 { width:56.333%; } .container_12 .grid_8 { width:64.667%; } .container_12 .grid_9 { width:73.0%; } .container_12 .grid_10 { width:81.333%; } .container_12 .grid_11 { width:89.667%; } .container_12 .grid_12 { width:98.0%; } </pre><p>As you can see <strong>container_12</strong> is the main container. Each and every element in our design should be inside a container with the class <strong>container_12</strong> . Then percentage based widths are assigned to classes with <strong>.grid_1 , .grid_2 … .grid_n. </strong>Fluid grids are built using columns that are considered fluid columns. When the screen size is changed, the widths of these columns will adjust proportionally to its parent container.</p><p>We have 12 fluid columns in our grid. So let’s take a look at how the columns are stacked up in our layout.</p><p><img alt="" height="465" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/11/Fluid_Grid_Default.png" title="Fluid_Grid_Default" width="570" /></p><p>The code for the above section is given below. You can check the downloaded files for more information.</p><pre class="brush: xml; title: ; notranslate"> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, maximum-scale=1&quot;&gt; &lt;title&gt;Fluid Grid with Fluid Columns&lt;/title&gt; &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;style.css&quot; /&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&quot;single-columns&quot; class=&quot;container_12&quot;&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_1&quot;&gt;&lt;span&gt;1&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;div id=&quot;double-columns&quot; class=&quot;container_12&quot;&gt; &lt;div class=&quot;grid_2&quot;&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_2&quot;&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_2&quot;&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_2&quot;&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_2&quot;&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_2&quot;&gt;&lt;span&gt;2&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </pre><p>Each set of components is contained within an element with the <strong>class container_12</strong>. Inside the container we can use the <strong>grid_n</strong> class to create fluid columns with specific widths. Using <strong>grid_1</strong> will give 1/12 width of the original grid and <strong>grid_2</strong> will give you 2/12.</p><p>You can load the demo and resize your browser to view the fluid nature of grid columns.</p><h2>Nested Fluid Columns</h2><p>When you have a CSS framework, creating a grid with fluid columns is straightforward. But not all designs are going to be straightforward like the layout shown previously. We might need to create columns and rows inside other columns and rows. Columns contained within a parent column are called nested columns. Let’s see how we can create nested fluid columns using the CSS file we generated earlier.</p><h3 style="text-align: center;"><a href="http://1stwebdesigner.com/demos/fluid-grids/nested.html" target="_blank">Demo</a></h3><p><img alt="" height="407" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/Fluid_Grid_Nested_Columns.png" title="Fluid_Grid_Nested_Columns" width="570" /></p><p>The layout given above contains 2 rows. The first row is divided into 2 sections of 6 columns and each of the 2 sections are divided again into 4 sections of 3 columns.</p><p>Likewise the second row is divided into 3 sections of 4 columns and each of the 3 sections is divided again into 3 sections of 4 columns. This is how you create nested columns in grids. Let’s see how to code the above layout.</p><pre class="brush: xml; title: ; notranslate"> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, maximum-scale=1&quot;&gt; &lt;title&gt;Nested Fluid Columns&lt;/title&gt; &lt;link type=&quot;text/css&quot; rel=&quot;stylesheet&quot; href=&quot;style.css&quot; /&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&quot;container_12&quot;&gt; &lt;div class=&quot;grid_6&quot;&gt; &lt;div class=&quot;container_12&quot;&gt; &lt;div class=&quot;grid_3&quot;&gt;&lt;span&gt;3&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_3&quot;&gt;&lt;span&gt;3&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_3&quot;&gt;&lt;span&gt;3&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_3&quot;&gt;&lt;span&gt;3&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;grid_6&quot;&gt; &lt;div class=&quot;container_12&quot;&gt; &lt;div class=&quot;grid_3&quot;&gt;&lt;span&gt;3&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_3&quot;&gt;&lt;span&gt;3&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_3&quot;&gt;&lt;span&gt;3&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_3&quot;&gt;&lt;span&gt;3&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;container_12&quot;&gt; &lt;div class=&quot;grid_4&quot;&gt; &lt;div class=&quot;container_12&quot;&gt; &lt;div class=&quot;grid_4&quot;&gt;&lt;span&gt;4&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_4&quot;&gt;&lt;span&gt;4&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_4&quot;&gt;&lt;span&gt;4&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;grid_4&quot;&gt; &lt;div class=&quot;container_12&quot;&gt; &lt;div class=&quot;grid_4&quot;&gt;&lt;span&gt;4&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_4&quot;&gt;&lt;span&gt;4&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_4&quot;&gt;&lt;span&gt;4&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;grid_4&quot;&gt; &lt;div class=&quot;container_12&quot;&gt; &lt;div class=&quot;grid_4&quot;&gt;&lt;span&gt;4&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_4&quot;&gt;&lt;span&gt;4&lt;/span&gt;&lt;/div&gt; &lt;div class=&quot;grid_4&quot;&gt;&lt;span&gt;4&lt;/span&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </pre><p>First we create the main containers and columns as we did in the previous section. Inside the column we need to create another container with container_12 class for nested columns. Now we get another 12 columns inside the main 6 columns. Then 12 sub columns can be divided as necessary. Now you should have a clear knowledge of creating fluid grids and working with nested columns. Let’s move further in fluid grids.</p><h2>Design Beyond Fluid Grid</h2><p>Most designers that are just starting out think that using a responsive CSS framework will make your design responsive. Unfortunately responsive design is not that simple. Fluid grids will adapt to the change in browser window or device. Unless you plan the design carefully , users will have problems browsing your content on smaller devices when you use fluid grids.</p><p>Consider the screen below.</p><p><img alt="" height="514" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/Fluid_Grid_Small_Screen.png" title="Fluid_Grid_Small_Screen" width="306" /></p><p>This is how the fluid grid layout discussed in earlier sections will display on small screens. These are just grid columns without proper data. Even in this case the number 1 is not displayed properly. When it comes to real content it’s going to be a total mess. In this scenario we need to adjust the widths of the columns in order to provide better user experience.</p><p>You can use CSS media queries to adjust the widths of columns for different screen sizes. In the above scenario you can double the column width and keep 6 columns instead of 12 to provide better readability of your content. So make sure not to depend only on fluid grids in responsive designs.</p><h2>Testing Fluid Grids</h2><p>Now that we have completed the basics of fluid grids, we can move onto creating a simple demo with jQuery to test the fluid grid for different screen sizes. First we are going to create the page layout and navigation as shown below.</p><h3 style="text-align: center;"><a href="http://1stwebdesigner.com/demos/fluid-grids/index.html" target="_blank">Demo<br /> </a></h3><pre class="brush: xml; title: ; notranslate"> &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&quot;utf-8&quot;&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, maximum-scale=1&quot;&gt; &lt;title&gt;Fluid Grid Tester&lt;/title&gt; &lt;script type=&quot;text/javascript&quot; src=&quot;jquery.min.js&quot; &gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id=&quot;device_navigation&quot;&gt; &lt;div id='device_panel'&gt; &lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;changeGrid('desktop');&quot;&gt;Desktop&lt;/a&gt; &lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;changeGrid('tab_lan');&quot;&gt;Tablet Landscape&lt;/a&gt; &lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;changeGrid('tab_pot');&quot;&gt;Tablet Portrait&lt;/a&gt; &lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;changeGrid('mob_lan');&quot;&gt;Mobile Landscape&lt;/a&gt; &lt;a href=&quot;javascript:void(0);&quot; onclick=&quot;changeGrid('mob_pot');&quot;&gt;Mobile Portrait&lt;/a&gt; &lt;/div&gt; &lt;div style=&quot;clear:both&quot;&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class='main_wrapper'&gt; &lt;iframe class=&quot;wrapper&quot; src=&quot;media_query.html&quot;&gt;&lt;/iframe&gt; &lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </pre><p>Our testing page has basic HTML layout with jQuery. Element with the ID <strong>device_panel</strong> will contain the navigation for standard devices like desktops,mobiles and tablets. Once the link is clicked <strong>changeGrid</strong> function will be called with the type device as parameter.</p><p>On the bottom section we have an IFRAME which will be used to load our fluid grid. Fluid grid is contained in the <strong>media_query.html</strong> file. Now let’s take a look at the <strong>changeGrid</strong> function.</p><pre class="brush: jscript; title: ; notranslate"> function changeGrid(device){ if(device == &quot;desktop&quot;){ $(&quot;.wrapper&quot;).css(&quot;width&quot;,&quot;960px&quot;); } if(device == &quot;tab_lan&quot;){ $(&quot;.wrapper&quot;).css(&quot;width&quot;,&quot;768px&quot;); } if(device == &quot;tab_pot&quot;){ $(&quot;.wrapper&quot;).css(&quot;width&quot;,&quot;600px&quot;); } if(device == &quot;mob_lan&quot;){ $(&quot;.wrapper&quot;).css(&quot;width&quot;,&quot;480px&quot;); } if(device == &quot;mob_pot&quot;){ $(&quot;.wrapper&quot;).css(&quot;width&quot;,&quot;320px&quot;); } } </pre><p>Once the function is called, it will check for the device using the passed parameter. Then it will change the width of the .wrapper (IFRAME) to the standard width for the device. Then we will be able to see how a fluid grid works on smaller screens.</p><p>Fluid grid used inside <strong>media_query.html</strong> file will be similar to the examples we discussed in earlier section. You can use the demo files to customize the codes. You should have something like the following screen as the testing screen.</p><p><img alt="" height="355" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/Fluid_Grid_Tester.png" title="Fluid_Grid_Tester" width="570" /></p><h3 style="text-align: center;"><a href="http://1stwebdesigner.com/demos/fluid-grids.zip" target="_blank">Download</a></h3><h2>Wrap Up</h2><p>Fluid grids allow you to create responsive designs which suit dynamic screen sizes. The complexity of developing a fluid grid can be minimized by using an existing CSS framework. You cannot depend only on fluid grids to provide the perfect responsive design for you. Adjust the fluid grid when necessary according to your design and try to provide the best browsing experience for the user. Hope you learned something from this tutorial and I&#8217;d like to hear your suggestions.</p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=RJ_UuUxR08g:e0iAqr2Im7E:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=RJ_UuUxR08g:e0iAqr2Im7E:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=RJ_UuUxR08g:e0iAqr2Im7E:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=RJ_UuUxR08g:e0iAqr2Im7E:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/RJ_UuUxR08g" width="1" />

<p>Howdy! Maybe you&#8217;re one of those who haven&#8217;t updated their Twitter headers yet, or maybe you&#8217;ve heard it already but you&#8217;re not just into creating your own design due to a lack of inspiration? Well, that&#8217;s not a problem at all now, this tutorial is for you. I&#8217;m going to show you how to create your own, and showcase some Twitter headers for your inspiration.</p><p></p><p>Before we get started creating our own design, let&#8217;s take a look at this list of inspiration to boost up your creativity level.</p><p><span id="more-77845"></span></p><h2>Use of Self Portrait</h2><p>Select your best photo and align it properly to with the avatar.</p><h4><a href="https://twitter.com/Rosen" target="_blank">@Rosen</a></h4><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-15.jpg" /></p><h4><a href="https://twitter.com/RyanSeacrest" target="_blank">@RyanSeacrest</a></h4><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-16.jpg" /></p><h4><a href="https://twitter.com/db" target="_blank">@db</a></h4><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-17.jpg" /></p><h2>Branding</h2><p>Select the best product you own and showcase it.</p><h4><a href="https://twitter.com/Starbucks" target="_blank">@Starbucks</a></h4><p><img alt="" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-18.jpg" /></p><h4><a href="https://twitter.com/krispykreme" target="_blank">@krispykreme</a></h4><p><img alt="" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-19.jpg" /></p><h4><a href="https://twitter.com/PlayStation" target="_blank">@PlayStation</a></h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-20.jpg" /></p><h2>Vector Illustration</h2><p>Using Vector art is always good to look at.</p><h4><a href="https://twitter.com/OrganikSEO" target="_blank">OrganikSEO</a></h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-21.jpg" /></p><h4><a href="https://twitter.com/Vimeo" target="_blank">@Vimeo</a></h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-22.jpg" /></p><h4><a href="https://twitter.com/Adobe" target="_blank">@Adobe</a></h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-23.jpg" /></p><h2>Dark Backgrounds</h2><p>Dark background makes the avatar picture and text pop ups more.</p><h4><a href="https://twitter.com/VandelayDesign" target="_blank">@VandelayDesign</a></h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-24.jpg" /></p><h4><a href="https://twitter.com/wpbeginner" target="_blank">@wpbeginner</a></h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-25.jpg" /></p><h4><a href="https://twitter.com/Behance" target="_blank">@Behance</a></h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-26.jpg" /></p><h2>Creative</h2><p>Very creative how they present their interest by the use of illustration.</p><h4><a href="https://twitter.com/laurenonizzle" target="_blank">@laurenonizzle</a></h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-27.jpg" /><a href="https://twitter.com/laurenonizzle" target="_blank"><br /> </a></p><h4><a href="https://twitter.com/MKBHD" target="_blank">@MKBHD</a></h4><p><img alt="" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-28.jpg" /></p><h4><a href="https://twitter.com/imjustcreative" target="_blank">@imjustcreative</a></h4><p><img alt="" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-29.jpg" /></p><h4>Make it Simple</h4><h4>@twitter</h4><p><a href="https://twitter.com/twitter" target="_blank"> <img alt="" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-30.jpg" /><br /> </a></p><h4>@SocialNorth</h4><p><a href="https://twitter.com/SocialNorth" target="_blank"> <img alt="" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-31.jpg" /><br /> </a></p><p>Now that you&#8217;ve seen some inspiring Twitter Headers, let&#8217;s create your very own Twitter header. See below how I created my own Twitter header.</p><h2>Creating The Custom Design</h2><h3>Step 1</h3><p>Open Photoshop and create a new document 520px by 260px.</p><p><img alt="" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-1.jpg" /></p><h3>Step 2</h3><p>Let&#8217;s setup a guideline where our block will end. To do this go to <em>View</em> &#8211; <em>New Guide</em>. Set the value to <strong>180px</strong> and make sure you select <strong>Horizontal</strong>.</p><p><img alt="" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-2.jpg" /></p><h2>Step 3</h2><p>Now let&#8217;s create the blocks. Using the <strong>Rectangle Tool(U)</strong> create a <strong>11px</strong> by <strong>11px</strong> shape, place it from the top and downwards for the guideline and make sure each block has a distance of <strong>5px</strong>. Also adjust the positioning as shown in the screenshot below.</p><p><img alt="" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-3.jpg" /></p><h3>Step 4</h3><p>Duplicate all the blocks until you reach far right.</p><p><img alt="" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-4.jpg" /></p><h3>Step 5</h3><p>Now that we have all the blocks in place, time to change the colour of each block. The goal is to suit your current twitter background. What if we choose three colours from the existing background? I took two colours from 1WD&#8217;s logo and a one colour a little lighter than dark grey.</p><p><img alt="" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-5.jpg" /></p><ul><li>#f58220</li><li>#6d6f71</li><li>#8a8c8f</li></ul><p>The orange squares will be aligned to the avatar image, then the remaining blocks will be filled by the other colours.</p><p><img alt="" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-6.jpg" /></p><h2>Step 6</h2><p>Continue filling the boxes with colours until you fill them all. Once you&#8217;re done, you should have something that looks like in the screenshot below.</p><p><img alt="" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-7.jpg" /></p><h2>Step 7</h2><p>It feels like it&#8217;s a bit boring that it has the same number of blocks in each columns. What if we remove some blocks on the top and bottom? Let&#8217;s try it.</p><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-8.jpg" /></p><p>It looks more appealing to me. What do you think?</p><h2>Step 8</h2><p>Twitter will automatically darken up bottom part of the image about 50% &#8211; 60%. In this case, 60% of our design will not be enough to make the text pop up more.</p><p>How it looks when we upload it on Twitter.</p><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-9.jpg" /></p><p>Now what we are going to do is add a gradient to the bottom part of our design. Select the <strong>Gradient Tool(G)</strong>, change the Foreground colour to <strong>#8a8c8f</strong>, set the gradient to Foreground to Transparent. Start filling from the bottom towards the centre of the canvas.</p><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-10.jpg" /></p><p>Now that we have finished our design, save it as JPEG, <strong>Ctrl + Alt + Shift + S</strong> to save for web.</p><p>How it looks when I uploaded it to Twitter.</p><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-11.jpg" /></p><h2>How To Set Your Twitter Header</h2><p>Click the settings icon and choose <em>settings</em> from the drop down menu.</p><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-12.jpg" /></p><p>Select Design</p><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-13.jpg" /></p><p>When you scroll down to the bottom you will see <strong>Customize your own</strong>. Click change header botton and upload the JPEG file we just created.</p><p>When you look at your profile you will see how great it is :P</p><p><img alt="" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/11/twitter-header-img-14.jpg" /></p><h3 style="text-align: center;"><a href="https://twitter.com/_burnstudio">Demo</a> | <a href="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/Twitter-Header.zip">Download</a></h3><h2>Conclusion</h2><p>There you have it, we just created our new custom Twitter header design in eight simple steps. Just make sure that your Twitter header is a part of the overall design and describes your personality or brand. Make it as simple as possible.</p><p>Well, that&#8217;s it! I hope you found this tutorial helpful. Make sure to share this to your friends if you like it and don&#8217;t forget to follow me on Twitter <a href="https://twitter.com/_burnstudio" target="_blank" title="_burnstudio">@_burnstudio</a>. Thanks!</p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=7qepoLom_gk:nsD7sw6uGrI:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=7qepoLom_gk:nsD7sw6uGrI:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=7qepoLom_gk:nsD7sw6uGrI:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=7qepoLom_gk:nsD7sw6uGrI:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/7qepoLom_gk" width="1" />

<p>Today we have really exciting news for you!</p><p>How would you like to see yourself become a better web designer with our help? Do you feel like you are left alone on this journey to become a web designer?</p><p>Do you want to <strong>see</strong> and <strong>hear</strong> how I flunked on camera and do you want to see <strong>1WD&#8217;s new branded microphone?</strong></p><p>Yes, you heard it right &#8211; see and hear!</p><p>We aren&#8217;t seeing you yet, but you can see us and it really feels like we are talking directly to you!</p><p>You are alone NO MORE! Oh, wait! There is much more, watch video now! <span id="more-78081"></span></p><h2>Introducing 1WD TV</h2><p>Just to be sure you know it&#8217;s me, founder of 1stWebDesigner and James Richman talking in this video, you can check his articles <a href="http://www.1stwebdesigner.com/author/james-richman/">here</a>!</p><h2>On The Journey To Becoming Web Designer</h2><p>Everything started some time ago when you found out how exciting and full of opportunities the Internet is. You saw all the huge opportunities the Internet is providing, you read all those different stories of young people succeeding online and thought, &#8220;what  about me?&#8221; You sat down on your couch, your whole life ahead of you and dreamed of your very own project, of how it could conquer the world. But there was one little problem &#8211; you wanted to change, but you didn&#8217;t know how you can start out. There was no one there for you to ask for advice, nobody to care for you during your first step!</p><h3>What should I learn first?</h3><p>Should I start with Adobe Photoshop so I can create beautiful looking web designs? Designs which will attract other people, other designers and make them share their feedback and help me improve my web design even more?</p><p>Or maybe I should learn HTML5 and CSS3 &#8211; languages that everybody is talking and raving about? I could create my first responsive web design portfolio to show I am ahead of the competition. New clients would reach out to me, interested to utilise my skills. That would be nice start!</p><p>Oh but then there are more graphic programs, there are more programming languages, then there are many more CMS you could learn using!</p><p>One question remains &#8211; <strong>what should I learn first?</strong> How can I get started?</p><p>And when you finally make a decision, it doesn&#8217;t really get any easier. You may create your first web design, but is there anyone who is willing to give you a creative feedback?</p><p>Well, we have good news for you! You are <strong>Alone No More</strong> and we will work hard to keep our promise to you! We are willing to change, but are you ready to change with us? Are you ready to connect, socialise and help us with your feedback on what we are trying to do here? Are you ready to take this journey with us?</p><p>Are you asking why?</p><blockquote><p> I have a better question for you &#8211; why not? And why not start now?</p></blockquote><h2>Want to know more about what you will get out from upcoming 1WD TV videos?</h2><p><img alt="" class="alignnone size-full wp-image-78124" height="400" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/11/graphic1.jpg" title="graphic" width="570" /></p><p>I, Dainis, and James Richman tried to explain what is happening here, but we were a bit stressed so we made quite a few mistakes on the video (I was very stressed, first public video ever for me). Let me follow up here and explain one more time what we are going to cover in upcoming 1WD TV videos!</p><p>You will be able to join us on Google+ Hangout! We are using Google+ Hangout to record our videos for now in order to use the most social way possible with videos. The quality isn&#8217;t what we love, but it works! What do you think about hangouts?</p><h3>What you will hear us talking about on these videos</h3><p><img alt="" class="alignnone size-full wp-image-78125" height="512" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/11/1WDTV1.jpg" title="1WDTV" width="512" /></p><p>The first thing I wanted to explain is when James mentioned we won&#8217;t be covering web design tips in the video. We will not be covering COMPLICATED web design or coding tips &#8211; a few people got confused about that part! Instead you will get easy to implement, simple, yet effective, web designing tips you can use when creating design. Creating design which accomplishes your or your client goals &#8211; professional visual design, better usability, better conversions, more sales, more contracts from new clients, if that&#8217;s what you want!</p><blockquote><p>How can you know if you can trust our advice?</p></blockquote><p>That&#8217;s a great question!</p><p>Well, we will be doing our homework, doing crazy research and we will base our advice on facts and things we have tested ourselves.</p><p>Actually, with the upcoming 1stWebDesigner redesign, we will do crazy A/B split testing, heat mapping, watch how people interact with 1stWebDesigner to see what works and what doesn&#8217;t. And with 80,000 to 90,000 daily unique visitors I think we can get great results that you will be eager to read about! And the best thing for you is that we will showcase each test in a manner that you can use to improve your own web design to reach your goals faster! We will be working hard and sharing with you our research and results and then it will be up to you if you want to improve your web design!</p><h3>Are You Excited About These Upcoming Changes?</h3><p>If you don&#8217;t want to  miss the next video, subscribe to our mailing list or simply circle us on G+ &#8211; <a href="https://plus.google.com/112855603138580222073/posts" target="_blank">Dainis Graveris</a> and <a href="https://plus.google.com/107906336334505040606/posts" target="_blank">James Richman</a>! Please respond to the question we got for you on the video! And join us on this journey!</p><p>I hope you are as excited as we are! See you in the next video!</p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=WhEnwbmeHos:AIRr9a7wtK4:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=WhEnwbmeHos:AIRr9a7wtK4:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=WhEnwbmeHos:AIRr9a7wtK4:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=WhEnwbmeHos:AIRr9a7wtK4:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/WhEnwbmeHos" width="1" />

<p>Howdy Folks! In this tutorial you will learn how to convert Artthatworks (if you want to know how to create this design in Photoshop check <a href="http://www.1stwebdesigner.com/tutorials/photoshop-tutorial-beautiful-portfolio-artthatworks/" target="_blank">here</a>!)  from PSD to HTML using Skeleton Boilerplate and make it responsive with media queries. As I mentioned in my last tutorial, I hadn&#8217;t tried using a framework until recently. I found the Skeleton Boilerplate Framework which makes it very easy to convert PSD files into HTML, by calling the right classes you can create a quick responsive layout. Sounds great right? Well then get ready and let&#8217;s get started.</p><p><span id="more-76876"></span></p><p><a href="http://feeds.feedburner.com/1stwebdesigner"><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-16.jpg" /></a></p><h3 style="text-align: center;"><a href="http://www.1stwebdesigner.com/demos/Artthatworks/">Demo</a> | <a href="http://www.1stwebdesigner.com/demos/artthatworks.rar">Download</a></h3><h2>Resources for this tutorial</h2><ul><li><a href="http://1stwebdesigner.com/demos/artthatworks.psd" target="_blank" title="PSD Download">PSD Download</a></li><li><a href="http://www.getskeleton.com/" target="_blank">Skeleton Boilerplate</a></li><li><a href="http://slidesjs.com/" target="_blank">SlidesJS</a></li><li><a href="http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/" target="_blank">Elastislide by Codrops</a></li><li>Time and Patience :)</li></ul><h2>What is Skeleton Boilerplate</h2><p>Skeleton Boilerplate is basically like <strong>960 grid</strong> system. In which by calling the right <strong>classes</strong> you can magically create any columns you want that suites your layout.</p><p>What I like in Skeleton Boilerplate</p><ul><li><strong>It&#8217;s Responsive</strong>: We know that websites now a days is aiming for a fluid/responsive layout. So that viewers can view it nicely from a bigger screensize down to mobile.</li><li><strong>Fast to Start</strong>: Skeleton Boilerplate provide us the files that we need for faster developing. We will not be woried about starter layout because it&#8217;s already there and well-structured and also it provide basic styling for form elements, typography, and more.</li><li><strong>Ready set Grid</strong>: What I like the most is the <a href="http://www.getskeleton.com/#grid" target="_blank" title="Grid">Grid</a> by just calling the right class it will do the magic for you.</li></ul><h2>Step 1: Preparation</h2><p></p><ul><li>Open up the PSD File in Photoshop.</li><li>Your favorite code editor. If you ask me, what&#8217;s mine? I&#8217;m using <a href="http://inotai.com/intype/download/" target="_blank">Intype</a>.</li><li>Lastly, open up a web browser to test our layout.</li></ul><h2>Step 2: Getting Files Ready</h2><p><img alt="" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-9.jpg" /></p><p>Since we are using Skeleton Boilerplate, the images directory is already prepared at <strong>/images</strong> <strong>/stylesheets</strong> for the CSS stylesheets. All you need to create is a <strong>/js</strong> directory for our JavaScript and <strong>/fonts</strong> directory for our fonts to be used.</p><p>I will leave it up to you to import the images to be used, like the social icons and background patterns. Or if you are really excited to start, just download the provided files in the resource folder.</p><h2>Step 3: Simple Starter Layout</h2><p>To build our HTML layout we should first analyze our design by looking at the Photoshop layout and identify the sections that are unique.</p><p>Pay attention to the naming of <em>id</em> or <em>class</em> in every screenshot, these will be the names we will use when we markup the HTML.</p><h4>Header Section</h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-2.jpg" /></p><ul><li>The header is divided into 2 sections: the first section is for the <strong>logo</strong> and <strong>navigation</strong>, the other section is for the <strong>slideshow</strong>. These two sections are wrapped with a full width because of the repeating pattern that starts from the very top to way down to the slider section.</li><li>For the grayish background with the pattern we will be applying that to our body tag.</li></ul><h4>Welcome Section</h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-3.jpg" /></p><ul><li>Nothing too fancy here, we can see a big <strong>h1</strong> text with a graphic.</li></ul><h4>Service Section</h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-4.jpg" /></p><ul><li>In this section we can see a <em>3 column</em> layout that contains <em>heading title</em>, <em>content text</em>, and a <em>read more</em> button.</li></ul><h4>Recent Projects Section</h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-5.jpg" /></p><ul><li>In this section there are <em>3 images</em> showcasing what we have done. But it&#8217;s kinda boring if we leave it that way right? How about we turn it into a carousel where we can navigate left and right? Sound great doesn&#8217;t it? I&#8217;m going show you how later on using a great jQuery plugin by Codrops.</li></ul><h4>Testimonial Section</h4><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-6.jpg" /></p><ul><li>In this section we can see a <em>thumbnail</em> photo, a <em>blockquote</em> that contain the <em>testimonial text</em>, <em>name</em> and a <em>link</em> to a website.</li></ul><h4>Footer Section</h4><p><img alt="" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-7-update.jpg" /></p><ul><li>In this section there are 2 rows, first is for the <strong>widgets</strong> that contains a <em>3 column</em> layout which is for <strong>about</strong>, <strong>blog</strong> and <strong>twitter feed</strong>. The second row will be for the <strong>copyright</strong> text and <strong>logo</strong>.</li></ul><p>Here is the image of the overall markup that we have done.</p><p><img alt="" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-1-update.jpg" /></p><p>Now, based on these notes we create the following HTML layout.</p><pre class="brush: xml; title: ; notranslate"> &lt;div class=&quot;wrap-header&quot;&gt; &lt;div class=&quot;container&quot;&gt;Logo &amp; Navigation content goes here&lt;/div&gt; &lt;div class=&quot;container slides&quot;&gt;Slideshow content goes here&lt;/div&gt; &lt;/div&gt;&lt;!-- end wrap-header --&gt; &lt;div class=&quot;container welcome&quot;&gt; Welcome content goes here &lt;/div&gt;&lt;!-- end welcome --&gt; &lt;div class=&quot;container service&quot;&gt; Services content goes here &lt;/div&gt;&lt;!-- end service --&gt; &lt;div class=&quot;container recent-projects&quot;&gt; Recent Project content goes here &lt;/div&gt;&lt;!-- end recent-projects --&gt; &lt;div class=&quot;container testimonial&quot;&gt; Testimonial content goes here &lt;/div&gt;&lt;!-- end testimonial --&gt; &lt;footer&gt; &lt;div class=&quot;container widgets&quot;&gt; Widgets content goes here &lt;/div&gt;&lt;!-- end widgets --&gt; &lt;/footer&gt; &lt;footer class=&quot;sub-footer&quot;&gt; Copyright content goes here &lt;/footer&gt; </pre><p>Open up <strong>index.html</strong>, scroll down and you will find &#8220;Delete everything in this .container and get started on your own site!&#8221;, delete everything and copy and paste the code above.</p><p>By calling the <strong>container</strong> class in Skeleton Boilerplate this will center the <strong>div</strong> and have a width of <strong>960px</strong>. So in our markup you&#8217;ll notice we added a class of <strong>container</strong> in every section, except to the <strong>wrapping div</strong> that contains the full width.</p><p>Before we proceed let&#8217;s just style the font in the layout.</p><pre class="brush: css; title: ; notranslate"> @font-face{ font-family: 'Rokkitt'; src: url('../fonts/Rokkitt/Rokkitt-Regular.ttf') format('truetype'); } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }body{ font-family: Helvetica, Arial, Sans-serif; background: #e3e3e3 url(../images/body-bg.jpg); } a, a:visited { color: #67b256; text-decoration: none; outline: 0; } a:hover, a:focus { text-decoration: underline; } p{ font-size: 14px; color: #3b464b; } h1{ font-size: 30px; font-family: 'Rokkitt', serif; color: #23353e; } h2{ font-size: 22px; font-family: 'Rokkitt', serif; color: #23353e; } </pre><ul><li>In the above CSS, we just declared our own font which is placed in <strong>/fonts</strong>, <strong>/Rokkit</strong> directory. If you check the PSD file it has a different font, so we just replaced it with a font that is available in Google fonts.</li></ul><ul><li>Next, we target <strong>*</strong> all elements and styled using new CSS3 <strong>box-sizing</strong> to <strong>border-box</strong>, what this allows you to add a border to a 20px by 20px <strong>div</strong> and the size will remain 20px by 20px.</li></ul><ul><li>For our body we added a repeated background and set our font.</li></ul><ul><li>Then we styled <strong>a</strong>, <strong>p</strong>, <strong>h1 h2</strong> according to its styles.</li></ul><h2>Step 4: Working on Header Section</h2><p><img alt="" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-8.jpg" /></p><p>Now let&#8217;s add the content inside the first <strong>container</strong> div, here&#8217;s the HTML.</p><pre class="brush: xml; title: ; notranslate"> &lt;h1 class=&quot;logo&quot;&gt;&lt;a title=&quot;Artthatworks&quot; href=&quot;#&quot;&gt;Artthatworks&lt;/a&gt;&lt;/h1&gt; &lt;nav class=&quot;primary&quot;&gt; &lt;ul&gt; &lt;li&gt;&lt;a class=&quot;active&quot; href=&quot;#&quot;&gt;home&lt;/a&gt; /&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;portfolio&lt;/a&gt; /&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;blog&lt;/a&gt; /&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;contact&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/nav&gt; </pre><ul><li>In the above HTML, we just added the logo by wrapping it in a <strong>h1</strong> tag with an <strong>a</strong> tag inside it, we also give the <strong>h1</strong> tag a class of <strong>logo</strong>.</li></ul><ul><li>Next we used an HTML 5 tag <strong>nav</strong> and give it a class of <strong>primary</strong>. Inside the <strong>nav</strong> we create an unordered list <strong>ul</strong> which contains our navigation links.</li></ul><p>Open up the <strong>/stylesheets</strong> directory and open up <strong>layout.css</strong>, this is where we will place our CSS styles. Now let’s add the CSS as follows:</p><pre class="brush: css; title: ; notranslate"> h1.logo a{ display: block; width: 183px; height: 32px; background: url(../images/logo.png) no-repeat; float: left; /* Nicolas Gallagher Image replacement technique */ font: 0/0 a; text-shadow: none; color: transparent; } /* NAVIGATION */ nav.primary{ float: right; } nav.primary ul{ float: right; margin-top: 5px; } nav.primary ul li{ float: left; margin-left: 20px; color: #67b256; } nav.primary ul li a{ display: inline-block; padding-right: 20px; text-decoration: none; font-family: 'Rokkitt', serif; font-size: 19px; font-weight: 600; color: #67b256; text-shadow: 0 1px 0 #090d0f; } nav.primary ul li:last-child a{ padding: 0; } nav.primary ul li a.active{ color: #fff; } nav.primary ul li a:hover{ color: #fff; } </pre><ul><li>In the above CSS, we styled the logo by displaying it to block, giving it a fixed width and height, adding a background image, floating it right and lastly a new way of hiding a text by Nicolas Gallagher.</li></ul><ul><li>Next we styled the navigation by floating it left. Then, we floated the <strong>ul</strong> element to the right and gave it a top margin to align it properly with the logo. All <strong>li</strong> elements are floated to the left, with a 20px left margin and we changed the colour to green. The <strong>a</strong> inside <strong>li</strong> tags is displayed as inline-block, this will help not to push down the <strong>/</strong> we added after the <strong>a</strong> tag, then we included a 20px padding to the right to equally centre the links from each dividers, then lastly we styled the font. For the last child <strong>li</strong> elements we zero out the padding, then we gave the same color for active and hover.</li></ul><p>Now let&#8217;s add the content inside the <strong>slides</strong> element, here&#8217;s the HTML Markup base on ResponsiveSlides documentation.</p><pre class="brush: xml; title: ; notranslate"> &lt;ul class=&quot;rslides clearfix&quot;&gt; &lt;li&gt; &lt;img src=&quot;images/slide-1.jpg&quot; alt=&quot;&quot; /&gt; &lt;p class=&quot;desc&quot;&gt;Description goes here 1&lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;img src=&quot;images/slide-1.jpg&quot; alt=&quot;&quot; /&gt; &lt;p class=&quot;desc&quot;&gt;Another Description goes here 2&lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;img src=&quot;images/slide-1.jpg&quot; alt=&quot;&quot; /&gt; &lt;p class=&quot;desc&quot;&gt;Last Description goes here 3&lt;/p&gt; &lt;/li&gt; &lt;/ul&gt; &lt;h2&gt;Featured Project&lt;/h2&gt; </pre><ul><li>In the above HTML, basically we just followed the HTML Markup and added another tag for our description which is <strong>&lt;p&gt;</strong> with a class of <strong>desc</strong> and added a <strong>clearfix</strong> class to <strong>ul</strong>. What clearfix does is deal with the floated elements. Without it, parent containers of the elements might have a broken height.</li></ul><p>Now let’s add first the required <strong>CSS ResponsiveSlides</strong></p><pre class="brush: css; title: ; notranslate"> /* rslides styles */ .rslides { position: relative; list-style: none; width: 100%; padding: 0; margin: 0 0 20px 0; } .rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; } .rslides li:first-child { position: relative; display: block; float: left; } .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } </pre><p>Now let’s add our own CSS styles as follows:</p><pre class="brush: css; title: ; notranslate"> .slides{ position: relative; margin-top: 30px; } .slides h2{ display: inline-block; padding-right: 30px; border-right: 1px solid #9b9b9b; } .desc{ display: inline-block; margin: 0; position: absolute; bottom: -62px; left: 210px; } .rslides li img{ border: 5px solid #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } a.prev{ position: absolute; right: 130px; display: block; width: 13px; height: 22px; background: url(../images/prev-next.png) no-repeat; background-position: top left; /* Nicolas Gallagher Image replacement technique */ font: 0/0 a; text-shadow: none; color: transparent; } a.prev:hover{ background-position: bottom left; } a.next{ position: absolute; right: 0; display: block; width: 13px; height: 22px; background: url(../images/prev-next.png) no-repeat; background-position: top right; /* Nicolas Gallagher Image replacement technique */ font: 0/0 a; text-shadow: none; color: transparent; } a.next:hover{ background-position: bottom right; } ul.rslides_tabs{ position: absolute; right: 20px; } ul.rslides_tabs li{ float: left; margin-right: 10px; } ul.rslides_tabs li a{ display: block; background: url(../images/pagination.png) no-repeat; background-position: top; width: 20px; height: 21px; /* Nicolas Gallagher Image replacement technique */ font: 0/0 a; text-shadow: none; color: transparent; } ul.rslides_tabs li.rslides_here a, ul.rslides_tabs li a:hover{ background-position: bottom; } </pre><ul><li>In the above CSS, first we made the parent element&#8217;s position <strong>relative.</strong> By doing this we set it to <strong>absolute</strong> along with the child elements based on the parent element width and height. Also we give it a top margin to align it base on the PSD layout.</li><li>Style the <strong>h2</strong> by displaying it to <strong>inline-block</strong>, add padding-right and a 1px right-border.</li><li>Next is the description we displayed as inline-block, zero out its margin, position it absolutely the same on the PSD.</li><li>Next is the slide <strong>img,</strong> we style it by adding a 5px white border. In our design we have that bottom shadow left and right, we will change that by adding a box-shadow.</li><li>Next we style the auto generated classes done by the JavaScript which is the <strong>.prev</strong> for previous and <strong>.next</strong> for next. What we did was to position it absolutely to our desired position, displayed it as a block element, gave it a fixed width and height, and positioned the background based on the image sprite. The same thing with the <strong>rslides_tabs</strong> the only thing different is we floated the <strong>li</strong> elements and give it a 10px right margin.</li></ul><p>Now to make the slider functional, copy and paste the <strong>responsiveslides.min.js</strong> to <strong>/js</strong> directory then copy and paste the script below and paste it before the closing of the <strong>body</strong> tag.</p><pre class="brush: xml; title: ; notranslate"> &lt;script src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js&quot;&gt;&lt;/script&gt; &lt;script src=&quot;js/responsiveslides.min.js&quot;&gt;&lt;/script&gt; &lt;script&gt; $(function () { $(&quot;.rslides&quot;).responsiveSlides({ pager: true, nav: true }); }); &lt;/script&gt; </pre><h2>Step 5: Working on Welcome Section</h2><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-10.jpg" /></p><p>Now let&#8217;s add the content inside the<strong> welcome</strong> div, here&#8217;s the HTML.</p><pre class="brush: xml; title: ; notranslate"> &lt;h1&gt; Hi! Im &lt;span class=&quot;green&quot;&gt;Michael Burns&lt;/span&gt; a graphic / web designer &lt;/br&gt; based in Philippines. &lt;/h1&gt; &lt;span class=&quot;graphic&quot;&gt; &lt;img src=&quot;images/graphic.png&quot; alt=&quot;&quot; /&gt; &lt;/span&gt; </pre><ul><li>We wrapped our welcome text with an <strong>h1</strong> tag and added a <strong>span</strong> with a class of <strong>green</strong> to target the name and change the colour later on with CSS. When we take a look at the welcome section there is a graphic on the bottom so we mark up our HTML by adding a <strong>span</strong> with a class of <strong>graphic</strong> so that later on we can position the image absolutely.</li></ul><p>Now let’s add the CSS as follows:</p><pre class="brush: css; title: ; notranslate"> .welcome{ position: relative; padding: 15px 0; border: 1px dashed #9b9b9b; border-right: none; border-left: none; margin: 40px auto; } .welcome h1{ text-align: center; } .green{ color: #67b256; } .welcome .graphic img{ position: absolute; margin: 0 auto; left: 0; right: 0; bottom: -7px; } </pre><ul><li>First we needed to position the parent container which is the <strong>.welcome div</strong> to relative, added a 15px padding top and bottom, a dashed border on top and bottom, zero on left and right.</li><li>Next we centered h1, added a colour to .green class.</li><li>Next we position the graphic image absolutely to make it centered by adding a margin zero auto, left, right zero, and pushed it down a bit by adding -7px bottom.</li><li>Lastly we added a margin top and bottom to bump it down from the slider section.</li></ul><h2>Step 6: Working on Service Section</h2><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-11.jpg" /></p><p>Now let&#8217;s add the content inside <strong>.service</strong> div, here&#8217;s the HTML.</p><pre class="brush: xml; title: ; notranslate"> &lt;div class=&quot;one-third column&quot;&gt; &lt;h2&gt;Web Design&lt;/h3&gt; &lt;p&gt;Suspendisse fringilla hendrerit molestie. Duis bibendum tellus at ligula ornare a cursus enim lacinia. Aliquam erat volutpat. Nam consectetur, erat placerat pharetra consequat, eros lorem facilisis arcu, eget convallis elit turpis ac lacus. Quisque a nisi quis.&lt;/p&gt; &lt;a href=&quot;#&quot; class=&quot;more&quot;&gt;read more&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;one-third column&quot;&gt; &lt;h2&gt;Graphic Design&lt;/h3&gt; &lt;p&gt;Suspendisse fringilla hendrerit molestie. Duis bibendum tellus at ligula ornare a cursus enim lacinia. Aliquam erat volutpat. Nam consectetur, erat placerat pharetra consequat, eros lorem facilisis arcu, eget convallis elit turpis ac lacus. Quisque a nisi quis.&lt;/p&gt; &lt;a href=&quot;#&quot; class=&quot;more&quot;&gt;read more&lt;/a&gt; &lt;/div&gt; &lt;div class=&quot;one-third column&quot;&gt; &lt;h2&gt;Other Services&lt;/h3&gt; &lt;p&gt;Suspendisse fringilla hendrerit molestie. Duis bibendum tellus at ligula ornare a cursus enim lacinia. Aliquam erat volutpat. Nam consectetur, erat placerat pharetra consequat, eros lorem facilisis arcu, eget convallis elit turpis ac lacus. Quisque a nisi quis.&lt;/p&gt; &lt;a href=&quot;#&quot; class=&quot;more&quot;&gt;read more&lt;/a&gt; &lt;/div&gt; </pre><ul><li>We just divided it into 3 columns by adding a class <strong>one-third column</strong> on each div. Then inside of it we added a heading <strong>h2</strong> for our heading title, a <strong>p</strong> for its content and a link <strong>a</strong> with a class of <strong>more</strong>.</li></ul><p>Now let’s add the CSS as follows:</p><pre class="brush: css; title: ; notranslate"> a.more{ display: inline-block; padding: 5px 15px; background: #67b256; border: 1px solid #539544; border-top: 1px solid #93cc84; box-shadow: 0 -1px 0 #539544; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; color: #fff; text-shadow: 0 -1px 0 #539544; } a.more:hover{ background: #6ebd5c; } .service{ margin: 20px auto; } </pre><ul><li>Since we have already formatted our paragraphs and headings, the only thing we need to style now is the read more button. First we displayed it as an inline-block, gave it padding, then followed by the background, border, box-shadow, border-radius, colour, text-shadow. Lastly, we gave a 20px margin to our parent container to give it a cool space from top and bottom.</li></ul><h2>Step 7: Working on Recent Projects Section</h2><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-12.jpg" /></p><p>Now let&#8217;s add the content inside <strong>.recent-projects</strong> div, here&#8217;s the HTML. This HTML mark up is based on the Elastislide by Codrops that I provided in the resources.</p><pre class="brush: xml; title: ; notranslate"> &lt;h2&gt;My Current Pojects&lt;/h2&gt; &lt;div id=&quot;carousel&quot; class=&quot;es-carousel-wrapper&quot;&gt; &lt;div class=&quot;es-carousel&quot;&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/project-1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/project-2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/project-3.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/project-1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/project-2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;images/project-3.jpg&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; </pre><p>Now let’s add the CSS as follows: This CSS is a straight copy paste from Elastislide CSS styles so copy and paste it to our <strong>layout.css</strong>.</p><pre class="brush: css; title: ; notranslate"> .recent-projects{ margin: 40px auto; } /* Elastislide Style */ .es-carousel-wrapper{ padding:10px 37px; position:relative; } .es-carousel{ overflow:hidden; } .es-carousel ul{ display:none; } .es-carousel ul li{ height:100%; float:left; display:block; } .es-carousel ul li a{ display:block; margin: 0 10px; } .es-carousel ul li a img{ display:block; border: 5px solid #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); max-height:100%; max-width:100%; } .es-nav span{ position:absolute; top:50%; left:0; background:transparent url(../images/prev-next.png) top left no-repeat; width: 13px; height: 22px; margin-top:-13px; text-indent:-9000px; cursor:pointer; } .es-nav span.es-nav-next{ right: 0; left:auto; background-position:top right; } .es-nav span:hover{ background-position: bottom left; } .es-nav span.es-nav-next:hover{ background-position: bottom right; } </pre><ul><li>We tweaked the CSS to make it fit to our design, removed the background of the <strong>.es-carousel-wrapper</strong> and <strong>.es-carousel</strong> div&#8217;s. Then added a styling to the image by giving it a 5px stroke and box-shadow. Lastly, tweaked the prev and next as we did previously in our slider section.</li></ul><p>We need to copy and paste <strong>jquery.easing.1.3.js</strong> and <strong>jquery.elastislide.js</strong> in our <strong>/js</strong> directory. Now to make it work we need to add the script below our <strong>.rslides</strong> script.</p><pre class="brush: xml; title: ; notranslate"> $('#carousel').elastislide({ imageW : 300, //width of the image minItems : 3 //item shown }); </pre><h2>Step 8: Working on Testimonial Section</h2><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-13.jpg" /></p><p>Now let’s add the content inside <strong>.testimonial</strong> div, here’s the HTML.</p><pre class="brush: xml; title: ; notranslate"> &lt;img src=&quot;images/me.jpg&quot; alt=&quot;&quot;/&gt; &lt;blockquote&gt; &lt;p&gt;In hac habitasse platea dictumst. Donec sodales elit sed orci consectetur mollis. Cras eget erat tellus, eu elementum felis. Morbi tincidunt varius nisl, molestie ullamcorper sapien accumsan quis. Quisque velit risus, ullamcorper non tempor id, venenatis quis metus. &lt;/p&gt; &lt;cite&gt;&lt;strong&gt;Michael Burns&lt;/strong&gt;&lt;/cite&gt; &lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;www.burnstudios.deviantart.com&lt;/a&gt; &lt;/blockquote&gt; </pre><ul><li>In the above HTML, first we added that thumbnail image, since it is a quote we will use a blockqoute tag where inside is a paragraph for the testimonial text itself, a cite for the author and a link for the site link.</li></ul><p>Now let’s add the CSS as follows:</p><pre class="brush: css; title: ; notranslate"> .testimonial{ margin: 40px auto; padding: 0 50px; } .testimonial img{ float: left; margin-right: 35px; border: 5px solid #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); } blockquote{ background: url(../images/quote.png) no-repeat; overflow: hidden; border: none; } blockquote p{ font-size: 14px; padding-left: 30px; font-style: normal; } blockquote a{ display: block; text-align: right; font-size: 12px; font-style: italic; } cite{ text-align: right; font-style: normal; color: #23353e; } </pre><ul><li>First we styled the testimonial container by padding 50px left and right, also we give it some breathing room 40px on top and bottom.</li><li>Next we styled the image the same as the image in recent projects.</li><li>Next we styled the blockquote by adding a quote image, overflow to hidden so that if a testimonial/text is too long the text will not flow below the thumbnail image, then removing the left border since by default it has a border left styling. Followed by basic styling and alignment for <strong>p</strong>, <strong>cite</strong> and <strong>a</strong>.</li></ul><h2>Step 10: Working on Widgets Section</h2><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-14.jpg" /></p><p>Now let’s add the content inside <strong>.widgets</strong> div, here’s the HTML.</p><pre class="brush: xml; title: ; notranslate"> &lt;div class=&quot;one-third column about&quot;&gt; &lt;h2&gt;About Me&lt;/h2&gt; &lt;img src=&quot;images/me-large.png&quot; alt=&quot;&quot; class=&quot;thumb&quot;/&gt; &lt;div&gt; &lt;p&gt;In hac habitasse platea dictumst. Donec sodales, elit sed orci consectetur mollis. Cras eget erat tellus, eu elementum felis. Morbi tincidunt varius nisl. &lt;/p&gt; &lt;ul&gt; &lt;li&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;images/facebook.png&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;images/twitter.png&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href=&quot;#&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;images/rss.png&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt;&lt;!-- end about --&gt; &lt;div class=&quot;one-third column blog&quot;&gt; &lt;h2&gt;Latest News&lt;/h2&gt; &lt;ul&gt; &lt;li&gt; &lt;p&gt;Project design for donec laoreet dictum arcu, quis scelerisque turpis placerat varius&lt;/p&gt; &lt;small&gt;10.11.11 - Web Design&lt;/small&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;Project design for donec laoreet dictum arcu, quis scelerisque turpis placerat varius&lt;/p&gt; &lt;small&gt;10.11.11 - Web Design&lt;/small&gt; &lt;/li&gt; &lt;/ul&gt; &lt;a class=&quot;dark-more&quot;&gt;view more&lt;/a&gt; &lt;/div&gt;&lt;!-- end blog --&gt; &lt;div class=&quot;one-third column tweet&quot;&gt; &lt;h2&gt;Latest Tweets&lt;/h2&gt; &lt;ul&gt; &lt;li&gt; &lt;p&gt;AT&amp;T Announces Five New Android Smartphones - &lt;a href=&quot;#&quot;&gt;http://on.mash.to/oCgEWK&lt;/a&gt;&lt;/p&gt; &lt;small&gt;1 min ago&lt;/small&gt; &lt;/li&gt; &lt;li&gt; &lt;p&gt;Twitter will soon reformat all links with t.co regardless of length - &lt;a href=&quot;#&quot;&gt;http://on.mash.to/qUTLCe&lt;/a&gt;&lt;/p&gt; &lt;small&gt;about 1 hour ago&lt;/small&gt; &lt;/li&gt; &lt;/ul&gt; &lt;a class=&quot;dark-more&quot;&gt;@_burnstudio&lt;/a&gt; &lt;/div&gt;&lt;!-- end tweet --&gt; </pre><ul><li>We marked up our HTML by adding 3 divs with a class of <strong>one-third column</strong> to make it 3 columns and on each div we added another class <strong>about</strong>, <strong>blog</strong> and <strong>tweet</strong> this class will help us to target the inside elements when we are styling.</li><li>On the <strong>about div</strong> we added an <strong>h2</strong> tag for our heading, an image, then a div with a paragraph inside it and an unordered list for our social icons.</li><li>For <strong>blog</strong> and <strong>tweet</strong> we added a heading also followed a unordered list that contains the content which is paragraph and small tag, lastly a button with a class of <strong>dark-more</strong>.</li></ul><p>Now let’s add the CSS as follows:</p><pre class="brush: css; title: ; notranslate"> footer{ background: url(../images/noise.jpg) 0 0; /* IE Fallback Background */ background: url(../images/triangle-top.png) 0 0 repeat-x, url(../images/noise.jpg) 0 0; padding: 30px 0 30px 0; } footer h2{ color: #fff; text-shadow: 0 1px 0 #111a1f; } .about img.thumb{ float: left; margin-right: 20px; } .about div{ overflow: hidden; } .about p{ color: #a4afb4; font-size: 13px; text-shadow: 0 1px 0 #111a1f; } .about ul li{ float: left; margin-right: 10px; } .blog ul li, .tweet ul li{ margin: 0; border-bottom: 1px dashed #0f161a; border-top: 1px dashed #37515e; padding: 15px 0; } .blog p, .tweet p{ color: #a4afb4; font-size: 13px; text-shadow: 0 1px 0 #111a1f; margin-bottom: 10px; } .blog small, .tweet small{ color: #667983; text-shadow: 0 1px 0 #111a1f; } .blog ul li:first-child, .tweet ul li:first-child{ border-top: none; padding-top: 0; } .blog ul li:last-child, .tweet ul li:last-child{ border-bottom: none; padding-bottom: 0; } a.dark-more{ display: inline-block; padding: 5px 15px; background: #286065; border: 1px solid #0f161a; border-top: 1px solid #558d91; box-shadow: 0 -1px 0 #0f161a; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; color: #fff; text-shadow: 0 -1px 0 #0f161a; } a.dark-more:hover{ background: #2d6b71; } </pre><ul><li>We styled the footer tag by giving it a background. Notice that I added multiple backgrounds, first is an IE6 Fallback since IE doesn&#8217;t recognize multiple backgrounds in a stacking order, followed by the two background <strong>triangle-top.jpg</strong> and <strong>noise.jpg</strong>. We also gave it top and bottom padding.</li><li>Next we target the <strong>h2</strong> elements by changing the colour and adding text-shadow.</li><li>In the <strong>about</strong> column, first we styled the image by floating it to the left and add a margin right 20px, styled the <strong>.about</strong> div by changing the overflow to hidden. I&#8217;m sure you already know what the purpose of this is since I explained it in the testimonial section. Next we styled the paragraph follow by the social icons by floating the list elements left and give it a 10px right margin.</li><li>For the <strong>blog</strong> and <strong>tweet</strong> they have the same styling, first we styled the list elements by 0 out the margin, added a dark top border and light bottom border, and gave it a 15px breathing room top and bottom. Next we styled the paragraph with a basic styling and a margin bottom. Next we styled the small tag by giving it a lighter color and a text shadow. Next we targetted the first-child element by removing the top padding and the top border, the same with the last-child but this time instead of top change it to bottom. Lastly, we styled the dark-more by just copying the same styles we did in <strong>more</strong> button but this time let&#8217;s change the colour the same on the PSD layout.</li></ul><h2>Step 11: Working on Footer Section</h2><p><img alt="" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/convert-artthatworks-img-15.jpg" /></p><p>Now let’s add the content inside <strong>.sub-footer</strong> tag, here’s the HTML.</p><pre class="brush: xml; title: ; notranslate"> &lt;div class=&quot;container&quot;&gt; &lt;div class=&quot;eight columns left&quot;&gt; &lt;p&gt;Copyright 2010 &lt;a href=&quot;#&quot;&gt;1stwebdesigner&lt;/a&gt; | Design by &lt;a href=&quot;#&quot;&gt;Michael Burns&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class=&quot;eight columns right&quot;&gt; &lt;h1 class=&quot;logo&quot;&gt;&lt;a href=&quot;#&quot; title=&quot;Artthatworks&quot;&gt;Artthatworks&lt;/a&gt;&lt;/h1&gt; &lt;/div&gt; &lt;/div&gt; </pre><ul><li>In above HTML, we marked it up by adding 2 divs with a class of <strong>eight columns</strong> to make it 2 columns and in each div we added another class <strong>left</strong> and <strong>right</strong>.</li><li><strong>right</strong> class contains the copyright text, left class contains the logo.</li></ul><p>Now let’s add the CSS as follows:</p><pre class="brush: css; title: ; notranslate"> footer.sub-footer{ background: #1a272e; border-top: 1px solid #34454d; } footer .left p{ color: #fff; font-size: 12px; margin: 0; } footer .left a{ color: #67b256; text-decoration: none; font-size: 12px; } footer .left a:hover{ text-decoration: underline; } footer .right .logo{ float: right; } </pre><ul><li>In above CSS, we styled the .sub-footer container by adding a background and a border top. Then we changed the colour of the left paragraph and the link. Lastly, we floated the logo to right.</li></ul><p>Now everything looks good, the same as our PSD layout.</p><h2>Step 12: Working on Media Queries Section</h2><p>When you try resizing the browser, it&#8217;s responsive, but there are some elements that are not good to look at in different viewports, especially the slider. So what we are going to do is to fix it by changing some styling in media queries.</p><p>Now let’s add the CSS as follows:</p><pre class="brush: css; title: ; notranslate"> /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .about img.thumb{ display: none; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { nav.primary{ float: left; margin-top: 30px; } nav.primary ul li:first-child{ margin-left: 0; } .slides h2{ padding: 0; border: none; } .slides .desc{ display: none; } .testimonial img{ display: none; } .one-third.column{ margin: 20px 0; } .left p{ text-align: center; } footer .right .logo{ display: none; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { nav.primary ul li:last-child{ margin-left: 0; } } </pre><ul><li>In the above CSS, we removed the image in about widgets in Tablet Portrait size to standard 960.</li><li>Next thing to handle is all mobile sizes. First we floated the navigation to the left because by default it is floated to the right, then we removed the left margin of the list item first-child element. Next in the slideshow section we removed the padding and border of the heading, then we removed the description by changing the display to none. On the testimonial section we removed the thumbnail image by changing the display to none. Notice we have 3 columns in service section and on widget section and it is not spaced very well on top and bottom so we added a 20px margin on top and bottom. Next on footer section we centre the copyright text and hide the logo by changing the display again to none.</li><li>In mobile portrait size to mobile landscape size, if you look at the navigation the last list element is pushed below and 20px form the right so we are going to remove the left margin by changing it to zero.</li></ul><h2>Finally We&#8217;re Done!</h2><p>We just finished our responsive layout using the Skeleton Boilerplate. How was it? I hope you learned something in this tutorial. Feel free to drop your thoughts below, or if you have some suggestions, techniques or other boilerplate recommendations.</p><p>Oh and if you want to learn how to create this design in Photoshop in the first place, check our previous <a href="http://www.1stwebdesigner.com/tutorials/photoshop-tutorial-beautiful-portfolio-artthatworks/" target="_blank">PSD tutorial</a> to this very design!</p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=ORYTcxeOVHk:fMsZoo8twQw:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=ORYTcxeOVHk:fMsZoo8twQw:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=ORYTcxeOVHk:fMsZoo8twQw:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=ORYTcxeOVHk:fMsZoo8twQw:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/ORYTcxeOVHk" width="1" />

<blockquote><p>Hey James, this week I am working on the most exciting project ever &#8211; I am designing a new website for one of the most popular radio stations.</p></blockquote><p>That was the last time I heard anything from my friend.</p><p>Now he is spending a big chunk of his time going through a lot of legal actions and a local lawyer has become his best mate.</p><p>Well, all just because my friend has been sued by a huge web design and development agency.</p><p><span id="more-77666"></span></p><p><em>Image by <a href="http://www.flickr.com/people/brewbooks/">J Brew</a></em></p><p>He hoped to get away with getting inspired from a website this agency had created <em>(more or less, he literally copied nearly half of the website, doh!).</em></p><p>His excuse? Apparently he was lacking creativity!</p><p>After all, I did not hesitate to call him a fool!</p><p>He failed in his life big time, only by avoiding small, yet important steps.</p><p>If I were you, I would begin to worry right now, because you can fail too, just like my friend did!</p><p>Listen!</p><p>To avoid becoming a fool because of the lack of creativity, you better learn how simple super-foods can boost your brainpower, which will, without a doubt, increase your, in web design, so needed creativity <em>(I guarantee!).</em></p><h2>Everything You Put In Your Mouth Counts</h2><p><img alt="" class="alignnone size-full wp-image-77674" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/mouth.jpg" title="mouth" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/upchuck_norris/">Up Chuck Norris</a></em></p><p>Surely you would agree with me if I said that no one really likes to be controlled, do You?</p><p>More likely you would say &#8211; No!</p><p>Or you would shout at me, &#8220;James are you crazy, or what? Why would I like to be controlled!&#8221;</p><p>Well, neither do I&#8230;</p><p>But the painful truth, my friend is, that unfortunately we are being controlled. Even more surprisingly &#8211; controlled every single day.</p><p>And if we ever wanted to escape from being controlled by this beast, we would undoubtedly die!</p><p>Yes, we would die, because this controlling <em>beast</em> I am talking about is called FOOD. It controls how we feel every day. How productive we are, how powerful, fast, alert and creative we are.</p><p>Too much coffee will make you hyperactive, having some tofu frozen dessert will make you sleepy, whereas ice cream just before bed will ruin your sleep.</p><p>We simply cannot escape from it, but what we can do instead is take this control in our own hands.</p><p>I know, it sounds a bit crazy, but we can actually use food as a tool to make us feel more energized, to boost our powers of concentration as well as lift our moods.</p><p>Now I will reveal to you one of my biggest secrets.</p><p>This is one of the secrets that help me stay so creative, that I can proudly write an article so great, that people would read it again and again <em>(shhh&#8230; it’s the one you’re reading right now.)</em></p><p>My secret consists of 10 basic superfoods, my kitchen, my own mouth and willingness to be more creative.</p><p>Keep reading to find out how to apply this secret to your life.</p><h2>1. So Many Berries Out there, Go And Eat Them All</h2><p><img alt="" class="alignnone size-full wp-image-77676" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/berries.jpg" title="berries" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/mattmangum/">Matt Mangum</a></em></p><p>This fleshy fruit is usually very juicy, sweet or sometimes sour and is brightly coloured.</p><p>Berries are very rich in antioxidants, not only will they boost your brainpower to ensure you become more creative, but they will also improve your mental function and reverse age related issues.</p><p>And just to let you know this is not me making up some crazy story about how awesome berries are.</p><p>It is actually scientifically proven, that eating strawberries, blackberries, blueberries, and well, mainly any sort of berries does have very beneficial effects on your brain.</p><blockquote><p>And guess what!? I bet you had no idea, that tomato is actually also classified as a berry. So if you prefer tomatoes than blueberries, blackberries or strawberries, it will still count.</p></blockquote><h3>Eat This: Homemade Blueberry Jam</h3><p><img alt="" class="alignnone size-full wp-image-77677" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/blueberryjam.jpg" title="blueberryjam" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/owlpacino/">Kimberly Jones</a></em></p><p>Get a couple of jars and you are ready to start off.</p><p>Ready to start off something healthy and something made by You.</p><p>I enjoy having my <a href="http://bit.ly/VwyYv0">homemade</a> blueberry jam on a toast every single morning.</p><h3>Not This: Blueberry Bagels, Seriously!</h3><p><img alt="" class="alignnone size-full wp-image-77678" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/blueberrybagel.jpg" title="blueberrybagel" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/avlxyz/">Alpha</a></em></p><p>Yummy &#8211; You think&#8230; This blueberry <em>(mmm real blueberry)</em> bagel must be one healthy bite!</p><p>You are wrong, my friend!</p><p>Most of these are processed food, with so called berries in them are <a href="http://bit.ly/VwyOE4">faked!</a><br /> Do yourself a favour and stay away from them.</p><h3>How Creative Will You Become By Eating Berries?</h3><p><img alt="" class="alignnone size-full wp-image-77687" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/1.png" title="1" width="570" /></p><p>Berry Eating Web Designers Are Able To Create An Awesome Website As This <a href="http://gnosh.co.uk/">G&#8217;nosh</a></p><h3>Some Always Enjoy Blueberries More Than Others</h3><p></p><h2>2. Dark Chocolate, The Darker, The Better</h2><p><img alt="" class="alignnone size-full wp-image-77691" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/darkchocolate.jpg" title="darkchocolate" width="570" /></p><p><em>Image by<a href="http://www.flickr.com/people/sackton/"> Tim Sackton</a></em></p><p>Of course, as everyone of us know <em>(or maybe not)</em> chocolate is made from plants. So what does that mean now? You might ask.</p><p>Nothing much, to be honest&#8230;only thing is, that since it is made from plants, chocolate contains many of the health benefits of dark vegetables.</p><p>Not a big deal, is it?!<br /> Well, yes it is. Hell of a big deal, if you asked me.</p><p>This sweet treat contains almost eight times the antioxidants found in strawberries.</p><blockquote><p>Just remember not to wash your chocolate down with a glass of milk, as you would more likely end up taking all the antioxidant goodness away from your body, by preventing proper absorption.</p></blockquote><h3>Eat This: Dark, Dark Chocolate Bark</h3><p><img alt="" class="alignnone size-full wp-image-77692" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/chocolatebark.jpg" title="chocolatebark" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/vegan-baking/">Mattie Hagedorn</a></em></p><p>We got to go back to the kitchen, I am afraid.<br /> Oh right, I forgot you are one of those, <em>“sorry, I am too busy to cook at home!”</em></p><p>My days, I forgot that you are a web designer, maybe even a freelance web designer, so therefore always busy.</p><p>But never mind, my so busy friend. You wanted to boost your brainpower to become more creative, remember?!</p><p>So stop moaning and get on with it, as this dark chocolate bark will take you only<a href="http://bit.ly/ToegQz"> less than 30 minutes</a> to make.</p><h3>Not This: Any Kind of White Chocolate is Big No, No!</h3><p><img alt="" class="alignnone size-full wp-image-77693" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/whitechocolate.jpg" title="whitechocolate" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/kat_martin/">Kat Martin</a></em></p><p>Just like nicely, dark chocolate has a lot of cacao in it, white chocolate has nearly no cacao at all.<br /> I am amazingly surprised how dare they call it chocolate. <em>(hammerheads)</em></p><p>Just listen to this &#8211; instead they pour in a lot of sugar into the process of making white chocolate.</p><p>And you know what their excuse is?! Well, they say it is to make it that nicely white and give it that good taste.</p><p>Be clever now and listen to me &#8211; white chocolate is <a href="http://yhoo.it/S5j0qN">not good for you</a>, mainly because of the amount of sugar in it.</p><h3>How Creative Will You Become By Eating Dark Chocolate?</h3><p><img alt="" class="alignnone size-full wp-image-77698" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/2.png" title="2" width="570" /></p><p>So Creative That You Would Be Able To Create as Awesome Website as <a href="http://www.milwaukeepolicenews.com/">MPD</a></p><h3>This Video Made Me Fall In Love With Dark Chocolate</h3><p></p><h2>3. Nuts Are Rich With Great Nutrients To Boost Your Brainpower</h2><p><img alt="" class="alignnone size-full wp-image-77700" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/mixednuts.jpg" title="mixednuts" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/the-travelling-bum/">Adam Wyles</a></em></p><p>They are very rich in a wide array of great nutrients, including magnesium, fiber, zinc, sodium and unsaturated fat.</p><p>Every day I manage to snack on nuts like pecans, peanuts, walnuts, hazelnuts and others.</p><p>I, myself, started consuming a variety of nuts once I found out that they can help fight insomnia, promoting mental clarity, strong memory and boosting brainpower to become more creative.</p><p>My all time favourite ones are Omega-3 rich walnuts and almonds, which are packed with natural mood-enhancing neurotransmitters <em>(don&#8217;t bother to pronounce it).</em></p><blockquote><p>Mixed nuts can also be good for those, who are on a low-carbohydrate diet, as they provide just 7g of carbs in each 1 oz. Sounds great to me!</p></blockquote><h3>Eat This: Laura’s Holiday Spiced Nuts</h3><p><img alt="" class="alignnone size-full wp-image-77701" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/spicednuts.jpg" title="spicednuts" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/shiverytimbers/">Shivery Timbers</a></em></p><p>I guess I can call You chef by now. You can hate me if you want to, but yes, we are still in the kitchen.</p><p>Just look at the bright side of it &#8211; if You have managed to make every food I have been talking about so far You will be more experienced in the kitchen than I have ever been <em>(I was told I’m quite good at making toasts).</em></p><p>Well, anyway, Laura’s Holiday Spiced Nuts recipe looks <a href="http://bit.ly/U7PRv9">just Yummy</a>.</p><h3>Not This: Going Nuts On Nuts Will Do No Good To You</h3><p><img alt="" class="alignnone size-full wp-image-77702" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/loadsofnuts.jpg" title="loadsofnuts" width="570" /></p><p><em>Image by Srikumar</em></p><p>Just like with everything &#8211; It is good only if used in moderation.</p><p>So it should not come to you as a big surprise, if I told you, that eating something, as good as nuts too much will give the complete opposite effect &#8211; they could be <a href="http://bit.ly/XGFW4G">harmful to you</a>.</p><h3>How Creative Will You Become By Eating Mixed Nuts?</h3><p><img alt="" class="alignnone size-full wp-image-77703" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/3.png" title="3" width="570" /></p><p>Eat Plenty of Mixed Nuts To Make Websites Like <a href="http://www.artofflightmovie.com/">The Art of Flight</a></p><h3>Here Is Another Amazing Way To Use Mixed Nuts For Milk Lovers</h3><p></p><h2>4. Wild Salmon Will Get Your Brain Functioning Again</h2><p><img alt="" class="alignnone size-full wp-image-77707" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/wildsalmon.jpg" title="wildsalmon" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/jamesrbowe/">James Bowe</a></em></p><p>Salmon is like one of those superfoods that are so full of goodness, that you just do not want to take it off your shopping list ever.</p><p>Have you ever heard of DHA? Probably you have not, unless you are too much into all of this food science thing. Either way, the reason I picked wild salmon as my list&#8217;s number 4 is its richness of DHA.</p><p>Those three letters are a type of Omega-3 fatty acid and this acid is the primary building block of the brain.</p><blockquote><p>DHA cannot be produced by the body, so the only way to get it is from consumption of food like salmon.</p><p>- Elizabeth Somer, M.A., R.D.</p></blockquote><p>That is as much as You should know really, to understand how good this wild fishy, fishy is for you.</p><h3>Eat This: Gordon Ramsay’s Crispy Salmon</h3><p><img alt="" class="alignnone size-full wp-image-77708" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/crispysalmon.jpg" title="crispysalmon" width="570" /></p><p><em>Image by <a href="http://www.youtube.com/watch?v=0cAFkYm3u1Q">Gordon Ramsay</a></em></p><p>Ok, have a break this time and just leave this one to Ramsay, I doubt You could do it better than him anyway.</p><p>But one day you could definitely learn to make this <a href="http://bit.ly/SrVebb">damn good</a> crispy salmon yourself.</p><h3>Not This: Never Ever Try Salmon Soup, Made With Tinned Salmon</h3><p><img alt="" class="alignnone size-full wp-image-77709" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/cannedsalmonsoup.jpg" title="cannedsalmonsoup" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/jeena/">Jenna Paradies</a></em></p><p>There is an old recipe booklet from the 1950s, issued by a famous maker of custard powder. In that booklet you can can find a recipe so disgusting that I wonder if anyone has ever tried to make it.</p><p>The recipe requires you to use  <a href="http://bit.ly/SnOf3P">tinned salmon</a>, two packets of custard powder and milk. And then that is what you are supposed to call a salmon soup.</p><p>I just recommend you to give up on it and make a proper wild salmon soup instead.</p><h3>How Creative Will You Become By Eating Salmon?</h3><p><img alt="" class="alignnone size-full wp-image-77705" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/41.png" title="4" width="570" /></p><p>Want a Website as Great as<a href="http://barcampomaha.org/"> Barcamp Omana 2012</a>?  Eat more Salmon.</p><p>Ouh My, Ouh My, This Just Made My Mouth Water<br /> </p><h2>5. It is Brain Healthy To Have a Couple of Eggs In The Morning</h2><p><img alt="" class="alignnone size-full wp-image-77713" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/coupleofeggs.jpg" title="coupleofeggs" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/75898532@N00/">Flare</a></em></p><p>I honestly do not know a single person who would not like a pair of eggs for their breakfast. But if you are one of them, I am sorry, I shall call you very strange.</p><p>First of all, yolks found in eggs are loaded with choline. And this choline is something amazingly good that helps you sharpen your memory.</p><p>Also, some very <a href="http://bit.ly/SV6XgP">smart Swiss researches</a> say that because eggs are a great source of protein they will improve your overall cognitive performance.</p><blockquote><p>Remember, that if you keep your eggs in a fridge they will last much longer than if you kept them at a room temperature.</p></blockquote><h3>Eat This: Morning Omelette With Cheese, Ham Or Just Anything You Fancy</h3><p><img alt="" class="alignnone size-full wp-image-77714" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/cheeseomelette.jpg" title="cheeseomelette" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/ndrwfgg/">Andrew Dogg</a></em></p><p>Seriously now, does anyone really need cooking lessons to get some morning omelette ready, cooked and served with some cheese or a slice of ham on it?</p><p>I am sure you will be fine with that, if not ask any 3 years old and they will teach you how to do that just the right way.</p><p>The only thing you could practice is how to crack an egg <a href="http://bit.ly/SV8CCN">with one hand</a>.</p><h3>Not This: Apparently Eating Too Much Egg Yolks Is as Bad As&#8230;</h3><p><img alt="" class="alignnone size-full wp-image-77715" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/eggyolk.jpg" title="eggyolk" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/shardayyy/">Shardayyy</a></em></p><p>&#8230;is as bad as smoking. Yes, I know, even I had my jaw dropped.</p><p>As the Western University <a href="http://bit.ly/SVcEuX">researchers found</a> that eating too much egg yolks will raise your risk of heart attacks and strokes.</p><p>It does not matter how young or old you are. You can be 20 or 50, either way too much egg yolks will still cause troubles down the line.</p><h3>How Creative Will You Become By Eating Eggs?</h3><p><img alt="" class="alignnone size-full wp-image-77711" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/5.png" title="5" width="570" /></p><p>Something Like <a href="http://www.ok-studios.de/home/">Ok Studios</a> Website Can Be Created If You Are Regularly Eating Eggs</p><h3>Check Out How Amazing Idiazabal Cheese Egg Is</h3><p></p><h2>6. Coffee Has a Profound Effect On Your Brains</h2><p><img alt="" class="alignnone size-full wp-image-77712" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/coffee.jpg" title="coffee" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/rnddave/">David</a></em></p><p>We all lose the ability to focus now and again. And without a good focus, it is not easy to be as creative as you potentially could be capable of.</p><p>That is why even just a single cup of that tar <em>(people tend to call it coffee)</em> will help you boost your brainpower and stay sharp all the way through your next creative job you will do.</p><p>To make it sound even better, guys from North Dakota School of Medicine and Health Sciences have found that drinking a cup of that dark tar will block the disruptive effects of high cholesterol.</p><p>Which is bloody good, because too much of cholesterol can even lead to Alzheimer&#8217;s disease.</p><blockquote><p>This is the best evidence yet that caffeine equivalent to one cup of coffee a day can help protect the brain against cholesterol.</p><p>- Dr Jonathan Geiger</p></blockquote><h3>Eat This: Start Your Day With Starbucks Dark Roast Coffee</h3><p><img alt="" class="alignnone size-full wp-image-77716" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/starbucscoffee.jpg" title="starbucscoffee" width="570" /></p><p><em>Image by <a href="http://www.youtube.com/watch?v=rOAZS5NoJds">Starbucks</a></em></p><p>If you happen to be constantly on the move and even mornings are kind of rushed, all you got to do is just pop in any closest Starbucks on your way to the office.</p><p>Finally no cooking skills and no time required to boost your brainpower, I guess that was something you were waiting for since you started reading this article.</p><p>By the way, you can even choose from three different types of <a href="http://bit.ly/Q46GLw">Starbucks Dark Roast Coffee.</a></p><h3>Not This: Cold Stone Creamery Lotta Caramel Latte</h3><p><img alt="" class="alignnone size-full wp-image-77719" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/caramellatte.jpg" title="caramellatte" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/jamieanne/">Jamieanna</a></em></p><p>This is just like one of those disaster drinks. Is it a coffee? Or is it a fattening dessert? Let me put it this way &#8211; it is a giant, fattening dessert with coffee flavour to it.</p><p>If you already have had one of those <a href="http://www.coldstonecreamery.com/">Cold Stone Creamery Latte Coffees</a>, then you are done for the day, because it contains nearly a full day’s worth of calories.</p><p>Cold Stone Creamery Lotta caramel Latte contains 1, 530 calories, 85g fat and 161g sugars. Run away now!</p><h3>How Creative Will You Become By Drinking Coffee?</h3><p><img alt="" class="alignnone size-full wp-image-77717" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/6.png" title="6" width="570" /></p><p>Those Creative Web Designers, Who Drink Coffee Make Websites For <a href="http://www.nike.com/jumpman23/aj2012/">Nike</a></p><h3>Real Coffee Lovers Will Appreciate a Cup of Japanese Iced Coffee</h3><p></p><h2>7. Avocado Is Like a Goldmine of Nutrients</h2><p><img alt="" class="alignnone size-full wp-image-77718" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/avocado.jpg" title="avocado" width="525" /></p><p><em>Image by <a href="http://www.flickr.com/people/youasamachine/">You As a Machine</a></em></p><p>I still remember those days, when everyone was talking about how bad avocados are, because of being too fatty. Now, those days are gone, as this green fruit is actually an amazing source of nutrients that will get your brain power sky high again.</p><p>Avocados contain folate, which is very essential for your brain health, as well for good performance levels of your memory.</p><p>Monounsaturated fat (so called healthy fat) found in avocados help your blood flow, which helps your brain cells moving.</p><h3>Eat This: Very Easy To Make Guacamole</h3><p><img alt="" class="alignnone size-full wp-image-77720" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/guacamole.jpg" title="guacamole" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/aloha75/">Sam Howzit</a></em></p><p>Have you already got prepared three avocados, one lime, half of white onion, and some coriander, as well as a tomato and few other things?</p><p>This <a href="http://bit.ly/Q4El82">Ausie Griller</a> will certainly show you how to make a great guacamole with ease.</p><p>Once you have made it, make sure you share your experience with us. I cannot wait to see you with full mouth of guacamole.</p><h3>Not This: Never More Than 5 Avocados</h3><p><img alt="" class="alignnone size-full wp-image-77721" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/manyavocados.jpg" title="manyavocados" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/chrisstreeter/">Chris Streeter</a></em></p><p>From my own experience I can tell you that to eat approximately half an avocado a day would be the golden middle way.</p><p>Why only a half, you wonder? Mainly, because by lowering your daily avocado intake down to half a day you would simply lower your fat intake.</p><p>But there is no reason to worry, because you would still <a href="http://bit.ly/Q4GvEK">get all the goodness</a> found in avocados.</p><h3>How Creative Will You Become By Eating Avocados?</h3><p><img alt="" class="alignnone size-full wp-image-77722" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/7.png" title="7" width="570" /></p><p>Creating a Websites Like <a href="http://camachocigars.com/">Camacho Cigars</a> Will Be Like a Piece Of Cake For Avocado Eaters</p><h3>Easy-Peasy Made Avocado Toast, Yum, Yum, Yum!</h3><p></p><h2>8. Eating Your Broccoli Is An Amazingly Good Idea</h2><p><img alt="" class="alignnone size-full wp-image-77723" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/broccoli.jpg" title="broccoli" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/cyclonebill/">Cyclonebill</a></em></p><p>Be honest now &#8211; how much do you like the taste of broccoli? I personally cannot get enough of it.</p><p>Is there anything else, that tastes as good as broccoli? Is it safe to say, that you think I am mad? Yes it is, because&#8230;</p><p>Because I was just kidding. I am a normal human being, just like you are.</p><p>So, believe me I do not really like the taste of this green plant either.</p><p>But like it or not, broccoli is very, very low in calories, and at the same time packed with plenty of nutrients.</p><blockquote><p>Therefore It is pretty much straight forward &#8211; Do not avoid eating broccoli if you want to boost your brainpower, as simple as that.</p></blockquote><p>Broccoli is exceptionally good for your brain. Period!</p><h3>Eat This: Raw Broccoli Is an Ultimate Powerhouse of Green Nutrients</h3><p><img alt="" class="alignnone size-full wp-image-77724" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/rawbroccoli.jpg" title="rawbroccoli" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/stone-soup/">Jules Stone Soup</a></em></p><p>We all clearly know that broccoli is one of those foods, that every three year olds hate. And of course, presidents are <a href="http://nyti.ms/Q4Kb9s">not fussed on them</a> either.</p><p>But still, in my opinion the best way to eat broccoli is just raw or sometimes steamed. I personally kind of taste more goodness in them if they are still raw (I am a bit weird, I know.)</p><p>The ones, who have understood how amazing broccoli is, will never, ever give up on them.</p><p>I mean &#8211; <a href="http://bit.ly/Q4KnFF">Never</a>!</p><h3>Not This: Broccoli In China Are Full Of Toxins</h3><p><img alt="" class="alignnone size-full wp-image-77725" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/broccolichina.jpg" title="broccolichina" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/drs2biz/">David Schroeter</a></em></p><p>There is something I was not aware myself. I recently read an article about how bad pollution problems they have over in China.</p><p>Apparently the problems are so bad that they are about to face some <a href="http://bit.ly/TlPoED">serious consequences</a> for food production and human health.</p><p>If You really, really cannot stand broccoli and it is your <a href="http://bit.ly/TlPbBn">worst nightmare</a>, just carry on without having them on your shopping list, as there are plenty of healthy brain superfoods for you to consume anyway.</p><h3>How Creative Will You Become By Eating Broccoli?</h3><p><img alt="" class="alignnone size-full wp-image-77726" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/8.png" title="8" width="570" /></p><p>Broccoli-Power Will Make You So Creative, You will Cook Websites Like <a href="http://vaclavkrbusek.com/">Vaclav Krbusek</a></p><h3>Creamy Broccoli Soup Seems To Be Good Too</h3><p></p><h2>9. Eat a Lot More Tomatoes Than You Already Do</h2><p><img alt="" class="alignnone size-full wp-image-77727" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/tomatoes.jpg" title="tomatoes" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/graibeard/">Glen</a></em></p><p>There is another very powerful antioxidant, called lycopene which boosts your brainpower, as well as fights development of dementia, particularly Alzheimer’s.</p><p>And you can get plenty of this lycopene antioxidants just by eating a couple of tomatoes.</p><p>You might have already guessed, that based on that fact even ketchup should be good for your brains and could help you become more creative.</p><blockquote><p>But even though ketchup is considered good for your brains, you should go for a fresh tomato sauce, whenever it is possible.</p></blockquote><h3>Eat This: Grilled Tomatoes With Fresh Tomato Sauce</h3><p><img alt="" class="alignnone size-full wp-image-77728" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/grilledtomatoes.jpg" title="grilledtomatoes" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/wwworks/">Woodley Wonderworks</a></em></p><p>Now it is the right time to get your summer grill out again. While you get your tomatoes grilled, you can also put on some steak to grill, chicken or any other meet.</p><p>Grilled tomatoes are amazing addition to pretty much anything, starting from potatoes, rice, pasta and salad.</p><p>This is one of the most <a href="http://bit.ly/RrFZiD">amazing grilled tomato</a> recipes.</p><h3>Not This: They Say Hunt&#8217;s Tomato Ketchup Is The Worst Ketchup</h3><p><img alt="" class="alignnone size-full wp-image-77729" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/huntsketchup.jpg" title="huntsketchup" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/39718079@N00/">David Blaine</a></em></p><p>Right, so this is a tricky one, just because I have heard that this Hunt’s Tomato Ketchup is rated as <a href="http://bit.ly/Va0O4M">the worst ketchup ever</a>.</p><p>But because I have never, ever tried this ketchup myself, I will not be able to tell you how horribly disgusting it really is.</p><p>I will leave that for you. So if you have a chance, go, but it, try it and share what it was like, if you manage to survive tasting it.</p><h3>How Creative Will You Become By Eating Tomatoes?</h3><p><img alt="" class="alignnone size-full wp-image-77730" height="300" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/9.png" title="9" width="570" /></p><p>Remember To Snack On Tomatoes To Be Able To Make Websites Like <a href="http://www.bryanconnor.com/">Bryan Connor</a></p><h3>Mmmm, Sweet, Sweet Cherry Tomatoes Anyone?</h3><p></p><h2>10. Popeye Will Tell You Everything About Spinach</h2><p><img alt="" class="alignnone size-full wp-image-77731" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/spinach.jpg" title="spinach" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/jasonbachman/">Jason Bachman</a></em></p><p>Do you still remember who is the strongest guy on this planet? Is it the Terminator, maybe Batman, Spiderman or maybe Superman?</p><p>No! All of those guesses are totally wrong.</p><p>The strongest has always been and still is&#8230;</p><p>…Mr. Popeye The Sailor Man. There is no chance <a href="http://bit.ly/SfiHKf">you have forgotten him</a>!</p><p>His favourite superfood has always been spinach, and I am not surprised why.</p><blockquote><p>Spinach is so overloaded with goodness that not only does it boost brainpower, but it also punches cancer right in the face.</p></blockquote><h3>Eat This: Home Grown Spinach Will Always Be The Best Tasting</h3><p><img alt="" class="alignnone size-full wp-image-77732" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/homegrownspinach.jpg" title="homegrownspinach" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/currybet/">Martin Belam</a></em></p><p>Nothing will taste as fresh as <a href="http://www.youtube.com/watch?v=mZkcC50RlCo">home grown spinach</a>. Yes, it might be time consuming process to do that, but after all it will always pay off in the long run.</p><p>Just imagine how amazing it would be to pop out to your garden to get some spinach, without having to go shopping.</p><h3>Not This: Eating Too Much Raw Spinach Can Harm Your Bones</h3><p><img alt="" class="alignnone size-full wp-image-77741" height="300" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/lotsofspinach.jpg" title="lotsofspinach" width="570" /></p><p><em>Image by <a href="http://www.flickr.com/people/gtzecosan/">Susana Secretariat</a></em></p><p>If you consume enough calcium, then there is nothing you should really worried about regards eating too much of raw spinach.</p><p>But if you for some reason happen to be lacking calcium intake, I feel sorry for you<em> (it’s just so easy, drink a glass of milk a day).</em></p><p>Spinach contains <a href="http://bit.ly/W7OYtj">oxalic acid</a>, that binds calcium. You might have a harmful ending, as spinach can take away calcium away from your bones.</p><h3>How Creative Will You Become By Eating Spinach?</h3><p><img alt="" class="alignnone size-full wp-image-77733" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/10.png" title="10" width="570" /></p><p>I Bet Popeye Would Definitely Be Able To Make Websites Like <a href="http://www.glamour.biz/">Glamour</a>, Just Because Of Eating Spinach</p><h3>Spinach Strawberry Salad Is One of My All Time Favourites</h3><p></p><h2>I Bet You Are Tired Of Reading This Long Article</h2><p>In fact, I would not even be surprised if you told me right now, &#8220;James, I have had enough!&#8221;</p><p>Since You made it all the way through my 10 secrets, I am so proud of You that&#8230;</p><p>… that if You promise to take control of your life in your own hands and&#8230;</p><p>&#8230;and become more creative (by doing that you will 100% become more creative)</p><p>I WILL SURPRISE YOU WITH SOME BONUS &#8211; HERE ARE 5 MORE OF MY FAVOURITES !</p><h2><a href="http://www.lendyourleg.org/">Lend Your Leg</a></h2><p><img alt="" class="alignnone size-full wp-image-77735" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/11.png" title="11" width="570" /></p><h2><a href="http://2011.festivalmundo.com.br/">Festival Mundo 2011</a></h2><p><img alt="" class="alignnone size-full wp-image-77736" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/12.png" title="12" width="570" /></p><h2><a href="http://www.wbrettwilson.ca/#/">W. Brett Wilson</a></h2><p><img alt="" class="alignnone size-full wp-image-77737" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/13.png" title="13" width="570" /></p><h2><a href="http://www.formfett.net/">Formfett</a></h2><p><img alt="" class="alignnone size-full wp-image-77738" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/14.png" title="14" width="570" /></p><h2><a href="http://www.putzengel.at/">Putzengel</a></h2><p><img alt="" class="alignnone size-full wp-image-77739" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/15.png" title="15" width="570" /></p><h3>There Is No Conclusion This Time &#8211; Only Reality</h3><p><img alt="" class="alignnone size-full wp-image-77740" height="300" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/conclusion.jpg" title="conclusion" width="570" /></p><p>Image by <a href="http://www.flickr.com/people/runran/">Randy Adams</a></p><p>Reality is harsh, yet bright.</p><p>But bright only for those who realize and accept the shocking fact of today.</p><p>The fact that we are being controlled by food everyday. We eat a lot, but rarely thinking what it is that we put in our mouth.</p><p>From now on my friend you will always remember, that you can become much, much more creative than you are right now, just by eating brainpower boosting superfoods.</p><p>And that is the best way to take the control of Your life in your own hands.</p><p><img alt="" class="alignnone size-full wp-image-77696" height="300" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/question.jpg" title="question" width="570" /></p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=miTVe7aAKlw:z8h_HCHzZGE:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=miTVe7aAKlw:z8h_HCHzZGE:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=miTVe7aAKlw:z8h_HCHzZGE:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=miTVe7aAKlw:z8h_HCHzZGE:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/miTVe7aAKlw" width="1" />

<p>Looking for free HTML/CSS templates that you can use to practice your skills or to convert a WordPress theme? You came to the right place! In this roundup, we have gathered 45 CSS templates from 2011 to present. We know that not everyone has the time to design and code, but there is definitely a growing need for visually appealing templates. How about we expedite the process?</p><p>Visually appealing designs? Check!</p><p>Free and fresh templates? Check!</p><p>What are you waiting for? Read on!</p><p><span id="more-77478"></span></p><h2>What Can HTML/CSS Templates Do?</h2><p>For starters, CSS templates are a thing of beauty, especially when they&#8217;re free, since developers can actually make use of them without having the need to find a designer, or design one. There are a lot of developers out there who do not have the time to design, which applies to designers as well who do not have the time to code their Photoshop files.</p><p>It goes like this:</p><ol><li>Design is made using Photoshop (or other <a href="http://www.1stwebdesigner.com/design/online-photoshop-alternatives-photo-editing/">Photoshop Alternatives</a>)</li><li>File is converted to HTML/CSS</li><li>Developer converts HTML/CSS template into a fully-functional and feature-loaded website</li></ol><p>If you are in a hurry and you don&#8217;t want to spend a lot of time on the design or code, then you&#8217;re in great luck with these CSS templates from 2011 and 2012!</p><p>In the market, things like these cost several hundreds of dollars, so we&#8217;re not only helping you save time researching, we&#8217;re also actually helping you save money!</p><h2>Want to Learn How to Build One?</h2><p>There are a lot of free PSD templates on the web that you can download and try to convert, here is an in-depth PSD template tutorial with its follow-up HTML/CSS conversion.</p><ul><li><a href="http://www.1stwebdesigner.com/tutorials/stylish-design-agency-landing-page-photoshop-tutorial/">Quick and Easy Stylish Design Agency Landing Page In Adobe Photoshop</a></li><li><a href="http://www.1stwebdesigner.com/wordpress/psd-to-html-tutorial-code-photoshop/">PSD to HTML Tutorial: Code a Photoshop File to a Working Website</a></li></ul><p><a href="http://1stwebdesigner.com/demos/burnstudio/"><img alt="" class="alignnone size-full wp-image-77480" height="341" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/burnstudio.jpg" title="burnstudio" width="550" /></a></p><p>Click the image above for the demo.</p><h4>Making things Responsive</h4><p>All of the items listed below aren&#8217;t responsive, they&#8217;re free, so we can&#8217;t expect too much. But you know what? It is more fun this way because you can try to convert one or two into a responsive website.</p><p>We have a guide that is applicable for everything below, all you need to have is patience and passion!</p><p><a href="http://www.1stwebdesigner.com/css/media-queries-tutorial-convert-burnstudio-responsive-website/">Media Queries Tutorial – Convert Burnstudio into a Responsive Website</a></p><p>Just apply what you have learned from the linked tutorial above and you&#8217;ll soon be on the road to becoming a web rockstar!</p><p>So, are you ready?</p><h3>1. Beauty Class</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/1-BeautyClass.jpg" /></p><p><a href="http://www.templatemo.com/templates/templatemo_353_beauty_class/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_353_beauty_class">Download</a></p><h3>2. Good-natured</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/2-GoodNatured.jpg" /></p><p><a href="http://www.freecsstemplates.org/download/zip/goodnatured/">Demo</a> | <a href="http://www.freecsstemplates.org/download/zip/goodnatured/">Download</a></p><h3>3. Rock Castle</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/3-RockCastle.jpg" /></p><p><a href="http://www.freecsstemplates.org/preview/rockcastle/">Demo</a> | <a href="http://www.freecsstemplates.org/download/zip/rockcastle/">Download</a></p><h3>4. Wood Working</h3><p><img alt="" border="0" height="416" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/4-Wood_Working.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.freecsstemplates.org/preview/woodworking/">Demo</a> | <a href="http://www.freecsstemplates.org/download/zip/woodworking/">Download</a></p><h3>5. Designa</h3><p><img alt="" border="0" height="383" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/4-Designa.jpg" style="border: 0px;" width="550" /></p><p><a href="http://sylvainlafitte.com/dev/test/designa/index.html">Demo</a> | <a href="https://dl.dropbox.com/u/26207476/Designa.zip">Download</a></p><h3>6. Folder</h3><p><img alt="" border="0" height="459" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/6-Folder.jpg" style="border: 0px;" width="550" /></p><p><a href="http://luiszuno.com/themes/folder/">Demo</a> | <a href="http://luiszuno.com/blog/downloads/folder-template/">Download</a></p><h3>7. BookStore</h3><p><img alt="" border="0" height="415" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/7-BookStore.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.templatemo.com/templates/templatemo_360_bookstore/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_360_bookstore" target="_blank">Download</a></p><h3>8. Carousel</h3><p><img alt="" border="0" height="408" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/8-Carousel.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.templatemo.com/templates/templatemo_358_carousel/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_358_carousel" target="_blank">Download</a></p><h3>9. Sailing</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/9-Sailing.jpg" /></p><p><a href="http://www.templatemo.com/templates/templatemo_322_sailing/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_321_glossy_box" target="_blank">Download</a></p><h3>10. Glossy Box</h3><p><img alt="" border="0" height="430" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/10-GlossyBox.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.templatemo.com/templates/templatemo_321_glossy_box/">Demo</a> | <a href="http://www.templatemo.com/download/templatemo_321_glossy_box">Download</a></p><h3>11. Liquid</h3><p><img alt="" border="0" height="458" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/11-Liquid.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.templatemo.com/templates/templatemo_293_liquid/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_293_liquid" target="_blank">Download</a></p><h3>12. Musical Instruments</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/12-MusicalInstruments.jpg" /></p><p><a href="http://csscreme.com/freetemplates/musical_instruments/">Demo</a> | <a href="http://csscreme.com/tpsaveas.php?tp=musical_instruments.zip">Download</a></p><h3>13. Darkside</h3><p><img alt="" border="0" height="382" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/13-DarkSide.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.nuviotemplates.com/preview.php?template=darkside-03">Demo</a> | <a href="http://www.nuviotemplates.com/download.php?id=63">Download</a></p><h3>14. Medical Clinic</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/14-Medical_Clinic.jpg" /></p><p><a href="http://csstemplatesmarket.com/freecsstemplates/medical_clinic/index.html">Demo</a> | <a href="http://csstemplatesmarket.com/tpsaveas.php?tp=medical_clinic.zip">Download</a></p><h3>15. Erasure</h3><p><img alt="" border="0" height="428" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/15-Erasure.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.freecsstemplates.org/preview/erasure/">Demo</a> | <a href="http://www.freecsstemplates.org/download/zip/erasure/">Download</a></p><h3>16. BeSmart</h3><p><img alt="" border="0" height="345" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/16-BeSmart.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.free-css.com/assets/files/free-css-templates/preview/page132/besmart/">Demo</a> | <a href="http://www.free-css.com/free-css-templates/page132/besmart" target="_blank">Download</a></p><h3>17. Free Software</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/17-FreeSoftware.jpg" /></p><p><a href="http://csstemplatesmarket.com/freecsstemplates/h_free_software/index.html">Demo</a> | <a href="http://csstemplatesmarket.com/tpsaveas.php?tp=h_free_software.zip">Download</a></p><h3>18. Buzz</h3><p><img alt="" border="0" height="408" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/18-BUZZ.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.free-css.com/assets/files/free-css-templates/preview/page132/buzz/">Demo</a> | <a href="http://www.free-css.com/free-css-templates/page132/buzz" target="_blank">Download</a></p><h3>19. Mini Two</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/19-MiniTwo.jpg" /></p><p><a href="http://www.templatemo.com/templates/templatemo_345_mini_two/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_345_mini_two" target="_blank">Download</a></p><h3>20. Accordion</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/20-Accordion.jpg" /></p><p><a href="http://www.templatemo.com/templates/templatemo_346_accordion/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_346_accordion" target="_blank">Download</a></p><h3>21. Graphite</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/21-Graphite.jpg" /></p><p><a href="http://www.templatemo.com/templates/templatemo_339_graphite/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_339_graphite" target="_blank">Download</a></p><h3>22. Blue Urban</h3><p><img alt="" border="0" height="390" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/22-BlueUrban.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.templatemo.com/templates/templatemo_329_blue_urban/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_329_blue_urban" target="_blank">Download</a></p><h3>23. Briefcase</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/23-Briefcase.jpg" /></p><p><a href="http://www.templatemo.com/templates/templatemo_325_briefcase/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_325_briefcase" target="_blank">Download</a></p><h3>24. Golden Star</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/24-GoldenStar.jpg" /></p><p><a href="http://www.templatemo.com/templates/templatemo_305_golden_star/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_305_golden_star" target="_blank">Download</a></p><h3>25. Light Gray</h3><p><img alt="" border="0" height="431" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/25-LightGray.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.templatemo.com/templates/templatemo_304_light_gray/">Demo</a> | <a href="http://www.templatemo.com/preview/templatemo_304_light_gray" target="_blank">Download</a></p><h3>26. Zoo</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/26-Zoo.jpg" /></p><p><a href="http://www.freewebsitetemplates.com/preview/zootemplate/">Demo</a> | <a href="http://www.freewebsitetemplates.com/download/zootemplate/">Download</a></p><h3>27. Dark Pro</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/27-DarkPro.jpg" /></p><p><a href="http://www.free-css.com/assets/files/free-css-templates/preview/page130/dark-pro/">Demo</a> | <a href="http://www.free-css.com/free-css-templates/page130/dark-pro" target="_blank">Download</a></p><h3>28. Calliope</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/28-Calliope.jpg" /></p><p><a href="http://www.free-css.com/assets/files/free-css-templates/preview/page131/calliope/">Demo</a> | <a href="http://www.free-css.com/free-css-templates/page131/calliope" target="_blank">Download</a></p><h3>29. Xtreme</h3><p><img alt="" border="0" height="497" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/29-Xtreme.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.free-css.com/assets/files/free-css-templates/preview/page130/xtreme/">Demo</a> | <a href="http://www.free-css.com/free-css-templates/page130/xtreme" target="_blank">Download</a></p><h3>30. Halcyonic</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/30-Halcyonic.jpg" /></p><p><a href="http://templated.org/freecsstemplates/halcyonic-4332924433324311/demo-f9a21da1d8a4b6ca0c9752f3fac72de2907ba1722c198af114fa29b3f4a2ca9e50833ddc4a231a4e68d7bf071635e54a650f42db48ee8a5c66161300414e0406/">Demo</a> | <a href="http://templated.org/freecsstemplates/halcyonic-4332924433324311/dl-3b4f354c2b5a117d7a5952d12b9da3d799f0c0f6dc96c97f7c553abea04a21d938b043ae1baa47ac1e9f370c529694fd2cbc9e17f72066f43e51e6383650f4c0/">Download</a></p><h3>31. Stargazer</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/31-Stargazer.jpg" /></p><p><a href="http://templated.org/freecsstemplates/stargazer-6563164013324314/demo-f28ae413d8402435e4965ddbdb3d2662a89dcc09a06f26dc08f38425ddd2cd4735c6679868340edef3db0d5b501f397422ab0b38b95399b688e1c098b8c89061/">Demo</a> | <a href="http://templated.org/freecsstemplates/stargazer-6563164013324314/dl-00fb67947f72a5ed41aaa6ef3272b4895126f507a690e5dbd59610b119995f502a234b15cf0ab5566000e3962174a34793f8725e545a4feb34f5c0cc2e728937/">Download</a></p><h3>32. Indication</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/32-Indication.jpg" /></p><p><a href="http://templated.org/freecsstemplates/indication-8256045213324315/demo-44e6ac075ad4d1a6e36eb5c6708186e37c5765906c5ca31549a91cb1c9f84d8c835a162342673dfc02430b825bd484d2d198bdafceb71ed74f070f2a1816d5bc/">Demo</a> | <a href="http://templated.org/freecsstemplates/indication-8256045213324315/dl-c6bc432a595bcb81b55e33959012213c85f759809deda826d02f86e8223ca980d414085d0a870d9b08e2abd49e8be8c3cb67060db2365b2df0326a7101439f81/">Download</a></p><h3>33. Elegant Blue</h3><p><img alt="" border="0" height="349" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/33-ElegantBlue.jpg" style="border: 0px;" width="550" /></p><p><a href="http://templated.org/freecsstemplates/elegantblue-2683206313324317/demo-97fc37fafcbd116d405bd5e980948dfbc98e1d87a4695b0f44b23b97a762f25b895587b2ec806674f3a8528a9e58289567db2e2f1ae2c82b76a2563a68e9ae38/">Demo</a> | <a href="http://templated.org/freecsstemplates/elegantblue-2683206313324317/dl-d23cd8f6d156c7c576f1051508367c0c1b883c1125375f3160812070adac1a9ba939e347cb4266000a4a2c0734f6871a86534b091806cd59b135c9e4800a1a73/">Download</a></p><h3>34. Design Company</h3><h3><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/34-DesignCompany.jpg" /></h3><p><a href="http://www.freecss.in/free-template/preview/design_company">Demo</a> | <a href="http://www.freecss.in/free-template/download/design_company">Download</a></p><h3>35. Free Hosting</h3><p><img alt="" border="0" height="379" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/36-FreeHosting.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.freecss.in/free-template/preview/free_hosting">Demo</a> | <a href="http://www.freecss.in/free-template/download/free_hosting">Download</a></p><h3>36. Cardex</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/36-Cardex.jpg" /></p><p><a href="http://www.freecss.in/free-template/preview/cardex">Demo</a> | <a href="http://www.freecss.in/free-template/download/cardex">Download</a></p><h3>37. Under Construction</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/37-UnderConstruction.jpg" /></p><p><a href="http://www.freecss.in/free-template/preview/uder_construction">Demo </a>| <a href="http://www.freecss.in/free-template/download/uder_construction">Download</a></p><h3>38. Blog Design</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/38-Blog_Design.jpg" /></p><p><a href="http://www.freecss.in/free-template/preview/blog_design">Demo</a> | <a href="http://www.freecss.in/free-template/download/blog_design">Download</a></p><h3>39. Agro World</h3><p><img alt="" border="0" height="400" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/39-Agro_World.jpg" style="border: 0px;" width="550" /></p><p><a href="http://www.freecss.in/free-template/preview/agro_world">Demo</a> | <a href="http://www.freecss.in/free-template/download/agro_world">Download</a></p><h3>40. Wooden Wall</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/40-WoodenWall.jpg" /></p><p><a href="http://www.freecss.in/free-template/preview/woodenwall">Demo</a> | <a href="http://www.freecss.in/free-template/download/woodenwall">Download</a></p><h3>41. Sound Box</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/41-SoundBox.jpg" /></p><p><a href="http://www.freecss.in/free-template/preview/sound_box">Demo</a> | <a href="http://www.freecss.in/free-template/download/sound_box">Download</a></p><h3>42. Professional</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/42-Professional.jpg" /></p><p><a href="http://www.freecss.in/free-template/preview/professional">Demo</a> | <a href="http://www.freecss.in/free-template/download/professional">Download</a></p><h3>43. Fruit Art</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/43-FruitArt.jpg" /></p><p><a href="http://www.freecss.in/free-template/preview/fruit_art">Demo</a> | <a href="http://www.freecss.in/free-template/download/fruit_art">Download</a></p><h3>44. Design Team</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/44-DesignTeam.jpg" /></p><p><a href="http://www.freecss.in/free-template/preview/design_team">Demo</a> | <a href="http://www.freecss.in/free-template/download/design_team">Download</a></p><h3>45. Design Studio</h3><p><img alt="45 High-Quality Free HTML/CSS Templates from 2011 and 2012" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/45-DesignStudio.jpg" /></p><p><a href="http://www.freecss.in/free-template/preview/design_studio">Demo</a> | <a href="http://www.freecss.in/free-template/download/design_studio">Download</a></p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=56jzduTR4XE:SjzBSIJn4VM:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=56jzduTR4XE:SjzBSIJn4VM:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=56jzduTR4XE:SjzBSIJn4VM:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=56jzduTR4XE:SjzBSIJn4VM:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/56jzduTR4XE" width="1" />

<p>Sliders are a common component used in website design and for various purposes. We can create image, content, or video sliders using  jQuery. jQuery is the most popular JavaScript framework used for these sliders. A lot of jQuery sliders can be categorized based on the techniques used for sliding. The following are some common and trending techniques used by developers.</p><ul><li><strong>Layered Sliders</strong> &#8211; This is the latest addition to sliders with parallax effect.</li><li><strong>Fade In/Out Sliders</strong> &#8211; These types of sliders do not have controls. Content just fades away one by one.</li><li><strong>Banner Rotators</strong> &#8211; These sliders rotate in a circular path.</li></ul><p>There are many other types of techniques as well. Each type of slider is suited for a different purpose and location on your website. Hence the designer has to carefully choose sliders for different locations.</p><p><span id="more-76686"></span></p><p>Even on our personal sites we create sliders with large dimensions to show products, sliders for displaying our project portfolio and small sliders to display featured or popular posts on a blog. So there is every chance that we might include more than one slider in a website. In the next section I&#8217;ll explain why multiple sliders can be a real pain for a designer or developer.</p><h3 style="text-align: center;"><a href="http://www.innovativephp.com/demo/jquery-custom-slider-designs.zip" target="_blank">Zip File Download</a></h3><h2>Disadvantages of Using Multiple jQuery Sliders</h2><p>As I mentioned earlier, different sliders provides different effects and different layouts. Web designers will be prompted to include the slider with best effects for different locations. There are many drawbacks to using multiple different sliders on a single web page.</p><ul><li>Each slider will have a set of script and CSS files. Increasing the number of scripts and CSS files will slow your site loading time, which will affect SEO.</li><li>Different sliders may require different versions of jQuery. Hence jQuery files will be duplicated.</li><li>It&#8217;s possible to have conflicts in codes with other sliders.</li></ul><p>Considering the above points, it&#8217;s better to use one slider throughout your website. It&#8217;s possible to create different designs and features using the same slider. All you have to do is pick a flexible slider and have some knowledge of jQuery and CSS to customize it. I&#8217;ll be using Rhino Slider throughout this tutorial since it is one of the most flexible sliders available.</p><h2>Introduction to Rhino Slider</h2><p>Rhino Slider is a jQuery Slider dual licensed under the MIT or GPL Version 2 licenses. You can download and get more information <a href="http://rhinoslider.com/license/">here</a>. Following image shows the default view of Rhino Slider.</p><p><img alt="Rhino Slider Default View" class="size-full wp-image-76781 alignnone" height="254" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/Rhino-Slider-Default-View.png" title="Rhino Slider Default View" width="570" /></p><p>I have explained the Rhino Slider components and how it can be used in my tutorial <a href="http://www.1stwebdesigner.com/css/create-multi-step-form-rhinoslider/"><strong>How to Create a Multi-Step Form Using RhinoSlider</strong></a>. You can use it to get a better understanding about how it works. In this tutorial I&#8217;ll be explaining how to create different layouts and different functionality with a single slider.</p><h2>Designing Custom Navigation for the Slider</h2><p>Navigation is one important part of a slider. Even though sliders can be created to slide automatically in specified intervals, its preferable to provide controls for the user to go through them at their own speed. Generally <em>Next</em> and <em>Previous</em> buttons are provided in most sliders. Rhino Slider, which I am using for this tutorial, contains a numbered navigation similar to pagination.</p><p>We can create different designs for navigation pretty quickly and make the slider look completely different. I&#8217;ll show you how to change the basic styles of navigation. So lets get started.</p><p><strong>Identifying Control Buttons</strong></p><p>There are 3 navigation buttons in Rhino Slider for Previous Slide, Next Slide and Pagination. These components are provided with specific CSS classes so that we can identify them easily.</p><p>Previous Slide &#8211; rhino-prev<br /> Next Slide &#8211; rhino-next<br /> Pagination &#8211; rhino-bullets</p><p>Now, have a quick look at the image below to get an idea about how we are going to change the design.</p><p><img alt="Custom Navigation for Slider" class="size-full wp-image-77067 alignnone" height="283" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/Custom-Navigation-for-Slider.png" title="Custom Navigation for Slider" width="570" /></p><h3 style="text-align: center;"><a href="http://www.1stwebdesigner.com/demos/jquery-custom-slider/navigation-slider/">Demo</a></h3><p><strong><br /> Step 1 &#8211; Designing Prev/Next Controls</strong></p><p>As you can see, prev and next buttons are given different images to the original one with black background. Also, positioning of the controls has been changed to show them in the middle instead of bottom. So let&#8217;s discuss the necessary changes to main CSS file.</p><pre class="brush: css; title: ; notranslate"> .rhino-btn { background:url(../img/rhinoslider-sprite.png) 0 0 no-repeat; z-index:10; display:block; text-indent:-999%; -webkit-user-select:none; -moz-user-select:none; user-select:none; /* Modified Styles */ width:30px; height:25px; } .rhino-prev, .rhino-next {/* Modified Styles */ bottom:150px; } .rhino-prev { /* Modified Styles */ background: url(&quot;../img/prev-arrow.png&quot;) no-repeat scroll 13px 10px #000000; padding: 10px 5px; left : -45px; } .rhino-next { /* Modified Styles */ background: url(&quot;../img/next-arrow.png&quot;) no-repeat scroll 15px 10px #000000; padding: 10px 5px; right:-45px; } .rhino-prev:hover { /* Modified Styles */} .rhino-next:hover { /* Modified Styles */} .rhino-bullets:before, .rhino-bullets:after { position:absolute; display:block; left:-16px; content:' '; width:16px; height:26px; /* Removed Style */ /* background:url(../img/rhinoslider-sprite.png) -224px 0 no-repeat; */ } .rhino-bullets { position: absolute; bottom: -3px; margin:0 0 0 -50px; z-index: 10; background: #fff; padding:0; /* Modified Styles */ left: 45%; } .rhino-bullets li { float:left; display:inline; /* Modified Styles */ padding:10px; background :#000; /*margin:0 2px;*/ } .rhino-bullets li a.rhino-bullet { display: block; width: 16px; cursor: pointer; background: white; font-size: 10px; text-align: center; padding: 6px 0 5px 0; color: #333; text-decoration:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; /* Modified Styles */ background:url(&quot;../img/pagination.png&quot;) repeat scroll 0 0 #0C1C28; height: 3px; } .rhino-bullets li a.rhino-bullet:hover, .rhino-bullets li a.rhino-bullet:focus { color:#999; /* Removed Style */ /* background:#eee; */ } .rhino-bullets li a.rhino-bullet.rhino-active-bullet { color:#fff; /* Removed Style */ /* background:#5cd4e8; */ /* Modified Style */ background-position:0px -14px; } </pre><p>Once you apply these styles, the slider will change its look to the design provided in the image. I have mentioned the styles which have been changed to achieve the new design. Now you can see how easy it is to create new designs.</p><h2>Designing Preview Images for Slider</h2><p>In the previous section, I explained how to use navigation controls and customize the layout. In this section we&#8217;ll try a bit of more advanced code to show preview images of the slider in place of navigation numbers. We will be using a combination of CSS and jQuery for this section.</p><h3 style="text-align: center;"><a href="http://www.1stwebdesigner.com/demos/jquery-custom-slider/image-preview-slider/" target="_blank">Demo</a></h3><p>So we have to remove the circular image used for pagination and increase the dimensions of navigation bullets to show the preview image. Let&#8217;s take a look at the CSS code first. All the changes from the original CSS file can be found in code comments.</p><pre class="brush: css; title: ; notranslate"> .rhino-bullets { position: absolute; bottom: -3px; z-index: 10; background: #fff; padding:0; /* Modified Styles */ bottom: -70px; /* Removed Styles left: 45%; margin: 0 0 0 -50px; */ } .rhino-bullets li { float:left; display:inline; /* Modified Styles */ padding:1px; background :#000; /*margin:0 2px;*/ } .rhino-bullets li a.rhino-bullet { display: block; cursor: pointer; background: white; font-size: 10px; text-align: center; padding: 6px 0 5px 0; color: #333; text-decoration:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; /* Modified Styles */ height: 55px; width: 102px; padding: 0; border:5px solid #eee; /* Removed Styles background:url(&quot;../img/pagination.png&quot;) repeat scroll 0 0 #0C1C28; */ } img{ max-width:100%; } </pre><p>Once you apply the above CSS code the preview will look like the following.</p><p><img alt="Slider Before Preview Images" class="size-full wp-image-77071 alignnone" height="334" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/Slider-Before-Preview-Images.png" title="Slider Before Preview Images" width="570" /></p><p>Let&#8217;s play with some jQuery code to generate the preview images in place of numbers in bullets.</p><pre class="brush: jscript; title: ; notranslate"> $('#slider li').each(function(){ var image_src = $(this).find(&quot;img&quot;).attr(&quot;src&quot;); var panel_id = $(this).attr(&quot;id&quot;); $('.rhino-bullets li').find(&quot;#&quot;+panel_id+&quot;-bullet&quot;).html(&quot;&lt;img src='&quot;+image_src+&quot;' /&gt;&quot;); }); </pre><ul><li>First we traverse through all the li elements inside slider using jQuery each function.</li><li>You may have noted that li elements for slider images have the ID as rhino-item0,rhino-item1 etc., and the respective pagination bullet as rhino-item0-bullet, rhino-item1-bullet.</li><li>So we get the image src using the src attribute and get the ID of li elements above the image.</li><li>Then we find the respective bullet not using the ID and assign the image to the preview section.</li></ul><p>Now you will be able to see the preview images as shown in the screen below.</p><p><img alt="Slider After Preview Images" class="size-full wp-image-77075 alignnone" height="323" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/Slider-After-Preview-Images.png" title="Slider After Preview Images" width="570" /></p><p>You can see how easy it is to change the designs and functions. Previewing images like this is not the most optimized way since it scales images. But its very useful in certain situations.</p><h2>Slider with Vertical Tabs</h2><p>Lets see how we can convert the default slider into a slider with tabbed navigation on the left side. You can take a look at the final output of this section using the following screen.</p><p><img alt="Slider with Tabs" class="size-full wp-image-77122 alignnone" height="242" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/Slider-with-Tabs.png" title="Slider with Tabs" width="570" /></p><h3 style="text-align: center;"><a href="http://www.1stwebdesigner.com/demos/jquery-custom-slider/tab-slider" target="_blank">Demo</a></h3><p>The following is the necessary changes you need to make to the default CSS file in order to customize the design.</p><pre class="brush: css; title: ; notranslate"> .rhino-bullets { background: none repeat scroll 0 0 #FFFFFF; left: -136px; margin: 0 0 0 -50px; padding: 0; position: absolute; z-index: 10; /* Removed Styles bottom: -3px; */ /* Added Styles */ top: -3px; border:1px solid #A7A5A5; } .rhino-bullets:before, .rhino-bullets:after { position:absolute; display:block; left:-16px; content:' '; width:16px; height:26px; /* Removed Styles background:url(../img/rhinoslider-sprite.png) -224px 0 no-repeat; */ } .rhino-bullets li { margin: 0 2px; /* Modified Styles */ display: block; border-bottom: 1px solid #eee; /* Removed Styles float: left;*/ } .rhino-bullets li a.rhino-bullet { -moz-user-select: none; background: none repeat scroll 0 0 white; color: #333333; cursor: pointer; display: block; font-size: 10px; text-align: center; text-decoration: none; /* Modified Styles */ height: 50px; padding: 5px; width: 170px; } .rhino-bullets li img{ width:75px; height: 50px; float: left; } .rhino-bullets li p{ font-family: helvetica; font-size: 12px; font-weight: bold; } </pre><p>Apart from the thumbnail images we can also add a short title or caption in front of the header. You have to define the captions in a JavaScript array as shown in the code below.</p><pre class="brush: jscript; title: ; notranslate"> var info = [&quot;Image Tagging&quot;,&quot;Rhino Slider&quot;,&quot;Tweet Book&quot;,&quot;Reward Tweet&quot;,&quot;Sliding Menu&quot;]; $('#slider li').each(function(index){ var image_src = $(this).find(&quot;img&quot;).attr(&quot;src&quot;); var panel_id = $(this).attr(&quot;id&quot;); $('.rhino-bullets li').find(&quot;#&quot;+panel_id+&quot;-bullet&quot;).html(&quot;&lt;img src='&quot;+image_src+&quot;' /&gt;&lt;p&gt;&quot;+info[index]+&quot;&lt;/p&gt;&quot;); }); </pre><p>I have added the caption using the JavaScript array while traversing through pagination bullets.</p><h2>How to Use the Designs in Single Page</h2><p>In the previous 3 sections I showed you how to create different designs and functionality using the same slider. We changed the main CSS file of the Rhino Slider, but when we use more than one slider inside a single page we cannot change style the way we just did. So we have to find alternative methods to specify different styles for same classes and elements.</p><h3 style="text-align: center;"><a href="http://www.1stwebdesigner.com/demos/jquery-custom-slider/multiple-sliders" target="_blank">Demo</a></h3><p>First we have to provide different IDs for slider containers as shown below and initialize the Rhino Slider separately.</p><pre class="brush: xml; title: ; notranslate"> &lt;ul id=&quot;slider1&quot; class=&quot;slider&quot;&gt; &lt;li&gt;&lt;img src=&quot;img/slider/1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src=&quot;img/slider/2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src=&quot;img/slider/3.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src=&quot;img/slider/4.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src=&quot;img/slider/5.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;/ul&gt; &lt;ul id=&quot;slider2&quot; class=&quot;slider&quot;&gt; &lt;li&gt;&lt;img src=&quot;img/slider/4.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src=&quot;img/slider/5.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src=&quot;img/slider/1.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src=&quot;img/slider/2.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;li&gt;&lt;img src=&quot;img/slider/3.jpg&quot; alt=&quot;&quot; /&gt;&lt;/li&gt; &lt;/ul&gt; </pre><p>Then we have to assign a unique class to the bullet navigation list of each slider container. The following jQuery code will add the class to the navigation bullets.</p><pre class="brush: jscript; title: ; notranslate"> $('#slider1').parent().addClass(&quot;slider1&quot;); $('#slider2').parent().addClass(&quot;slider2&quot;); </pre><p>Each design will have its own styles for each class. So prefix all the modified styles with the class relative to the slider. Consider the following example.</p><pre class="brush: css; title: ; notranslate"> .slider1 .rhino-bullets { position: absolute; bottom: -3px; z-index: 10; background: #fff; padding:0; /* Modified Styles */ bottom: -70px; /* Removed Styles left: 45%; margin: 0 0 0 -50px; */ } .slider2 .rhino-bullets { position: absolute; bottom: -3px; margin:0 0 0 -50px; z-index: 10; background: #fff; padding:0; /* Modified Styles */ left: 45%; } </pre><p>In the above example 2 sliders have different styles for the <strong>rhino-bullets</strong> class. So prefix it with your slider class. Follow the same process for every other styles which is not common to all sliders.</p><p>So we have created a few slider designs and learned how to customize a slider. It&#8217;s time for you to create your own customized design for the slider. All are welcome to share links or images to your customized version of Rhino Slider.</p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=AKB8ivWBi4s:6GeF5HksWJw:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=AKB8ivWBi4s:6GeF5HksWJw:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=AKB8ivWBi4s:6GeF5HksWJw:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=AKB8ivWBi4s:6GeF5HksWJw:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/AKB8ivWBi4s" width="1" />

<p>In this collection, we are presenting some handy and useful smartphone UI Kit PSDs that you can download for free. With these mobile user interface kits, designers can enhance their creations and make their mobile user interfaces look more interesting and appealing.</p><p>Using these kits, you can design visually interactive and appealing user interfaces. All these kits are available in PSD format for easy modification. <span id="more-77317"></span></p><p><strong>Note:</strong> Although all these UI Kits are free to use, we suggest you read the license agreements carefully before using them for commercial purposes.</p><h3>1. <a href="http://medialoot.com/item/surface-iphone-ui-kit-1/" target="blank">Surface iPhone UI Kit</a></h3><p><img alt="Surface iPhone UI Kit" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile42.jpg" width="570" /></p><h3>2. <a href="http://freeuikits.com/free-psd-iphone-ios-6-gui-psd/" target="blank">iPhone iOS 6 GUI PSD</a></h3><p><img alt="iPhone iOS 6 GUI PSD" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile48.jpg" width="570" /></p><h3>3. <a href="http://365psd.com/day/3-110/" target="blank">iPhone UI</a></h3><p><img alt="iPhone UI" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile53.jpg" width="570" /></p><h3>4. <a href="http://freeuikits.com/free-psd-official-android-4-0-ui-downloads/" target="blank">Official Android 4.0 UI Downloads</a></h3><p><img alt="Official Android 4.0 UI Downloads" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile26.jpg" width="570" /></p><h3>5. <a href="http://www.teehanlax.com/blog/iphone-gui-psd-v4/" target="blank">iPhone GUI PSD Version 4</a></h3><p><img alt="iPhone GUI PSD Version 4" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile2.jpg" width="570" /></p><h3>6. <a href="http://www.teehanlax.com/blog/ios-6-gui-psd-iphone-5/" target="blank">iOS 6 GUI PSD (iPhone 5)</a></h3><p><img alt="iOS 6 GUI PSD (iPhone 5)" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile58.jpg" width="570" /></p><h3>7. <a href="http://livven.me/psds/htc-mondrian-windows-phone-7-concept-psd/" target="blank">HTC Mondrian Concept PSD</a></h3><p><img alt="HTC Mondrian Concept PSD" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile32.jpg" width="570" /></p><h3>8. <a href="http://thiago-silva.deviantart.com/art/Android-2-2-GUI-171047600" target="blank">Android 2.2 GUI</a></h3><p><img alt="Android 2.2 GUI" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile15.jpg" width="570" /></p><h3>9. <a href="http://freeuikits.com/free-psd-passbook-ui-psd-from-ios6/" target="blank">Passbook UI PSD from iOS6</a></h3><p><img alt="Passbook UI PSD from iOS6" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile47.jpg" width="570" /></p><h3>10. <a href="http://www.teehanlax.com/downloads/ios-5-gui-psd-iphone-4s/" target="blank">iOS 5 GUI PSD (iPhone 4S)</a></h3><p><img alt="iOS 5 GUI PSD" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile41.jpg" width="570" /></p><h3>11. <a href="http://www.teehanlax.com/downloads/android-gui-psd-high-density/" target="blank">Android GUI PSD (High-Density)</a></h3><p><img alt="Android GUI PSD (High-Density)" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile46.jpg" width="570" /></p><h3>12. <a href="http://freeuikits.com/free-psd-app-view-mobile-ui-psd/" target="blank">App View Mobile UI PSD</a></h3><p><img alt="App View Mobile UI PSD" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile49.jpg" width="570" /></p><h3>13. <a href="http://medialoot.com/item/free-iphone-app-template-appview/" target="blank">iPhone App UI Theme</a></h3><p><img alt="iPhone App UI Theme" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile44.jpg" width="570" /></p><h3>14. <a href="http://medialoot.com/item/fresh-iphone-ui-kit/" target="blank">Fresh iPhone UI Kit</a></h3><p><img alt="Fresh iPhone UI Kit" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile45.jpg" width="570" /></p><h3>15. <a href="http://365psd.com/day/3-62/" target="blank">iPhone Camera App UI</a></h3><p><img alt="iPhone Camera App UI" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile54.jpg" width="570" /></p><h3>16. <a href="http://www.webdesignshock.com/free-photoshop-android-interface-gui/" target="blank">Photoshop Android GUI Set</a></h3><p><img alt="Photoshop Android GUI Set (.psd &amp; .png)" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile40.jpg" width="570" /></p><h3>17. <a href="http://www.smashingmagazine.com/2009/08/18/android-gui-psd-vector-kit/" target="blank">Android GUI PSD Vector Kit</a></h3><p><img alt="Android GUI PSD Vector Kit" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile51.jpg" width="570" /></p><h3>18. <a href="http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/" target="blank">iPad GUI PSD</a></h3><p><img alt="iPad GUI PSD" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile52.jpg" width="570" /></p><h3>19. <a href="http://365psd.com/day/308/" target="blank">iPhone 4 GUI PSD</a></h3><p><img alt="iPhone 4 GUI PSD" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile56.jpg" width="570" /></p><h3>20. <a href="http://365psd.com/day/234/" target="blank">iPhone App PSD</a></h3><p><img alt="iPhone App PSD" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile57.jpg" width="570" /></p><h3>21. <a href="http://www.teehanlax.com/blog/iphone-4-gui-psd-retina-display/" target="blank">iPhone 4 GUI PSD (Retina Display)</a></h3><p><img alt="iPhone 4 GUI PSD (Retina Display)" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile1.jpg" width="570" /></p><h3>22. <a href="http://designerstoolbox.com/designresources/iphone/" target="blank">iPhone GUI Elements</a></h3><p><img alt="iPhone GUI Elements" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile4.jpg" width="570" /></p><h3>23. <a href="http://www.mercuryintermedia.com/blog/index.php/2009/03/iphone-ui-vector-elements" target="blank">iPhone UI Vector Elements</a></h3><p><img alt="iPhone UI Vector Elements" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile5.jpg" width="570" /></p><h3>24. <a href="http://fantasy-apps.deviantart.com/gallery/#/d2r7sus" target="blank">iPhone UI Kits Light Remake</a></h3><p><img alt="iPhone UIKits light remake" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile7.jpg" width="570" /></p><h3>25. <a href="http://graffletopia.com/stencils/413" target="blank">Ultimate iPhone Stencil</a></h3><p><img alt="Ultimate iPhone Stencil" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile9.jpg" width="570" /></p><h3>26. <a href="http://unitid.nl/2009/11/fireworks-template-for-android/" target="blank">Fireworks Template for Android</a></h3><p><img alt="Fireworks template for Android" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile13.jpg" width="570" /></p><h3>27. <a href="http://bharathp666.deviantart.com/art/Android-Widgets-182178250" target="blank">Android: Widgets</a></h3><p><img alt="Android: Widgets" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile16.jpg" width="570" /></p><h3>28. <a href="http://mobile-developer.ru/maemo/vse-elementy-maemo-5-gui-v-psd/" target="blank">All Elements of Maemo 5 GUI in PSD</a></h3><p><img alt="All elements of Maemo 5 GUI in PSD" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile21.jpg" width="570" /></p><h3>29. <a href="http://www.teehanlax.com/blog/palm-pre-gui-psd/" target="blank">Palm Pre GUI PSD</a></h3><p><img alt="Palm Pre GUI PSD" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile22.jpg" width="570" /></p><h3>30. <a href="http://graffletopia.com/stencils/495" target="blank">iPhone 3G Stencil</a></h3><p><img alt="iPhone 3G Stencil" border="0" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile25.jpg" width="570" /></p><h3>31. <a href="http://designmoo.com/12694/ios-5-gui-psd/" target="blank">iOS 5 GUI PSD</a></h3><p><img alt="iOS 5 GUI PSD" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile28.jpg" width="570" /></p><h3>32. <a href="http://softarea.deviantart.com/art/Music-UI-Kit-For-Web-and-Mobile-Phones-PSD-320027605" target="blank">Music UI Kit For Web and Mobile Phones (PSD)</a></h3><p><img alt="Music UI Kit For Web and Mobile Phones (PSD)" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile31.jpg" width="570" /></p><h3>33. <a href="http://mobile.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/" target="blank">iPhone PSD Vector Kit</a></h3><p><img alt="iPhone PSD Vector Kit" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile34.jpg" width="570" /></p><h3>34. <a href="http://dribbble.com/shots/631200-Freebies-Mobile-and-Web-UI-Kit" target="blank">Mobile and Web UI Kit</a></h3><p><img alt="Mobile and Web UI Kit" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile36.jpg" width="570" /></p><h2>Mobile Wireframes</h2><h3>35. <a href="http://www.zurb.com/article/608/full-set-of-stencils-for-sketching-iphone" target="blank">Full Set of Stencils for Sketching iPhone &amp; Android</a></h3><p><img alt="Full Set of Stencils for Sketching iPhone, iPad &amp; Android" border="0" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile35.jpg" width="570" /></p><h3>36. <a href="http://fullofdesign.com/posts/iphone-app-wireframe-template/" target="blank">iPhone App Wireframe Template</a></h3><p><img alt="iPhone App Wireframe Template" border="0" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile8.jpg" width="570" /></p><h3>37. <a href="http://graffletopia.com/stencils/630" target="blank">Android 1.6 Wireframe Stencil for Omnigraffle</a></h3><p><img alt="Android 1.6 Wireframe stencil for Omnigraffle" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile11.jpg" width="570" /></p><h3>38. <a href="http://www.usercentred.net/2010/06/28/illustrator-template-for-iphone-design/" target="blank">Template for iPhone Design</a></h3><p><img alt="template for iPhone design" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile12.jpg" width="570" /></p><h3>39. <a href="http://graffletopia.com/stencils/578" target="blank">Android Sketch Stencil Version 1.0</a></h3><p><img alt="Android Sketch Stencil Version 1.0" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile14.jpg" width="570" /></p><h3>40. <a href="http://www.eleqtriq.com/2010/08/sqetch-wireframe-toolkit/" target="blank">HTC HD2 Smartphone Vector</a></h3><p><img alt="HTC HD2 Smartphone Vector (.psd)" border="0" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/uikitsformobile17.jpg" width="570" /></p><p><strong></strong>Browse through this collection and feel free to download as many as you like. Do let us know what you think of this collection using the comment section below. Enjoy!</p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=8BNZ6rPlOWY:NOSBKIfp9BU:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=8BNZ6rPlOWY:NOSBKIfp9BU:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=8BNZ6rPlOWY:NOSBKIfp9BU:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=8BNZ6rPlOWY:NOSBKIfp9BU:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/8BNZ6rPlOWY" width="1" />

<p>There can be many reasons to stick to deviantART (dA) &#8212; the biggest art community and a basic step for a design newcomer. At the same time none of these reasons should prevent you from participating in other professional networks and showcasing your skills.</p><p>Founded twelve years ago, today deviantART has the widest art-loving audience. However, lately there is an opinion that deviantART is overcrowded with work which can only be called “art” by a long stretch of imagination. So many men, so many censures! Anyway, like it or not, dA is a wonderful art community, but at the same time, it helps to be part of other art networks as well.</p><p>Today, we will take a look at seven major art communities and deviantART alternatives for aspiring designers and creative artists. <span id="more-77282"></span></p><h2>7 deviantART Alternatives:</h2><h3>1. <a href="http://www.behance.net">Behance</a></h3><p><img alt="" class="alignnone size-full wp-image-77283" height="400" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/1-Behance.jpg" title="Behance" width="500" /></p><p>Unlike deviantART, Behance is built for those who work with art professionally, doing it for a living or as a very serious hobby. Due to the strict rules and high standards, Behance tends to be an upper-level professional network.</p><p>The website looks intuitive and well-organized: works are divided into groups, categories, and even countries. You can circle your friends or teammates according to the interests, professional level or the project you are working on together. If you are looking for a standout feature here, take a look at the job board and interaction system. On Behance, artists get a consistent portfolio system to show the workflow and project progress in steps. Although a large number of famous names may scare the beginners, Behance is probably the only place where you can share your experience and knowledge with artists and designers and get professional feedback.</p><ul><li><strong>Categories</strong>: Web and interface design, typography, typeface, graphics, industrial and interaction design, etc.</li><li><strong>Job board</strong>: Yes, very active.</li><li><strong>Pro account</strong>: Not exactly. Behance ProSite for publishing portfolio websites starts from $11/month.</li></ul><h3>2. <a href="http://www.dribbble.com">Dribbble</a></h3><p><img alt="" class="alignnone size-full wp-image-77284" height="414" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/2-Dribbble.jpg" title="Dribbble" width="500" /></p><p>First things first. Dribbble is a &#8220;by invitation only&#8221; website and stays one of those private networks that every designer is proud to be a part of. Users get 24 free shots each month to showcase their skills and get spotted. Frankly, Dribbble is all about &#8220;shots&#8221; and &#8220;rebounds&#8221;. Shots are small (400&#215;300 pixels JPEG, GIF or PNG) sneak peaks of your work or even a piece of it. Rebounding is a good way to reply with a shot or post a series of your sneak peaks tied with a certain idea.</p><p>The invite system has also ensured that the quality of works remains intact. Drafting a newcomer is sort of a responsibility, after all.</p><ul><li><strong>Categories</strong>: UI Design, Web Design, Script, Typography, iOS apps design, 3D Designs, etc.</li><li><strong>Job board</strong>: Yes.</li><li><strong>Pro account</strong>: Yes, $20 per year. Better search for scouts, PRO badge for members, additional projects, attachments and stats.</li></ul><h3>3. <a href="http://www.forrst.com">Forrst</a></h3><p><img alt="" class="alignnone size-full wp-image-77285" height="409" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/3-Forrst.jpg" title="Forrst" width="500" /></p><p>Private communities always cause a lot of rumors, but I should admit: Forrst beats them all. It is an invite-only community but if you are a member of GitHub, you have a right to login without asking for an invitation. On the whole, Forrst is all about sharing four categories: questions, snaps, code and links. It may look a bit similar to Dribbble, but it focuses on web developers too.</p><p>The editorial team has launched an amazing podcast covering design-centric topics and tutorials, which can be downloaded on iTunes. Being a closed network, Forrst makes its members keep up with the high level of work and invites only those who meet the requirements. Another strict measure is flagging offensive posts, so the community content is always clean and relevant.</p><ul><li><strong>Categories</strong>: Icons, software, web interface, user interface.</li><li><strong>Job board</strong>: Yes.</li><li><strong>Pro accounts</strong>: Yes, called &#8220;supported accounts&#8221; and cost $5 per month. Provides stats and custom domains, unlimited attachment and more.</li></ul><h3>4. <a href="http://www.designmoo.com">Designmoo</a></h3><p><img alt="" class="alignnone size-full wp-image-77286" height="370" src="http://cdn3.1stwebdesigner.com/wp-content/uploads/2012/10/4-Designmoo.jpg" title="Designmoo" width="500" /></p><p>Designmoo.com is an open designers&#8217; network aimed to provide its members with objective feedback and the opportunity to get their projects done. With its rich base of free stuff (fonts, brushes, illustrations, icons and other items) and active interaction system, Designmoo is a fast-developing network with one of the largest worldwide communities.</p><p>Each work can deserve a &#8220;like&#8221;, comment and feedback with suggestions. There is also a marketplace for pro members interested in selling their items via Designmoo or a third-party website. The community is vividly using all possible ways to promote free and quality stuff. A very popular one is so-called &#8220;Sponsored Freebies&#8221; featuring sources of peak traffic on a page branded with a company&#8217;s logo.</p><ul><li><strong>Categories</strong>: UI elements, email newsletter layouts, fonts, graphics, etc.</li><li><strong>Job board:</strong> No, but there&#8217;s a marketplace for buying/selling quality design-centric products.</li><li><strong>Pro account</strong>: Starts from $9/month, gives you Dropbox synchronization, externally-hosted resources sharing and widescreen preview images uploading.</li></ul><h3>5. <a href="http://www.designshack.net">Designshack</a></h3><p><img alt="" class="alignnone size-full wp-image-77287" height="357" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/10/5-Designshack.jpg" title="Designshack" width="500" /></p><p>Designshack is a user-friendly all-in-one solution for designers to submit their work, get feedback and make use of regular design-centric news and articles. The website is extremely easy to use; there are three main categories in the gallery: web design, branding, logos and interface design.</p><p>Being a part of DesignShack will get you an exclusive WordPress theme &#8220;Marketed&#8221; for free, while its usual price is $30. Your work can also get featured in a promotional article prepared by the editorial team for $49 only. Thus each member gets an opportunity to get spotted and receive objective critique for his pieces of art.</p><ul><li><strong>Categories</strong>: Web design, interface design, branding and logos.</li><li><strong>Job board</strong>: No.</li><li><strong>Pro account</strong>: No, but promotional opportunities for $49.</li></ul><h3>6. <a href="http://www.patterntap.com">Patterntap</a></h3><p><img alt="" class="alignnone size-full wp-image-77288" height="341" src="http://cdn4.1stwebdesigner.com/wp-content/uploads/2012/10/6-Patterntap.jpg" title="Patterntap" width="500" /></p><p>Let&#8217;s move to more focused communities. Patterntap was created four years ago as a &#8220;living classroom, where designers learn what is working well on the Web and why&#8221;; its members are mostly interested in UI design and patterns. There is a quick Twitter sign up and as a network participant, you can leave your comments below each item. If you are looking for inspiration or improving your design literacy, Patterntap is the right place to go!</p><ul><li><strong>Categories</strong>: Typography, texture, subtitle, colorscheme, slidebars, subnavigation and many others.</li><li><strong>Job board</strong>: No.</li><li><strong>Pro account</strong>: No.</li></ul><h3>7. <a href="http://www.typophile.com">Typophile</a></h3><p><img alt="" class="alignnone size-full wp-image-77289" height="361" src="http://cdn2.1stwebdesigner.com/wp-content/uploads/2012/10/7-Typophile.jpg" title="Typophile" width="500" /></p><p>Typophile is another focused community &#8212; this time for typography enthusiasts. If you are fond of typographic art, want to get experience, meet like-minded people and are ready for standing some criticism, you&#8217;ll find everything here. The network itself is a huge forum tree, where fonts and typefaces, associated software, tips and tricks are discussed. Holding tons of pieces of creativity, this website has never had paid accounts and is supported by Punchcut.com &#8212; a design consulting company from San Francisco.</p><ul><li><strong>Categories</strong>: Bitmap Display / Script, Typography / Composition, etc.</li><li><strong>Job board</strong>: No.</li><li><strong>Pro accounts</strong>: No.</li></ul><p>Is that all?</p><p>Of course not! You can also make use of the following websites:</p><ul><li><a href="http://designrelated.com">Designrelated.com</a></li><li><a href="http://designspiration.net">Designspiration.net</a></li><li><a href="http://psdbucket.com">PSDbucket.com</a></li><li><a href="http://typetoken.net">Typetoken.net</a></li><li><a href="http://flickr.com/groups/_typography/">Flickr.com/groups/_typography/</a></li></ul><p>Now that you’ve seen the most popular alternatives to dA, which one do you find the most attractive? Let us know whether you’re going to stay with dA community or explore something else. Share your thoughts or help us to expand the list!</p> <span id="pty_trigger"></span><div class="feedflare"> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=8lxKJbtWDV4:s_J31ZKgOVw:yIl2AUoC8zA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=yIl2AUoC8zA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=8lxKJbtWDV4:s_J31ZKgOVw:7Q72WNTAKBA"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?d=7Q72WNTAKBA" /></a> <a href="http://feeds.feedburner.com/~ff/1stwebdesigner?a=8lxKJbtWDV4:s_J31ZKgOVw:F7zBnMyn0Lo"><img border="0" src="http://feeds.feedburner.com/~ff/1stwebdesigner?i=8lxKJbtWDV4:s_J31ZKgOVw:F7zBnMyn0Lo" /></a> </div><img height="1" src="http://feeds.feedburner.com/~r/1stwebdesigner/~4/8lxKJbtWDV4" width="1" />

<p>Every emerging technology undergoes the test of fire which is a given fact and HTML5 is no exception in the strict sense. Touted to replace flash, HTML5’s proponents blew its capabilities out of proportion even while HTML5 was still in its nascent stages. This, over the past months, has been fueling a glaring gap between what’s expected of HTML5 and the actuals. Although developers are tearing ahead making considerable headway, it’s the browsers that need to catch up.</p> <p><center></p> <div class="wp-caption aligncenter" id="attachment_37118" style="width: 610px;"><img alt="" class="size-large wp-image-37118 " height="448" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/hole-600x448.png" style="border: 0px;" width="600" /><p class="wp-caption-text"><a href="http://feeds.feedburner.com/vimeo.com">Source</a></p></div> <p></center></p> <h2></h2> <h2> <span style="text-decoration: underline;">Browser Bottleneck</span></h2> <p>&nbsp;</p> <p>The developer community has always been head over heels about latest technologies and shows no inhibitions to embrace it with both hands. Developers have a clear idea about what HTML5 is capable of given the stance of certain platform vendors. Despite the official validation not expected before 2020, developers are in no mood to slow down. While this can be a problem of sorts when viewed from the standardization point of view, but for the developer community it’s a free world with no rules/guidelines.</p> <p><center></p> <div class="wp-caption aligncenter" id="attachment_37119" style="width: 610px;"><img alt="" class="size-large wp-image-37119 " height="257" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/browser-600x257.png" style="border: 0px;" title="browser" width="600" /><p class="wp-caption-text"><a href="http://feeds.feedburner.com/infocustesting.net">Source</a></p></div> <p></center><br /> Keeping apace with the progress being made by the developer community, browsers are toiling day in and day out to support the capabilities acquired by HTML5. In the days to come, HTML5 support would be the key defining factor as far as browser capabilities are concerned. This is because the advancement in HTML5 is of little meaning if browser capabilities are not enhanced parallelly.</p> <p>The rampant use of HTML5 to build apps and sites have put tremendous pressure on browser developers to prepare browsers that are fast, light on resources and efficient. As of now Internet Explorer 9 &amp; 10, Firefox 7 and higher, Chrome 14 and higher, Safari 5 and higher, Opera 11 and higher, Mobile Safari 3.2 and higher, Opera Mobile 5 and Android 2.1 support HTML5 elements. However, in order for browsers to support all HTML5 elements, there’s still a long way to cover as revealed in the Ringmark test.</p> <p>Various studies, particularly by IDC, predict HTML5 to form a major portion (if not 100%) of mobile apps’ code in the near future. And the ratio of HTML5 in mobile apps can only be expected to go north. Having said that, the question looms large for adopters – has HTML5 matured enough? Well, this would need a collective answer from all the quarters.</p> <p>&nbsp;</p> <h2><span style="text-decoration: underline;">HTML5 Woes</span></h2> <p>&nbsp;</p> <p>HTML5 is surely on its way to glory unless it gets over the woes that are a constant irritant for developers and users.</p> <ul> <li> Out of sync</li> </ul> <p style="padding-left: 60px;">The offline and online nature of apps is an area of concern especially when it comes to syncing of data. While being connected, syncing is automatic but when not, syncing doesn&#8217;t happen. And when substantial amount of data is accumulated in the server, synchronization can be a major headache. It’s the same case when the app is accessed from a different device or location.</p> <ul> <li>Namesake database</li> </ul> <p style="padding-left: 60px;">A salient feature of HTML5 is offline data storage, wherein the data is stored in the browser. This is one reason why HTML5 is adored because it gives a desktop type feeling to the user. But the flip side to this feature is that the user has no means to access the data like they do on a desktop. The user can’t see where the data is stored; they can&#8217;t know the contents, create copies or backup the data. Since the format in which the data is stored is unknown, the user cannot surf through the data if they need any information.</p> <ul> <li>Data insecurity</li> </ul> <p style="padding-left: 60px;">HTML5 has limitations in storing data and that’s why we’ve the servers, be it cloud or not. Now the user pay for the app, the device, the service and even for the hosting, but what’s the right the user has on their data? The terms and conditions speak nothing about ownership of data. They&#8217;re more or less a virtual ownership of one’s data and occurrences of loss of data ain’t uncommon wherein the server people just wash their hands off the issue. Neither HTML5 nor the hosting company can guarantee that your data will stay.</p> <ul> <li>Compulsory upgradation</li> </ul> <p style="padding-left: 60px;">Ever thought upgrades would be a problem? Upgrades for HTML5 powered apps are imposed on its users even if they don’t want it. This poses serious risks to the users in the form of corrupt allied programs or apps that worked well pre-upgradation.</p> <p style="padding-left: 60px;"> <h2><span style="text-decoration: underline;">Bridging The Gap</span></h2> <p>&nbsp;</p> <p>The tremendous pace at which changes are being introduced is a reason why developers and users aren’t on the same page. At times it is confusing as to what’s developed and for whom the development is being done.</p> <p><center></p> <div class="wp-caption aligncenter" id="attachment_37121" style="width: 610px;"><img alt="" class="size-large wp-image-37121 " height="390" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/bridging_gap11-600x390.jpg" style="border: 0px;" width="600" /><p class="wp-caption-text"><a href="http://chasingtheperfectmoment.com/bridges/">Source</a></p></div> <p></center><br /> For users it is essential that they clearly put across what they expect from the HTML5 website or app to avoid any future discontentment. Users should know that the mind blowing capabilities of HTML5 is not something that is independent but a combination of various technologies tied to the browsers&#8217; capabilities. Needless to say that this technology is evolving and a clear cut timeframe about when all the proposed capabilities are realized is obscure</p> <p>Developers should have constant interaction with the users in order to have a clear idea about the expectations. Provide the users with snapshots of how their app or site would look like, since seeing is believing. Make them understand as to how much of their expectations can actually be met because no matter what potential HTML5 holds, the end product should reflect the users&#8217; needs and expectations.</p> <p>&nbsp;</p> <table style="padding: 15px; border: 5px solid #5d5d5d; background-color: #30302f;"> <tbody> <tr> <td><img alt="Rohit Singhal" class="alignright" src="http://0.gravatar.com/avatar/0baada9baeb3c9cec4099a744f8dccc8?s=75&amp;d=identicon&amp;r=G" style="float: left; margin-right: 10px;" width="100? height=" /></p> <h3>About the Author</h3> <p>Rohit Singhal is an emarketer working with PixelCrayons, a web development company. The company specializes in ecommerce solutions, CMS solutions, <a href="http://html.pixelcrayons.com/responsive-design-coding.html">responsive web design</a> implementation, <a href="http://html.pixelcrayons.com/">HTML5 Web Development</a> and more.</td> </tr> </tbody> </table> <p> Read more posts by <a href="http://www.youthedesigner.com/author/guest-blogger/" rel="author">Guest Blogger</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/UI9svPxSUZ4" width="1" />

<p style="text-align: justify;">A lot of graphic designers and artists all over the world employ a number of elements in their designs and artwork making them extremely complicated and intricate. But as most people would say, the devil is in the details. And the mark of a true artist may usually be seen when his work is scrutinized to the smallest part of his masterpiece.</p> <p style="text-align: justify;">That is the reason why it is very important for graphic artists, both novice and professional alike to pay attention to the details of their work as meticulously as possible. Every element, every layer and every stroke should be given an appropriate amount of attention. Background images and design accents for example play a pivotal role in tying up the overall look and feel of a design, which in turn makes for a well-polished and balanced work.</p> <p style="text-align: justify;">We at You The Designer recognize this need, so today, we are giving you this amazing set of 7 starburst vector graphics that will definitely add some fine details into any design.</p> <p style="text-align: center;"><img alt="" class="size-full wp-image-37112 aligncenter" height="1000" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/post-cover.jpg" style="border: 0px;" width="600" /></p> <p style="text-align: justify;">Download this stunning set of vector graphics by tweeting or sharing over Facebook. Click the button below and unlock the awesomeness! (Email subscribers, please visit the actual post page to download.)</p> <p><center></center></p> <p style="text-align: justify;">So there you have it guys. What other freebie do you want me to make for you in the future? Do tell us by leaving a comment below. You can also find us on <a href="http://facebook.com/youthedesigner" target="_blank">Facebook</a>, <a href="http://twitter.com/#!/youthedesigner" target="_blank">Twitter</a>, <a href="http://www.pinterest.com/cadencewu" target="_blank">Pinterest</a> and <a href="https://plus.google.com/116824150281780256954/" target="_blank">Google Plus</a> or subscribe to our blog through our <a href="http://feeds.feedburner.com/YouTheDesigner" target="_blank">RSS Feeds</a>. And please, do check out our <a href="http://www.youthedesigner.com/blank-print-templates" target="_blank">print templates</a> page and download any of our blank print templates for all your print designing needs.</p> <p> Read more posts by <a href="http://www.youthedesigner.com/author/geno/" rel="author">Geno Arguelles</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/X_5uWWbZZ7A" width="1" />

<p>Most live action movies today are based if not in best-selling books, are from classic comics and graphic novels. Major characters in comics especially most of our favorite superheroes have been transformed into major motion pictures today which appeal not only to kids and fans but across all ages.</p> <p>A successful superhero live action movie is mostly dependent on how the filmmakers have captured the exact character found on its two-dimensional, spandex-clad superhero origin. The classic look and style in comics combined with some modern aspects like slight changes in costumes and storyline is a common technique found in making movies today. To remember how much the comic stylings of the 60’s and 70’s have inspired modern films, Brazilian artist <a href="http://www.behance.net/butcherbilly"><strong>Butcher Billy</strong></a> created an awesome project which answers his thought about just how thin is the line that separate movies from comics.</p> <p>Butcher Billy, who focuses on graphic design and illustration created the series called &#8220;<a href="http://www.behance.net/gallery/The-Superhero-Media-Crossover-Project/6192521"><strong>The Superhero Media Crossover Project</strong></a>&#8221; which features a mash-up of images combining art from classic comic books overlapped on screenshots from the latest superhero films. The project makes us realize how often movie makers rely on the format of classic comic books and graphic novels, making them easy to translate them on the screen by interlacing cinematography with storyboard.</p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="size-full wp-image-37070 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/112.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="size-full wp-image-37072 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/210.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="size-full wp-image-37075 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/34.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="size-full wp-image-37076 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/42.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="aligncenter size-full wp-image-37077" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/52.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="size-full wp-image-37079 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/62.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="aligncenter size-full wp-image-37080" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/72.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="aligncenter size-full wp-image-37081" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/82.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="aligncenter size-full wp-image-37082" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/93.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="size-full wp-image-37084 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/102.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="aligncenter size-full wp-image-37085" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/113.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="aligncenter size-full wp-image-37086" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/122.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="aligncenter size-full wp-image-37087" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/132.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="aligncenter size-full wp-image-37088" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/142.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="The Superhero Media Crossover Project by Butcher Billy" class="aligncenter size-full wp-image-37089" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/152.jpg" style="border: 0px;" title="The Superhero Media Crossover Project by Butcher Billy" width="600" /></p> <p>&nbsp;</p> <p>The series is a homage to various comic artists from the 60&#8242;s and 70&#8242;s such as  Jack Kirby, Steve Ditko, and John Romita Sr. and nice way of showing how their timeless works continue to inspire modern media and all of us. Check out more of the amazing works of Butcher Billy on his <a href="http://www.behance.net/butcherbilly">Behance</a> page.</p> <p>&nbsp;</p> <hr noshade="noshade" /> &nbsp;<br /> Which among the crossover designs is your most favorite? Share to us your thoughts and as well as your suggestions by commenting below. Find us on  <a href="http://www.facebook.com/youthedesigner"><strong>Facebook</strong></a>, <strong><a href="https://twitter.com/youthedesigner"><strong>Twitter</strong></a>,</strong> <a href="https://plus.google.com/116824150281780256954/posts"><strong>Google Plus</strong></a> and <a href="http://pinterest.com/cadencewu/"><strong>Pinterest</strong></a> for more design awesomeness! Also, don’t forget to <a href="http://feeds.feedburner.com/YouTheDesigner">subscribe</a> to our blog for the latest design inspirations, stories and freebies. Speaking of freebies, check out our <a href="http://www.youthedesigner.com/blank-print-templates">free print templates</a> page where you can download templates for calendars, brochures, business cards and more!  Stay awesome everyone!</p> <p> Read more posts by <a href="http://www.youthedesigner.com/author/kerby/" rel="author">Kerby Rosanes</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/lxahROMCX04" width="1" />

<p>Hello everyone! We&#8217;re now here to announce the 5 winners of our giveaway last week . But before that, we would just like to thank everyone who joined our giveaway which was sponsored by our friends from Themespectrum.</p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="" class="aligncenter" height="328" src="http://www.youthedesigner.com/wp-content/uploads/2012/11/superslide.jpg" style="border: 0px;" width="735" /></p> <p>&nbsp;</p> <p>Here are the 5 winners of the 5 premium themes from Themespectrum that includes premium support and free future updates:</p> <p>&nbsp;</p> <ul> <li> <h2>Susan Geiger</h2> </li> <li> <h2>Ricardo Gonzalez</h2> </li> <li> <h2>Michael Paul</h2> </li> <li> <h2>Naomi Estreicher</h2> </li> <li> <h2>Rony Mattar</h2> </li> </ul> <p>&nbsp;</p> <p>For our lucky winners, please accept our warmest congratulations and please wait for an email from a representative of Themespectrum as they will contact you shortly to instruct you on how to claim your prize. As for those who joined, again, please accept our sincere appreciation. For those who didn&#8217;t win, we have a new <a href="http://www.youthedesigner.com/2012/12/10/im-creator-and-ytd-nexus-7-giveaway/" target="_blank">giveaway</a> on our site, so by all means, feel free to join.</p> <p>For any questions, suggestions, or sponsorship offers, please feel free to contact us using the contact form in our Contact Us page or just leave a comment below and we&#8217;ll certainly give you feedback. Lastly, please don&#8217;t forget to <a href="http://feeds.feedburner.com/YouTheDesigner" target="_blank">subscribe</a> to our blog or add us up on <a href="http://facebook.com/youthedesigner" target="_blank">Facebook</a>, <a href="http://twitter.com/#!/youthedesigner" target="_blank">Twitter</a>, <a href="http://www.pinterest.com/cadencewu" target="_blank">Pinterest</a> and <a href="https://plus.google.com/116824150281780256954/" target="_blank">Google Plus</a> for more design related news, features, <a href="http://www.youthedesigner.com/blank-print-templates" target="_blank">freebies</a> and of course giveaways. Stay Awesome everyone!</p> <p>&nbsp;</p> <p> Read more posts by <a href="http://www.youthedesigner.com/author/cadence/" rel="author">Cadence Wu</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/K9ZrCrmD_1c" width="1" />

<p style="text-align: justify;">For most part of the world, Christmas is often associated with cold weather. This is probably because there have been many types of media in the past that mentions of a white Christmas, with houses covered in a layer of snow and people huddle near a fire place to drink coffee or hot chocolate. So in today’s You! Be Inspired! post, we decided to showcase 25 of the most creative mug designs that will certainly get you in the mood this holiday season.</p> <p style="text-align: justify;">Mugs have been around for more than 5000 years and were used by early civilizations for the sole purpose of drinking water or any form of fluid from it. Earlier forms of mug were produced by shaping clay or carved wood. However, these types of mugs were very hard to use especially with their thick walls that were unfit for the mouth. This changed upon the invention and discovery of different alternative materials like metal, porcelain and eventually plastic.</p> <p style="text-align: justify;">Today, mugs are produced in a variety of ways using different materials, sometimes even combining two or more materials in order to come up with the best result for a product. So without further ado, here are the 25 creatively designed mugs we’ve collected from the far reaches of the online world.</p> <p>&nbsp;</p> <hr noshade="noshade" /> <p>&nbsp;</p> <p><center></p> <div class="wp-caption aligncenter" id="attachment_37020" style="width: 610px;"><img alt="" class="size-large wp-image-37020" height="600" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/r2d2-600x600.jpeg" title="r2d2" width="600" /><p class="wp-caption-text">For the Star Wars fan <a href="http://www.bitrebels.com/geek/star-wars-r2-d2-coffee-tea-mug/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37021" style="width: 610px;"><img alt="" class="size-full wp-image-37021" height="522" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/biscuit-pocket.jpg" title="biscuit pocket" width="600" /><p class="wp-caption-text">For the Biscuit Lover <a href="http://justamazingthings.blogspot.com/2012/07/top-10-creative-coffee-cup-designs.html#.UMfakuTYdSQ">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37022" style="width: 610px;"><img alt="" class="size-large wp-image-37022" height="508" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/chemist-600x508.jpg" title="chemist" width="600" /><p class="wp-caption-text">For the Chemist <a href="http://www.etsy.com/listing/111658600/coffee-caffeine-molecule-etched-coffee">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37023" style="width: 610px;"><img alt="" class="size-full wp-image-37023 " height="420" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/tennis-player.jpg" title="tennis player" width="600" /><p class="wp-caption-text">For the Tennis Player <a href="http://decorating-ideas-for.com/decorating-ideas-for-coffee-mugs/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37024" style="width: 610px;"><img alt="" class="size-full wp-image-37024" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/angel-and-devil.jpg" title="angel and devil" width="600" /><p class="wp-caption-text">Good vs Bad <a href="http://decorating-ideas-for.com/decorating-ideas-for-coffee-mugs/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37026" style="width: 610px;"><img alt="" class=" wp-image-37026 " height="600" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/golfer.jpg" title="golfer" width="600" /><p class="wp-caption-text">The Golfer&#8217;s Mug <a href="http://egotvonline.com/2011/10/06/25-awesome-mugs/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37029" style="width: 610px;"><img alt="" class="size-large wp-image-37029 " height="600" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/dog-lover-600x600.jpg" title="dog lover" width="600" /><p class="wp-caption-text">Dog Lover&#8217;s Mug <a href="http://dogmugs.blogspot.com/2011_12_01_archive.html">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37031" style="width: 610px;"><img alt="" class="size-full wp-image-37031" height="637" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/musician1.jpg" title="musician" width="600" /><p class="wp-caption-text">Musician&#8217;s Mug <a href="http://dogmugs.blogspot.com/2011_12_01_archive.html&amp;quot">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37032" style="width: 600px;"><img alt="" class="size-full wp-image-37032" height="483" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/poop.jpg" title="poop" width="590" /><p class="wp-caption-text">Poop Mug <a href="http://www.squidoo.com/cool-coffee-mugs">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37033" style="width: 610px;"><img alt="" class=" wp-image-37033 " height="574" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/spill-proof-mug.jpg" title="spill proof mug" width="600" /><p class="wp-caption-text">Spill Proof Mug <a href="http://ilovecoffee.co.za/2011/02/17/cool-coffee-cups/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37039" style="width: 610px;"><img alt="" class=" wp-image-37039 " height="339" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/knuckle.jpg" title="knuckle" width="600" /><p class="wp-caption-text">The Knuckle Mug <a href="http://bifty.com/cool-stuff/thabto-coffee-mugs/2204/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37040" style="width: 610px;"><img alt="" class="size-large wp-image-37040" height="600" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/ninja-600x600.jpeg" title="ninja" width="600" /><p class="wp-caption-text">Ninja Mug <a href="http://thecooleststuffever.com/ninja-coffee-mug">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37041" style="width: 610px;"><img alt="" class="size-full wp-image-37041" height="600" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/cookie.jpg" title="cookie" width="600" /><p class="wp-caption-text">Cookie Mug <a href="http://www.barnorama.com/cool-coffee-and-tea-mugs/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37042" style="width: 610px;"><img alt="" class=" wp-image-37042 " height="447" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/Gun-Handle-Mug.jpg" title="Gun-Handle-Mug" width="600" /><p class="wp-caption-text">Gun Handle Mug <a href="http://www.likecool.com/Gun_Handle_Mug--Office--Gear.html&amp;quot">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37043" style="width: 610px;"><img alt="" class="size-large wp-image-37043" height="519" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/twitter-600x519.jpg" title="twitter" width="600" /><p class="wp-caption-text">Twitter with Hashtag Mug <a href="http://www.forkparty.com/28384/ten-cool-tech-company-coffee-mugs-gallery/coffeemugs001">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37044" style="width: 610px;"><img alt="" class="size-large wp-image-37044" height="600" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/keyboard-600x600.jpg" title="keyboard" width="600" /><p class="wp-caption-text">Programmer&#8217;s Mug <a href="http://www.shop4juan.com.ph/Cool-Unique-Keyboard-Design-Coffee-Mug-Set_p_19.html">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37045" style="width: 610px;"><img alt="" class="size-large wp-image-37045" height="591" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/cow-600x591.jpg" title="cow" width="600" /><p class="wp-caption-text">Cow Mug <a href="http://www.amazon.com/gp/product/B005QB9TEQ/ref=as_li_ss_tl? ie=UTF8&amp;camp=1789&amp;creative=390957&amp;creativeASIN=B005QB9TEQ&amp;linkCode=as2&amp;tag=squid0d8-20">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37046" style="width: 610px;"><img alt="" class=" wp-image-37046 " height="641" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/camera.jpg" title="camera" width="600" /><p class="wp-caption-text">Photographer&#8217;s Mug <a href="http://www.flavorwire.com/96838/design-porn-coffee-mugs?all=1">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37047" style="width: 610px;"><img alt="" class="size-large wp-image-37047" height="600" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/behind-600x600.png" title="behind" width="600" /><p class="wp-caption-text">The Behind Mug <a href="http://www.tripwiremagazine.com/2011/12/unique-and-creative-mugs.html">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37048" style="width: 610px;"><img alt="" class="size-large wp-image-37048" height="564" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/creature-cups-600x564.jpeg" title="creature cups" width="600" /><p class="wp-caption-text">Creature Cups <a href="http://creaturecups.com/store">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37049" style="width: 610px;"><img alt="" class=" wp-image-37049 " height="600" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/animal-nose.jpg" title="animal nose" width="600" /><p class="wp-caption-text">Animal Nose Cup <a href="http://www.designrulz.com/product-design/2011/07/creative-clever-coffee-mug-designs/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37050" style="width: 610px;"><img alt="" class="size-large wp-image-37050" height="552" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/gameboy-600x552.png" title="gameboy" width="600" /><p class="wp-caption-text">Gameboy Mug <a href="http://churchm.ag/2012/02/page/3/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37051" style="width: 610px;"><img alt="" class="size-full wp-image-37051" height="558" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/rubix-cube.jpg" title="rubix cube" width="600" /><p class="wp-caption-text">Rubix Cube Mug <a href="http://1oet.com/funny-coffee-mugs-pictures/">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37064" style="width: 610px;"><a href="http://www.youthedesigner.com/wp-content/uploads/2012/12/self-stirring.jpg"><img alt="" class="size-large wp-image-37064" height="449" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/self-stirring-600x449.jpg" title="self stirring" width="600" /></a><p class="wp-caption-text">Self Stirring Mug <a href="http://find-gift-ideas.net/tag/creative-coffee-mug">Source</a></p></div> <p>&nbsp;</p> <div class="wp-caption aligncenter" id="attachment_37052" style="width: 610px;"><img alt="" class=" wp-image-37052 " height="600" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/toilet.png" title="toilet" width="600" /><p class="wp-caption-text">Toilet Mug <a href="http://www.tripwiremagazine.com/2011/12/unique-and-creative-mugs.html">Source</a></p></div> <p></center></p> <hr noshade="noshade" /> <p>&nbsp;</p> <p style="text-align: justify;">And that concludes today’s edition of You! Be Inspired! So which mug design did you find most interesting? Tell us by leaving a comment below. For other design related news, features and freebies, do <a href="http://feeds.feedburner.com/YouTheDesigner" target="_blank">subscribe</a> to our blog or drop by our <a href="http://facebook.com/youthedesigner" target="_blank">Facebook</a>, <a href="http://twitter.com/#!/youthedesigner" target="_blank">Twitter</a>, <a href="http://www.pinterest.com/cadencewu" target="_blank">Pinterest</a> and <a href="https://plus.google.com/116824150281780256954/" target="_blank">Google Plus</a> social profiles.</p> <p style="text-align: justify;">Lastly, if you’re currently working on a project that involves a print product, don’t forget to check out our <a href="http://www.youthedesigner.com/blank-print-templates" target="_blank">print templates page</a> and download any of our 1,100 templates completely FREE!</p> <p> Read more posts by <a href="http://www.youthedesigner.com/author/zyril/" rel="author">Zy Gonzales</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/NgrBxr9kNvE" width="1" />

<p>Typography techniques are improved by constant practicing and when given the challenge of competition. This idea inspired the new website called &#8220;<a href="http://www.letteringvscalligraphy.com/"><strong>Lettering vs. Calligraphy</strong></a>&#8221; which features two amazing Berlin based designers in a unique challenge celebrating the creative process of hand drawn lettering and  penned calligraphy.</p> <p>&nbsp;</p> <p style="text-align: center;"><img alt="Lettering vs. Calligraphy" class=" wp-image-36963 aligncenter" height="1038" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/lvsc1.jpg" style="border: 0px;" title="Lettering vs. Calligraphy" width="524" /></p> <p>&nbsp;</p> <p>The type designers involved are <a href="http://www.martinaflor.com/">Martina Flor</a> and <a href="http://www.resistenza.es/">Giuseppe Salerno</a> who are both exceptionally talented and have been in the industry for more than a decade. The duo create a design each day based on a keyword provided by a moderator. Then they post their work online and let the viewers vote for their favorite. The two go head to head each day &#8211; the unique hand drawn lettering of Martina Flor versus the exquisitely penned calligraphy of Giuseppe Salermo. The adventure aims to explore and showcase the capabilities of the two technical approaches in type design. Below are some of the latest designs featured on their website (left &#8211; lettering, right &#8211; calligraphy):</p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/distinguished-u/"><img alt="DISTINGUISHED “U”" class="size-medium wp-image-36966 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/U-600x300.jpg" style="border: 0px;" title="DISTINGUISHED “U”" width="600" /></a></p> <p style="text-align: center;"><strong>Distinguished &#8220;U&#8221;</strong></p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/v-for-vendetta/" target="_blank"><img alt="&quot;V&quot; for Vendetta" class="size-medium wp-image-36967 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/v-600x300.jpg" style="border: 0px;" title="&quot;V&quot; for Vendetta" width="600" /></a></p> <p style="text-align: center;"><strong>&#8220;V&#8221; for Vendetta</strong></p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/j-bizarre/" target="_blank"><img alt="Bizarre &quot;J&quot;" class="size-medium wp-image-36969 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/j-600x300.jpg" style="border: 0px;" title="Bizarre &quot;J&quot;" width="600" /></a></p> <p style="text-align: center;"><strong>Bizarre &#8220;J&#8221;</strong></p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/swashy-t/" target="_blank"><img alt="Swashy &quot;T&quot;" class="size-medium wp-image-36970 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/t-600x300.jpg" style="border: 0px;" title="Swashy &quot;T&quot;" width="600" /></a></p> <p style="text-align: center;"><strong>Swashy &#8220;T&#8221;</strong></p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/dynamic-n-2/" target="_blank"><img alt="Dynamic &quot;N&quot;" class="size-medium wp-image-36971 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/n-600x300.png" style="border: 0px;" title="Dynamic &quot;N&quot;" width="600" /></a></p> <p style="text-align: center;"><strong>Dynamic &#8220;N&#8221;</strong></p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/b-happy/" target="_blank"><img alt="Happy &quot; B&quot;" class="size-medium wp-image-36972 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/B-600x300.jpg" style="border: 0px;" title="Happy &quot; B&quot;" width="600" /></a></p> <p style="text-align: center;"><strong>Happy &#8220;B&#8221;</strong></p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/simple-z/" target="_blank"><img alt="Simple &quot;Z&quot;" class="size-medium wp-image-36973 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/Z-600x300.jpg" style="border: 0px;" title="Simple &quot;Z&quot;" width="600" /></a></p> <p style="text-align: center;"><strong>Simple &#8220;Z&#8221;</strong></p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/art-nouveau-9" target="_blank"><img alt="Art Nouveau &quot;9&quot;" class="size-medium wp-image-36974 aligncenter" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/92-600x300.jpg" style="border: 0px;" title="Art Nouveau &quot;9&quot;" width="600" /></a></p> <p style="text-align: center;"><strong>Art Nouveau &#8220;9&#8243;</strong></p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/sophisticated-3/" target="_blank"><img alt="Sophisticated &quot;3&quot;" class="aligncenter size-medium wp-image-36975" height="300" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/33-600x300.jpg" style="border: 0px;" title="Sophisticated &quot;3&quot;" width="600" /></a></p> <p style="text-align: center;"><strong>Sophisticated &#8220;3&#8243;</strong></p> <p>&nbsp;</p> <p style="text-align: center;"><a href="http://www.letteringvscalligraphy.com/shop/time-to-fight-postcards/" target="_blank"><img alt="Time To Fight postcards" class="aligncenter wp-image-36978" height="318" src="http://www.youthedesigner.com/wp-content/uploads/2012/12/time-600x318.jpg" style="border: 0px;" title="Time To Fight postcards" width="600" /></a></p> <p style="text-align: center;"><strong>&#8220;Time To Fight&#8221; postcards</strong></p> <p>&nbsp;</p> <p>Which of the type designs is your most favorite? Vote for them on their official <a href="http://www.letteringvscalligraphy.com/">website</a>. This amazing project is not just a design challenge but an opportunity to discover the various styles and possibilities in type design in both lettering and calligraphy. Moreover, the series will be a huge source of inspiration for typography addicts out there as the battle continues.</p> <p>Tell us your thoughts as well as your suggestions by commenting below. Find us on  <a href="http://www.facebook.com/youthedesigner"><strong>Facebook</strong></a>, <strong><a href="https://twitter.com/youthedesigner"><strong>Twitter</strong></a>,</strong> <a href="https://plus.google.com/116824150281780256954/posts"><strong>Google Plus</strong></a> and <a href="http://pinterest.com/cadencewu/"><strong>Pinterest</strong></a> for more design awesomeness! Also, don’t forget to <a href="http://feeds.feedburner.com/YouTheDesigner">subscribe</a> to our blog for the latest design inspirations, stories and freebies. Speaking of freebies, check out our <a href="http://www.youthedesigner.com/blank-print-templates">free print templates</a> page where you can download templates for calendars, brochures, business cards and more!  Stay awesome everyone!</p> <p>&nbsp;</p> <p> Read more posts by <a href="http://www.youthedesigner.com/author/kerby/" rel="author">Kerby Rosanes</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/oU1Onf6UAXY" width="1" />

<p>This week, <a href="http://depositphotos.com/">Depositphotos</a> and <a href="http://www.uprinting.com/?utm_source=youthedesigner.com&#038;utm_medium=referral&#038;utm_campaign=gdm_ytdcon_0612">UPrinting</a> are collaborating to give you an international giveaway! Here you can win a 20-day free stock photo subscription where you can download 10 images a day (the normal setup is 7 days and 5 images a day), and $50 worth of print credits to spend however you like too!<br /> &nbsp;<br /> Here are the various means of entry:<br /> &nbsp;<br /> - Follow <a href="http://www.twitter.com/Depositphotos">@Depositphotos</a> on Twitter<br /> - Like the <a href="http://www.facebook.com/DepositPhotosEN">Depositphotos (English)</a> Facebook page<br /> - Tweet about this giveaway &#8211; you can find the premade tweet in the PunchTab app<br /> - Like the You The Designer blog (we know you do, it&#8217;s just that sometimes we need reminding!)<br /> - Leave a comment on this post saying what you&#8217;ll use the subscription and the print credits for<br /> - Visit (and join, if you like!) the <a href="http://www.ucreative.com/?utm_source=youthedesigner.com&#038;utm_medium=referral&#038;utm_campaign=gdm_ytdcon_0612">UCreative Network</a>, the social network for creative professionals!<br /> - Give the <a href="https://plus.google.com/116824150281780256954/">You The Designer Google+ page</a> a +1</p> <p>&nbsp;<br /> <strong>Make sure you do all that via the PunchTab app</strong> so all your entries are counted! As usual, the more times you enter, the better your chances of winning.<br /> &nbsp;<br /> <center></center><br /> &nbsp;<br /> Giveaway ends on <strong>Saturday, June 16, 2012, midnight PST. International except where prohibited.</strong><br /> &nbsp;<br /> Print credits do not include shipping costs. If the print job costs less than $50, the remaining print credits may be subtracted from the shipping costs.<br /> &nbsp;<br /> Once the giveaway ends, the PunchTab widget will reflect this, and we’ll publish another post to announce the winners as well as notify the winners privately.<br /> &nbsp;<br /> Now that you&#8217;ve read all that, start submitting your entries and good luck, everyone!<br /> &nbsp;<br /> <em>In case you need some printing done right now and can&#8217;t wait for this giveaway to end, UPrinting has a <a href="http://www.uprinting.com/coupons.html?utm_source=youthedesigner.com&#038;utm_medium=referral&#038;utm_campaign=gdm_ytdcon_0612">summer marketing sale</a> going on &#8211; that&#8217;s up to 20% off selected products until the 28th. <a href="http://www.uprinting.com/coupons.html?utm_source=youthedesigner.com&#038;utm_medium=referral&#038;utm_campaign=gdm_ytdcon_0612">Check it out!</a></em><br /> &nbsp;<br /> <em>If you are looking for quality images, and the subscription you can win isn&#8217;t enough for you, feel free to join Depositphotos. You will have an ability to use <a href="http://depositphotos.com/free-photos.html">free images</a> with their Free Trial Program!</em></p> <p>&nbsp; Read more posts by <a href="http://www.youthedesigner.com/author/cadence/" rel="author">Cadence Wu</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/6V4eEMK19_M" width="1" />

<p>This week, as I was browsing <em>The New Yorker</em> magazine&#8217;s site for covers</a> (thanks to the curiosity sparked by <a href="http://www.youthedesigner.com/2012/06/06/the-art-of-the-new-yorker-magazine-covers/" target="_blank">one of our articles</a>), I saw this <a href="http://www.newyorker.com/online/blogs/books/2012/06/loving-ray-bradbury.html" target="_blank">tribute</a> to Ray Bradbury written my Junot Diaz. It was an intimate look at how he is well-loved by his fans and friends. Of all the tributes I read about him this week, one that discussed his answer to a question on passing a legacy to future generations is my favorite &#8212; </p> <p>&nbsp;</p> <p><em>&#8220;If you don’t read or write, you can’t be educated, you can’t care about anything — you’ve gotta put something in people’s heads so the metaphors bounce around and collide with each other and make new metaphors. That’s the success I’ve had of daring to put different metaphors together, mashing their heads together, saying, ‘Oh my god, I didn’t think of that — how wonderful!’&#8221;</em></p> <p>&nbsp; </p> <p>Continue learning and discovering new things by signing up for our <a href="http://www.youthedesigner.com/signup/" target="_blank">monthly newsletter</a> and subscribing to our <a href="http://feeds.feedburner.com/YouTheDesigner" target="_blank">RSS Feed</a>. Enjoy this week&#8217;s edition of You! Be Informed! </p> <p>&nbsp;</p> <p><strong>Bonnaroo 2012</strong></p> <p>Four days of camping out in Manchester, Tennessee with more than 10 stages for music performance is what the Bonnaroo Music and Arts Festival is all about! Mingle with fellow revelers and explore the different options for food and entertainment! Know more about what you can bring, how to behave yourself during the festival, and more useful things <a href="http://www.bonnaroo.com/festival-info/" target="_blank"><strong>here</strong></a>.</p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Bonnaroo2012-via-YouTheDesigner.com_.jpg"><img alt="Bonnaroo2012 via YouTheDesigner.com" class="alignnone size-full wp-image-26585" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Bonnaroo2012-via-YouTheDesigner.com_.jpg" title="Bonnaroo2012 via YouTheDesigner.com" /></a></center></p> <p>&nbsp;<br /> &nbsp;</p> <p><strong>Gallery 1988 &#8211; &#8220;Excuuuuuse Meeeeeeeee&#8221;</strong></p> <p>One of our favorite galleries is holding an exhibit that&#8217;s beyond awesome for words. Gallery1988 Venice will be holding <strong>&#8220;Excuuuuuse Meeeeeeeee,&#8221;</strong> a tribute to one of my favorite funnymen, Steve Martin. Artists participating in the exhibit created pieces inspired by Steve&#8217;s work in movies, books, TV, and music. The opening gala will be held on June 8, Friday, and the gallery will be up until the end of June 2012. If you&#8217;re a Steve Martin fan, or you just want to unwind by looking at contemporary art pieces, take time to drop by Gallery1988 Venice!</p> <p><em>Images from <a href="http://g1988.tumblr.com/post/24405864636/this-friday-at-g1988-venice-we-open-excuuuuuuse" target="_blank">G1988</a></em></p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Gallery-1988-Steve-Martin.jpg"><img alt="Gallery 1988 Steve Martin Exhibit via YouTheDesigner.com" class="alignnone size-full wp-image-26524" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Gallery-1988-Steve-Martin.jpg" title="Gallery 1988 Steve Martin Exhibit via YouTheDesigner.com" /></a></center></p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Gallery-1988-Michael-DePippo.jpg"><img alt="Gallery 1988 Michael DePippo via YouTheDesigner.com" class="alignnone size-full wp-image-26526" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Gallery-1988-Michael-DePippo.jpg" title="Gallery 1988 Michael DePippo via YouTheDesigner.com" /></a></center></p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Gallery-1988-Jason-Edmiston.jpg"><img alt="Gallery 1988 Jason Edmiston via YouTheDesigner.com" class="alignnone size-full wp-image-26525" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Gallery-1988-Jason-Edmiston.jpg" title="Gallery 1988 Jason Edmiston via YouTheDesigner.com" /></a></center></p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Gallery-1988-Nicole-Gustafsson.jpg"><img alt="Gallery 1988 Nicole Gustafsson via YouTheDesigner.com" class="alignnone size-full wp-image-26527" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Gallery-1988-Nicole-Gustafsson.jpg" title="Gallery 1988 Nicole Gustafsson via YouTheDesigner.com" /></a></center></p> <p>&nbsp;<br /> &nbsp;</p> <p><strong>WordCamp New York City 2012</strong></p> <p>WordPress users in New York, rejoice! WordCamp New York City 2012 is upon you, and it will be held on June 9-10, 2012 at Baruch College in Manhattan. Gear up for two whole days to learn the latest about everything and anything about WordPress. If you&#8217;re planning to attend the event, learn more about it <a href="http://2012.nyc.wordcamp.org/" target="_blank"><strong>here</strong></a>.</p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/WordCampNYC.jpeg"><img alt="WordCampNYC via YouTheDesigner.com" class="alignnone size-full wp-image-26531" height="500" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/WordCampNYC.jpeg" title="WordCampNYC via YouTheDesigner.com" width="500" /></a></center></p> <p>&nbsp;<br /> &nbsp;</p> <p><strong>Asketic Riga &#8211; getCirulis</strong></p> <p>We&#8217;re all about discovering and learning new things here at You the Designer, that&#8217;s why finding something graphic designers will find useful excites us. Asketic Riga is a design office from Riga, Latvia that&#8217;s taking a bold step to turn one of the region&#8217;s most unique typefaces, Cirulis, into a usable font family. <a href="http://getcirulis.com/" target="_blank">Sign up</a> and be among the first designers to receive Cirulis Pro Bold! </p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/getCirulis.jpg"><img alt="getCirulis via YouTheDesigner.com" class="alignnone size-full wp-image-26538" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/getCirulis.jpg" title="getCirulis via YouTheDesigner.com" /></a></center></p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Cirulis-poster.jpg"><img alt="Cirulis-poster via YouTheDesigner.com" class="alignnone size-full wp-image-26541" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Cirulis-poster.jpg" title="Cirulis-poster via YouTheDesigner.com" /></a></center></p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Cirulis-book.jpg"><img alt="Cirulis-book via YouTheDesigner.com" class="alignnone size-full wp-image-26540" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Cirulis-book.jpg" title="Cirulis-book via YouTheDesigner.com" /></a></center></p> <p>&nbsp;<br /> &nbsp;</p> <p><strong>AFA &#8211; Maurice Sendak Retrospective Exhibit</strong></p> <p>On the day before what would have been Maurice Sendak&#8217;s 84th birthday, AFA (Animazing Fine Art) will be opening a retrospective exhibit featuring his art. The exhibition will open on Saturday, June 9, and will be up until Labor Day. Original artwork and published pieces that celebrate the life of Maurice Sendak will be on display. Learn more about the exhibit by visiting the <a href="http://afanyc.com/" target="_blank">AFA website</a>. </p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Maurice-Sendak-Retrospective-Exhibit-via-YouTheDesigner.jpg"><img alt="Maurice Sendak Retrospective Exhibit via YouTheDesigner" class="alignnone size-full wp-image-26561" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Maurice-Sendak-Retrospective-Exhibit-via-YouTheDesigner.jpg" title="Maurice Sendak Retrospective Exhibit via YouTheDesigner" /></a></center></p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Maurice-Sendak-Retrospective-Exhibit-02-via-YouTheDesigner.jpg"><img alt="Maurice Sendak Retrospective Exhibit 02 via YouTheDesigner" class="alignnone size-full wp-image-26559" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Maurice-Sendak-Retrospective-Exhibit-02-via-YouTheDesigner.jpg" title="Maurice Sendak Retrospective Exhibit 02 via YouTheDesigner" /></a></center></p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Maurice-Sendak-Retrospective-Exhibit-03-via-YouTheDesigner.jpg"><img alt="Maurice Sendak Retrospective Exhibit 03 via YouTheDesigner" class="alignnone size-full wp-image-26560" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Maurice-Sendak-Retrospective-Exhibit-03-via-YouTheDesigner.jpg" title="Maurice Sendak Retrospective Exhibit 03 via YouTheDesigner" /></a></center></p> <p>&nbsp;<br /> &nbsp;</p> <p><strong>The Innovation Whiteboard</strong></p> <p>A month ago, The New York Times invited readers to share innovations that would make daily life easier. They called this <a href="http://www.nytimes.com/interactive/magazine/innovation-whiteboard.html" target="_blank">The Innovation Whiteboard</a>, a repository of ideas that features lifehacks. </p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Innovation-Whiteboard-via-YouTheDesigner.com_.jpg"><img alt="Innovation Whiteboard via YouTheDesigner.com" class="alignnone size-full wp-image-26570" height="55" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Innovation-Whiteboard-via-YouTheDesigner.com_.jpg" title="Innovation Whiteboard via YouTheDesigner.com" width="600" /></a></center></p> <p>&nbsp;</p> <p><center><a href="http://www.youthedesigner.com/wp-content/uploads/2012/06/Innovation-Whiteboard-02-via-YouTheDesigner.jpg"><img alt="Innovation Whiteboard 02 via YouTheDesigner" class="alignnone size-full wp-image-26569" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/Innovation-Whiteboard-02-via-YouTheDesigner.jpg" title="Innovation Whiteboard 02 via YouTheDesigner" /></a></center></p> <p>&nbsp;<br /> &nbsp;</p> <p>Also share and discuss graphic design news with other You The Designer readers through our <a href="http://facebook.com/youthedesigner" target="_blank">Facebook</a> and <a href="http://twitter.com/#!/youthedesigner" target="_blank">Twitter</a> accounts! </p> <p>&nbsp; Read more posts by <a href="http://www.youthedesigner.com/author/chin/" rel="author">Chin de Vera</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/a6hvP3cXl_w" width="1" />

<p>Logo design is made up of different defining aspects – from the designer’s influences and personal whims, to the design’s colour and its shape. We’ve discussed how logos are defined by colour and shape in our <a href="http://www.youthedesigner.com/2012/06/05/logo-design-the-color-and-the-shape/">previous post</a>. This time we’d like to talk about the file types and the things that you ought to know when you’re designing a logo for different media.</p> <p>&nbsp;</p> <p>As technical as these two graphic design terms may sound, they’re actually very simple. Raster graphics are basically made up of pixels, the things you see on your screen, the rough edges that you see on an image when you zoom in too much. On the other hand, vector graphics are made up of lines and anchor points that are auto-adjusted by Adobe Illustrator (or any other vector software editor you’re using) when you’re resizing your work. That’s the basic gist of raster and vector graphics, but let’s delve deeper into the abyss and know where and when to use them, and on what project, aside from logo design, you can use them.<br /> &nbsp;</p> <p><center><img alt="Sample Raster Logo via YouTheDesigner.com" class="alignnone size-full wp-image-26546" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/full_ps.jpg" title="Sample Raster Logo via YouTheDesigner.com" /></center><br /> <em>Upon first inspection, raster and vector graphics will basically look the same way. The difference becomes apparent once reproducing the design becomes an issue.</em></p> <p>&nbsp;</p> <p><strong><br /> <h3>Raster Graphics</h3> <p></strong></p> <p>If you’re going to zoom in on an image, you’ll notice that the edges become more pixelated. This is because most images (JPEG, JPG, PNG, etc.) are rasterized to allow an artist or photographer to manipulate the image using a graphics editing software, like Adobe Photoshop.</p> <p>&nbsp;</p> <p>A raster graphic image is made up of pixels, with each pixel having only one colour. This means that if you have fewer pixels in your image, you’ll have lesser colour and a low quality image. Otherwise, you’ll have a perfectly crisp and sharp image.</p> <p>&nbsp;</p> <p><strong>Why it’s not for any logo project</strong></p> <p>The primary concern in using raster graphics to create your logo design is the resolution. As I’ve mentioned before, rasterized images tend to be more pixelated or jagged on the edges. Resizing will be the main problem when it comes to reproducing a rasterized logo. You may be able to produce high resolution image on Photoshop, but you’ll never know how big the logo needs to be in actual production.</p> <p>&nbsp;</p> <p><center><img alt="Sample Raster Logo via YouTheDesigner.com" class="alignnone size-full wp-image-26546" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/zoom_ps.jpg" title="Sample Raster Logo via YouTheDesigner.com" /></center><br /> <em>A logo design that&#8217;s created using Photoshop will show pixels once you zoom in within the image. This becomes an issue when you need to create a larger design from your original.</em> </p> <p>&nbsp;</p> <p>Another issue is professional quality. If you’re designing logos as a professional, you’d aim for the best quality and using a raster file for your project doesn’t help your cause. As mentioned earlier, upon closer inspection rasterized images would eventually produce pixelated images. This’ll reflect your knowledge about industry standards and practice, which is better that you know it now, than later.</p> <p>&nbsp;</p> <p><strong>What’s it for?</strong></p> <p>Photos and graphic rendering are done in raster graphics. Because of the extensive colour manipulation capabilities of raster graphic editors, they’re apt tools in adding and editing colours, tones, and textures on images, and photos. Usual projects done in Adobe Photoshop are web design, promotional graphics, and your usual illustration colour rendering.</p> <p>&nbsp;</p> <p><strong><br /> <h3>Vector Graphics</h3> <p></strong><br /> In simple terms, vector graphic images are collections of lines and anchor points that make up a whole image. The lines serve as your drawing’s outline and the anchor points control where your lines should go. It’s similar to how the Photoshop pen tool works. If you’re familiar with it you’ll be fine, if not it’s time you work on it.<br /> &nbsp;<br /> The anchor points and lines that make up a vector graphic image are manipulated through mathematical calculations (done by the software you’re using, no worries), which make the image done in vector to be scalable to any size.<br /> &nbsp;<br /> <strong>Why it’s used in creating logos</strong><br /> Because of the ease in resizing a vector graphic image, logo designers find it easier to reproduce a logo in any size, any time, without losing quality. Aside from resolving sizing issues on a logo design, editing it will be a lot easier. Logos made in vector graphics are more adaptable and streamlined when applied to different media – from promotional prints and corporate stationery, like <a href="http://www.uprinting.com/business-cards.html?utm_source=http%3A%2F%2Fwww.youthedesigner.com%2F&#038;utm_medium=referral&#038;utm_campaign=gdm_ytd_0612" target="_blank">business cards</a> and letterheads, to web design applications and other media.<br /> &nbsp;</p> <p><center><img alt="Zoomed in Vector Logo via YouTheDesigner.com" class="alignnone size-full wp-image-26549" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/zoom_vector.jpg" title="Zoomed in Vector Logo via YouTheDesigner.com" /></center><br /> <em>Vector Graphics&#8217; primary strength lies on its scalability. Since you&#8217;ll be applying the logo on different media, you&#8217;ll have to create different sizes of the same design. But if you&#8217;ve created the logo design as a vector graphic, size and scaling issues are easily resolved.</em><br /> &nbsp;</p> <p><strong>Other applications</strong></p> <p>Most conceptual artists directly sketch their work on vector graphic editors and just render them on Adobe Photoshop, or other raster graphic editors. Because of the power combination of Adobe Illustrator’s intuitive drawing tools that work best with a tablet – this makes it easier for artists and illustrators to create sketches, concept designs, or adding details to a drawing easier.</p> <p>&nbsp;</p> <p>Look out for our other logo design posts for the month of June. Make sure that you’re subscribed to our <a href="http://feeds.feedburner.com/YouTheDesigner" target="_blank">RSS Feed</a> to receive awesome design news and inspiration. If you’ve got any questions, topic suggestions, or some love to share, just hit us up on <a href="http://www.facebook.com/youthedesigner" target="_blank">Facebook </a>or <a href="https://twitter.com/#!/youthedesigner" target="_blank">Twitter</a>. </p> <p>&nbsp; Read more posts by <a href="http://www.youthedesigner.com/author/cadence/" rel="author">Cadence Wu</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/NbyxvDmYX_E" width="1" />

<p>As you’ve seen in our recent posts, we’re cooking up a series of articles focusing on logo design and the issues and elements concerning the design process as well as the technicalities that come with it. Watch out for this week’s upcoming posts – we’ll be featuring illustrated covers of The New Yorker magazine, we’ll also publish another logo design post discussing the difference between raster and vector graphics.</p> <p>&nbsp;<br /> Going into the things I dug up the past weekend, here are some amazing graphic design samples, illustrators, and their artwork:</p> <p>&nbsp;<br /> &nbsp;<br /> <strong>Emma Block – Illustrator</strong></p> <p>We’ve seen some amazing illustration from <a href="http://www.youthedesigner.com/2012/05/30/you-be-inspired-0007/" target="_blank">last week’s Be Inspired</a> post, this week we’ve got another female illustrator in <a href="http://emmablock.co.uk" target="_blank">Emma Block</a>. Her work has a touch of 1930s jazz and 1950s lifestyle, some of her works somehow reminisce the film Breakfast at Tiffany’s and a little hint of Dorothy Parker’s era.<br /> &nbsp;<br /> <center><img alt="Emma Snow via YouTheDesigner.com" class="alignnone size-full wp-image-26481" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/emma01.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Emma Snow via YouTheDesigner.com" class="alignnone size-full wp-image-26482" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/emma02.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Emma Snow via YouTheDesigner.com" class="alignnone size-full wp-image-26483" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/emma03.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Emma Snow via YouTheDesigner.com" class="alignnone size-full wp-image-26484" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/emma04.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Emma Snow via YouTheDesigner.com" class="alignnone size-full wp-image-26485" height="580" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/emma05.jpg" title="" width="600" /></center></p> <p>&nbsp;<br /> &nbsp;<br /> <strong>Chibi Tarot – A Cute Take on an Ancient Tradition</strong></p> <p>A project by artist Adam Bodgett, the <a href="http://chibitarot.com/" target="_blank">Chibi Tarot</a> project aims to recreate the major and minor arcana of the Tarot deck, through the lens of chibi. If you’re not familiar with the term chibi meaning “Short Person”, it’s used to describe a thing or person as cute or small.<br /> &nbsp;<br /> <center><img alt="Chibi Tarot by Adam Bodgett via YouTheDesigner.com" class="alignnone size-full wp-image-26469" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/chibitarot01.png" title="" /></center><br /> &nbsp;<br /> <center><img alt="Chibi Tarot by Adam Bodgett via YouTheDesigner.com" class="alignnone size-full wp-image-26470" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/chibitarot02.png" title="" /></center><br /> &nbsp;<br /> <center><img alt="Chibi Tarot by Adam Bodgett via YouTheDesigner.com" class="alignnone size-full wp-image-26472" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/chibitarot03.png" title="" /></center><br /> &nbsp;<br /> <center><img alt="Chibi Tarot by Adam Bodgett via YouTheDesigner.com" class="alignnone size-full wp-image-26473" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/chibitarot04.png" title="" /></center><br /> &nbsp;<br /> <center><img alt="Chibi Tarot by Adam Bodgett via YouTheDesigner.com" class="alignnone size-full wp-image-26474" height="1111" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/chibitarot05.png" title="" width="600" /></center></p> <p>&nbsp;<br /> &nbsp;<br /> <strong>Conrad Roset – Illustrator</strong></p> <p>A common muse among graphic artists and illustrators is the image of a woman. <a href="http://www.flickr.com/photos/conradroset" target="_blank">Conrad Roset’s gallery</a> of works exemplifies this appreciation of the female form – from his muse collections to his commercial works. Though Conrad’s work primarily focuses on the sensual form of a woman, his portfolio boasts an assortment of different projects, from photography to <a href="http://www.uprinting.com/postcard-printing.html?utm_source=youthedesigner.com&#038;utm_medium=referral&#038;utm_campaign=gdm_ytd_0612" target="_blank">postcard prints</a>, and children’s books.<br /> &nbsp;<br /> <center><img alt="Conrad Roset via YouTheDesigner.com" class="alignnone size-full wp-image-26476" height="925" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/conrad01.jpg" title="" width="600" /></center><br /> &nbsp;<br /> <center><img alt="Conrad Roset via YouTheDesigner.com" class="alignnone size-full wp-image-26477" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/conrad02.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Conrad Roset via YouTheDesigner.com" class="alignnone size-full wp-image-26478" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/conrad03.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Conrad Roset via YouTheDesigner.com" class="alignnone size-full wp-image-26479" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/conrad04.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Conrad Roset via YouTheDesigner.com" class="alignnone size-full wp-image-26480" height="830" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/conrad05.jpg" title="" width="600" /></center></p> <p>&nbsp;<br /> &nbsp;<br /> <strong>Movie Posters by Neil Kellerhouse</strong></p> <p>If you’re into films and <a href="http://www.uprinting.com/poster-printing.html?utm_source=youthedesigner.com&#038;utm_medium=referral&#038;utm_campaign=gdm_ytd_0612" target="_blank">movie posters</a>, you’ll love <a href="http://kellerhouse.com/" target="_blank">Neil Kellerhouse’s work</a>. He has worked on the posters for <em>The Girl with the Dragon Tattoo</em>, <em>The Social Network</em>, and <em>I’m Still Here </em>among others. His unique, sleek, and compact style in photography, and the typography he uses together in the movie posters provide a unique character to each film’s promotional media.<br /> &nbsp;<br /> <center><img alt="Neil Kellerhouse via YouTheDesigner.com" class="alignnone size-full wp-image-26486" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/neil01.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Neil Kellerhouse via YouTheDesigner.com" class="alignnone size-full wp-image-26487" height="888" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/neil02.jpg" title="" width="600" /></center><br /> &nbsp;<br /> <center><img alt="Neil Kellerhouse via YouTheDesigner.com" class="alignnone size-full wp-image-26488" height="944" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/neil03.jpg" title="" width="600" /></center><br /> &nbsp;<br /> <center><img alt="Neil Kellerhouse via YouTheDesigner.com" class="alignnone size-full wp-image-26489" height="888" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/neil04.jpg" title="" width="600" /></center><br /> &nbsp;<br /> <center><img alt="Neil Kellerhouse via YouTheDesigner.com" class="alignnone size-full wp-image-26490" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/neil05.jpg" title="" /></center></p> <p>&nbsp;<br /> &nbsp;<br /> <strong>The Great Showdowns – Scott Campbell</strong></p> <p>Everyone has a favorite scene from a film – from the first Matrix’s bullet time fight scenes to Gandalf’s epic confrontation with the Balrog. These have been memorable scenes from our most beloved movies. Now, Scott Campbell recreates all the battle scenes, the close encounters, and the conversations into cute and cuddly illustrations. Check out his project, <a href="http://greatshowdowns.com/" target="_blank">The Great Showdowns</a> on tumblr for more action!<br /> &nbsp;<br /> <center><img alt="The Great Showdowns via YouTheDesigner.com" class="alignnone size-full wp-image-26496" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/scott01.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="The Great Showdowns via YouTheDesigner.com" class="alignnone size-full wp-image-26497" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/scott02.jpg" title="" /></center></p> <p>&nbsp;<br /> &nbsp;<br /> <strong>Project: Rooftop</strong></p> <p><a href="http://www.tencentticker.com/projectrooftop/about/" target="_blank">Project: Rooftop</a> aims to promote and expand the founders’ idea of superhero costume and character redesign as a skill. It’s being spearheaded by comic book artist Dean Trippe and journalist Christ Arrant. The project was inspired by reality shows and other related superhero literature, and by the trend of costume redesign on different superheroes.<br /> &nbsp;<br /> <center><img alt="Project: Rooftop via YouTheDesigner.com" class="alignnone size-full wp-image-26491" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/rooftop01.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Project: Rooftop via YouTheDesigner.com" class="alignnone size-full wp-image-26492" height="330" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/rooftop02.jpeg" title="" width="600" /></center><br /> &nbsp;<br /> <center><img alt="Project: Rooftop via YouTheDesigner.com" class="alignnone size-full wp-image-26493" height="423" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/rooftop03.jpg" title="" width="600" /></center><br /> &nbsp;<br /> <center><img alt="Project: Rooftop via YouTheDesigner.com" class="alignnone size-full wp-image-26494" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/rooftop04.jpg" title="" /></center><br /> &nbsp;<br /> <center><img alt="Project: Rooftop via YouTheDesigner.com" class="alignnone size-full wp-image-26495" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/rooftop05.png" title="" /></center><br /> &nbsp;<br /> &nbsp;<br /> <strong>Vintage Book Collection by Mallory McInnis</strong></p> <p>“In the Thrift Shop we trust” – that pretty much sums up my affection for thrift shops that sell pre-owned and cheap curiosities. One of the nice things that you’ll never regret buying off thrift shops are books. Now, Mallory McInnis, a curious online case of a curator, has compiled more than a hundred vintage books and posted their prints online. The prints from her collection have a unique and eerie feel (well, most vintage books have eerie illustrations), and somehow transport you back in time. Check out her collection at <a href="http://myvintagebookcollectioninblogform.blogspot.com/" target="_blank">My Vintage Book Collection</a>.<br /> &nbsp;<br /> <center><img alt="Vintage Book Collection by Mallory McInnis via YouTheDesigner.com" class="alignnone size-full wp-image-26498" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/vintage01.png" title="" /></center><br /> &nbsp;<br /> <center><img alt="Vintage Book Collection by Mallory McInnis via YouTheDesigner.com" class="alignnone size-full wp-image-26499" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/vintage02.png" title="" /></center><br /> &nbsp;<br /> <center><img alt="Vintage Book Collection by Mallory McInnis via YouTheDesigner.com" class="alignnone size-full wp-image-26500" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/vintage03.png" title="" /></center><br /> &nbsp;<br /> <center><img alt="Vintage Book Collection by Mallory McInnis via YouTheDesigner.com" class="alignnone size-full wp-image-26501" height="948" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/vintage04.png" title="" width="600" /></center><br /> &nbsp;<br /> <center><img alt="Vintage Book Collection by Mallory McInnis via YouTheDesigner.com" class="alignnone size-full wp-image-26502" src="http://www.youthedesigner.com/wp-content/uploads/2012/06/vintage05.png" title="" /></center></p> <p>Got something awesome to share, or a topic you want us to discuss? Hit us up on <a href="http://www.facebook.com/youthedesigner" target="_blank">Facebook</a> or <a href="https://twitter.com/#!/youthedesigner" target="_blank">Twitter</a>. Also be more amazing and subscribe to our <a href="http://feeds.feedburner.com/YouTheDesigner" target="_blank">RSS Feed</a>. </p> <p>&nbsp; Read more posts by <a href="http://www.youthedesigner.com/author/victor/" rel="author">Victor Pontejos</a></p><img height="1" src="http://feeds.feedburner.com/~r/YouTheDesigner/~4/MVnVWKIh9To" width="1" />

<p><a href="http://www.booooooom.com/book/"><a class="no_underline" href="http://www.booooooom.com/2012/12/13/first-ever-booooooom-book/"><img alt="We're making a book!" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/remakebook.jpg" /></a></a></p> <p>&#160;</p> <p>Hello friends!</p> <p>Allow me to be the first to tell you that I am beginning work on the first-ever Booooooom book! The best part of it is that it’s gonna be published by one of my favourite publishers, Chronicle Books!</p> <p>Chronicle Books has approached me to turn our <strong><em><a href="http://www.booooooom.com/2011/10/04/remake-submissions/" target="_blank">Remake Project</a></em></strong><strong><em> </em></strong>into a book. If you missed it, this was the project where we had everyone remaking masterworks of art as photographs.</p> <p>The project was shared by hundreds of blogs and major news outlets including Huffington Post, Yahoo News, AOL, MSNBC, The Washington Post, The Boston Globe, The MOMA, The Guardian (two different articles), Reader’s Digest, you get the idea. It was HUGE.</p> <p>So what I want to do is turn all of your amazing submissions into an incredible art book. It is not gonna be cheap to produce this thing, doing this the right way means getting the image rights to reproduce all the classic works. Hopefully we will be able to secure the rights to 50 classic works.</p> <p>As a contributor to this book you won’t be paid but you will receive two copies of the finished book. At the end of the day, the point of the book is for more people to see the amazing things you created. I also think it will just be cool to have this book as a piece of history – art history – and also Booooooom history.</p> <p>If you would like to be considered for the book I would love it if you submitted! If you already made work that was featured in our gallery please re-submit it. If you are just hearing about this project for the first time and want to make something, you have until the end of January to submit work.</p> <p>What I need from you is a signed release saying that we have permission to print your Remake in the book, as well as the highest resolution image that you have of your work.</p> <p>&#160;</p> <p>1. Download the release form: <em><strong><a href="http://cdn.booooooom.com/wp-content/uploads/2012/12/remake_releaseform.pdf" target="_blank">here</a></strong></em></p> <p>2. Email the form and high resolution artwork with the subject line “REMAKE SUBMISSION” to: <em><strong><a href="mailto:projects@booooooom.com?subject=REMAKE%20SUBMISSION" target="_blank">projects@booooooom.com</a></strong>.</em></p> <p><em></em>Please include the following details:</p> <p>YOUR NAME:</p> <p>THE NAME OF ORIGINAL ARTIST:</p> <p>TITLE OF ORIGINAL ARTWORK:</p> <p>*In order to be published in the book the artwork needs to be as high resolution as possible. If the work is too big to email, please use a service such as <a href="http://wetransfer.com/" target="_blank">WeTransfer</a>.</p> <p>&#160;</p> <p>We will notify you if your work has been selected for the book! Thank you all for being a part of this, I’m really excited to take it further than I’ve ever taken any of the projects.</p> <div>Stoked for this!</div> <p>-Jeff</p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/26911454/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=First-Ever+Booooooom+Book%21&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Ffirst-ever-booooooom-book%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=First-Ever+Booooooom+Book%21&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Ffirst-ever-booooooom-book%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883358448/u/0/f/643993/c/34916/s/26911454/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883358448/u/0/f/643993/c/34916/s/26911454/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883358448/u/0/f/643993/c/34916/s/26911454/a2t.img" width="1" />

<p><a class="no_underline" href="http://www.booooooom.com/2012/12/13/osma-harvilahti/"><img alt="Osma Harvilahti" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/osmaharvilahti-01.jpg" /></a><br /> Photos by Osma Harvilahti.</p> <p></p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/2690a122/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=Osma+Harvilahti&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Fosma-harvilahti%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=Osma+Harvilahti&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Fosma-harvilahti%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883449223/u/0/f/643993/c/34916/s/2690a122/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883449223/u/0/f/643993/c/34916/s/2690a122/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883449223/u/0/f/643993/c/34916/s/2690a122/a2t.img" width="1" />

<p><a class="no_underline" href="http://www.booooooom.com/2012/12/13/nicholas-alan-cope-and-dustin-edward-arnold/"><img alt="Nicholas Alan Cope and Dustin Edward Arnold" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/COPE-ARNOLD-01.jpg" /></a><br /> Collaborative works by Nicholas Alan Cope and Dustin Edward Arnold.</p> <p></p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/26905621/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=Nicholas+Alan+Cope+and+Dustin+Edward+Arnold&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Fnicholas-alan-cope-and-dustin-edward-arnold%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=Nicholas+Alan+Cope+and+Dustin+Edward+Arnold&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Fnicholas-alan-cope-and-dustin-edward-arnold%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883356500/u/0/f/643993/c/34916/s/26905621/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883356500/u/0/f/643993/c/34916/s/26905621/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883356500/u/0/f/643993/c/34916/s/26905621/a2t.img" width="1" />

<p><a class="no_underline" href="http://www.booooooom.com/2012/12/13/painter-meghan-howland/"><img alt="Painter Meghan Howland" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/meghanhowland-01.jpg" /></a><br /> Paintings by Meghan Howland.</p> <p></p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/26902c60/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=Meghan+Howland&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Fpainter-meghan-howland%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=Meghan+Howland&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Fpainter-meghan-howland%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883446582/u/0/f/643993/c/34916/s/26902c60/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883446582/u/0/f/643993/c/34916/s/26902c60/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883446582/u/0/f/643993/c/34916/s/26902c60/a2t.img" width="1" />

<p><a class="no_underline" href="http://www.booooooom.com/2012/12/13/sculptures-by-artist-jessica-drenk/"><img alt="Sculptures by artist Jessica Drenk" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/jessicadrenk-03.jpg" /></a><br /> Pencil sculptures by Jessica Drenk. (Remind me of <a href="http://www.booooooom.com/2012/11/21/coloured-pencil-sculptures-by-lionel-bawden/" target="_blank">these</a>.)</p> <p></p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/268f8134/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=Jessica+Drenk&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Fsculptures-by-artist-jessica-drenk%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=Jessica+Drenk&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F13%2Fsculptures-by-artist-jessica-drenk%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883354220/u/0/f/643993/c/34916/s/268f8134/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883354220/u/0/f/643993/c/34916/s/268f8134/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883354220/u/0/f/643993/c/34916/s/268f8134/a2t.img" width="1" />

<p><a class="no_underline" href="http://www.booooooom.com/2012/12/12/witch-king-of-angmar-from-the-lord-of-the-rings-by-patrick-kyle/"><img alt="Witch King of Angmar from The Lord of the Rings by Patrick Kyle" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/patrick-kyle.jpg" /></a><br /> The Witch-King of Angmar (Lord of the Rings), by <a href="http://www.patrickkyle.com/" target="_blank">Patrick Kyle</a>.</p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/268a64b0/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=Patrick+Kyle&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fwitch-king-of-angmar-from-the-lord-of-the-rings-by-patrick-kyle%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=Patrick+Kyle&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fwitch-king-of-angmar-from-the-lord-of-the-rings-by-patrick-kyle%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883422684/u/0/f/643993/c/34916/s/268a64b0/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883422684/u/0/f/643993/c/34916/s/268a64b0/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883422684/u/0/f/643993/c/34916/s/268a64b0/a2t.img" width="1" />

<p><a class="no_underline" href="http://www.booooooom.com/2012/12/12/pegasvs-la-melodia-del-afilador/"><img alt="PEGASVS La melodía del afilador" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/pegasvs-canada.jpg" /></a><br /> New video directed by CANADA. Watch below!</p> <p></p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/2689e612/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=PEGASVS+%E2%80%9CLa+melod%C3%ADa+del+afilador%E2%80%9D&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fpegasvs-la-melodia-del-afilador%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=PEGASVS+%E2%80%9CLa+melod%C3%ADa+del+afilador%E2%80%9D&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fpegasvs-la-melodia-del-afilador%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883503209/u/0/f/643993/c/34916/s/2689e612/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883503209/u/0/f/643993/c/34916/s/2689e612/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883503209/u/0/f/643993/c/34916/s/2689e612/a2t.img" width="1" />

<p><a class="no_underline" href="http://www.booooooom.com/2012/12/12/matchstick-sculptures-by-ryan-and-trevor-oakes/"><img alt="Matchstick sculptures by Ryan and Trevor Oakes" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/Ryan-Trevor-Oakes-08.jpg" /></a><br /> Matchstick sculptures by Ryan and Trevor Oakes.</p> <p></p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/2685e7b6/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=Matchstick+sculptures+by+Ryan+and+Trevor+Oakes&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fmatchstick-sculptures-by-ryan-and-trevor-oakes%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=Matchstick+sculptures+by+Ryan+and+Trevor+Oakes&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fmatchstick-sculptures-by-ryan-and-trevor-oakes%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883484310/u/0/f/643993/c/34916/s/2685e7b6/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883484310/u/0/f/643993/c/34916/s/2685e7b6/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883484310/u/0/f/643993/c/34916/s/2685e7b6/a2t.img" width="1" />

<p><a class="no_underline" href="http://www.booooooom.com/2012/12/12/mended-spiderwebs-by-nina-katchadourian/"><img alt="Mended Spiderwebs by Nina Katchadourian" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/ninakatchadourian-01.jpg" /></a><br /> Mended spiderwebs by Nina Katchadourian, as part of her <em>&#8220;Uninvited Collaborations with Nature&#8221;</em>. For six weeks she repaired broken webs with red thread. Each morning, following the repairs, she would find the webs fixed and the patches discarded by the spider.</p> <p></p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/26858662/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=Nina+Katchadourian&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fmended-spiderwebs-by-nina-katchadourian%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=Nina+Katchadourian&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fmended-spiderwebs-by-nina-katchadourian%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883288303/u/0/f/643993/c/34916/s/26858662/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883288303/u/0/f/643993/c/34916/s/26858662/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883288303/u/0/f/643993/c/34916/s/26858662/a2t.img" width="1" />

<p><a class="no_underline" href="http://www.booooooom.com/2012/12/12/painter-dave-kinsey/"><img alt="Painter Dave Kinsey" src="http://cdn.booooooom.com/wp-content/uploads/2012/12/Dave-Kinsey-01.jpg" /></a><br /> Paintings by Dave Kinsey.</p> <p></p><img border="0" height="1" src="http://booooooom.feedsportal.com/c/34916/f/643993/s/26857b7e/mf.gif" width="1" /><div class="mf-viral"><table border="0"><tr><td valign="middle"><a href="http://share.feedsportal.com/viral/sendEmail.cfm?lang=en&amp;title=Dave+Kinsey&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fpainter-dave-kinsey%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/emailthis2.gif" /></a></td><td valign="middle"><a href="http://res.feedsportal.com/viral/bookmark.cfm?title=Dave+Kinsey&amp;link=http%3A%2F%2Fwww.booooooom.com%2F2012%2F12%2F12%2Fpainter-dave-kinsey%2F" target="_blank"><img border="0" src="http://res3.feedsportal.com/images/bookmark.gif" /></a></td></tr></table></div><br /><br /><a href="http://da.feedsportal.com/r/151883286792/u/0/f/643993/c/34916/s/26857b7e/a2.htm"><img border="0" src="http://da.feedsportal.com/r/151883286792/u/0/f/643993/c/34916/s/26857b7e/a2.img" /></a><img border="0" height="1" src="http://pi.feedsportal.com/r/151883286792/u/0/f/643993/c/34916/s/26857b7e/a2t.img" width="1" />

The Lustigs: A Cover Story features nearly 500 of Alvin Lustig and Elaine Lustig Cohen's book, magazine and catalog covers designed and illustrated between 1933 and 1961.

App to the Future challenges designers to imagine an app for Windows Phone that helps create, connect or delight your future self.

The Design Museum will open its permanent collection on January 30, 2013, revealing intriguing insights in the most exceptional of everyday objects.

Burgopak have recently teamed up with leading design agency BERG to design and produce the packaging for their first connected product, Little Printer.

Wallpaper* Magazine's 'Next Generation' January 2013 issue, showcasing the best and brightest of tomorrow's emerging talent, is on stands today.

Bloomberg Businessweek Design 2013 will gather together the world's top designers and creative executives to present, discuss, mingle, show off, and perhaps learn something about how to make the world better, smarter, cooler, and more innovative.

Leading Norwegian baby brand Stokke has just launched two, new innovative strollers designed in collaboration with Permafrost.

Adobe has today released Lightroom 4.3 and Camera Raw 7.3, adding HiDPI support within the Lightroom Library and Develop modules.

Fjord has released its annual trends predictions, showcasing 10 trends that will shape digital services in 2013.

The Happy Show offers visitors the experience of walking into the designer's mind as he attempts to increase his happiness via mediation, cognitive therapy, and mood-altering pharmaceuticals.