<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>1stwebdesigner - Graphic and Web Design Blog &#187; Inspiration</title>
	<atom:link href="http://www.1stwebdesigner.com/category/inspiration/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.1stwebdesigner.com</link>
	<description>1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articles.</description>
	<lastBuildDate>Sat, 11 Feb 2012 10:00:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Document Your 2012 With Style Using an Advent Calendar</title>
		<link>http://www.1stwebdesigner.com/inspiration/document-2012-with-advent-calendar/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/document-2012-with-advent-calendar/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 21:00:28 +0000</pubDate>
		<dc:creator>Salman Siddiqui</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[advent calendar]]></category>
		<category><![CDATA[online diary]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web interface]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=63455</guid>
		<description><![CDATA[Advent calendars aren&#8217;t yet the trend in the blogging industry but there have been really good bloggers that have found a great use for them. One of the well-known advent calendar is 24 Ways. They have done a good job with their advent calendar which has created a new meaning for it. I am not [...]]]></description>
			<content:encoded><![CDATA[<p>Advent calendars aren&#8217;t yet the trend in the blogging industry but there have been really good bloggers that have found a great use for them. One of the well-known advent calendar is 24 Ways.</p>
<p>They have done a good job with their advent calendar which has created a new meaning for it. I am not sure if 24 ways was the pioneer in the wave behind advent calendars for blogs but they surely have been the driving force. Today, we will try to show you some of the best advent calendars. We will discuss what makes these advent calendars stand out and how they can catch the attention of your website&#8217;s visitors.</p>
<p><span id="more-63455"></span></p>
<h2>What is an Advent Calendar?</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Google the keywords Advent Calendar and you will find the <a href="http://en.wikipedia.org/wiki/Advent_calendar" target="_blank">Wikipedia page</a> that states that Advent Calendars have something to do with Christmas. Advent Calendars are more like flashy archive calendars which are being used by webmasters to give their schedules a new meaning all together. Well, that is the textbook definition of an Advent Calendar. Otherwise, the term Advent Calendar has evolved quite a lot lately and it is no longer just for Christmas but anything that you want. Actually, the blogging community recently picked up Advent Calendars and shaped its definition to suit their needs.</p>
<h3>5 Amazing Advent Calendars</h3>
<hr style="margin-left: 20px;" align="left" width="40%" />
<h4>1. <a href="http://24ways.org/" target="_blank">24 Ways</a></h4>
<p>The mother of all advent calendars, <a href="http://24ways.org/" target="_blank">24 Ways</a> (as I said before) was the reason behind the sudden surge in advent calendars on various websites. The quality of content and the presentation of the advent calendar with a blog made people&#8217;s jaws drop. 24 Ways is famous for topics ranging from design to development. Even discussions on business matters and inspirational articles make way into the elite list of content that is published in 24 ways. This way the website is able to target niche readers and new readers alike.</p>
<p><img class="alignnone size-full wp-image-63600" title="24 ways" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/24-ways.jpg" alt="" width="570" height="300" /></p>
<p>The design of 24 ways takes care of various screen resolutions which in itself is a big advantage for readers and publishers too. Also, this advantage takes care of readers who prefer to access the website on mobile devices or other platforms like tablets. 24 Ways is famous for its high quality content and the over-the-top advent calendar is enough to attract users.</p>
<h4>2. <a href="http://html5advent2011.digitpaint.nl/" target="_blank">HTML5 and CSS Advent 2011</a></h4>
<p>You might feel turned off when you see the <a href="http://html5advent2011.digitpaint.nl/" target="_blank">HTML5 and CSS Advent Calendar 2011</a> after 24 Ways. But, please bear with the new players in this game. 24 ways has set a standard that might be tough for the rest to achieve, but it does not mean that others will never achieve the same. It is just a matter of time. Anyways, this advent calendar was designed with a set plan. The plan was to publish a new article every day until the end of the year 2011 and looks like the webmasters behind this advent calendar did well to publish quality content.</p>
<p><img class="alignnone size-full wp-image-63602" title="html5 and css3" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/html5-and-css3.jpg" alt="" width="570" height="300" /></p>
<p>HTML5 and CSS3 Advent Calendar is full of crazy content with amazing images and planned drafts. The final versions of articles that you see on this website will surely force you to learn something new no matter how big an expert you are in the field of HTML5 and CSS3. I wish that these guys had planned to continue even after the year 2011. But, good things always come to an end, right?</p>
<h4>3. <a href="http://www.electricdecember.org/11/" target="_blank">Electric December 11</a></h4>
<p>This happens to be Watershed&#8217;s annual calendar which covers the best possible short films from across Europe. <a href="http://www.electricdecember.org/11/" target="_blank">Electric December 11</a> gives you the opportunity to enjoy 24 short films from across Europe. Enjoy the underwater bubble ride, discover secret twins, listen to unbelievable music, hug a tree or meet the prime minister.</p>
<p><img class="alignnone size-full wp-image-63603" title="electric december" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/electric-december.jpg" alt="" width="570" height="300" /></p>
<p>Electric December 11 is not like the regular blogs with advent calendars. Rather, it happens to be an amazing collection of video based content with presentation skills that cannot be ignored. Do share your experiences once you are done with Electric December 11.</p>
<h4>4. <a href="http://phpadvent.org/" target="_blank">PHP Advent</a></h4>
<p>Let us concentrate on websites that are more like blogs with advent calendars of sorts. <a href="http://phpadvent.org/2011" target="_blank">PHP Advent</a> is one such website with a simple to understand advent calendar. PHP Advent is another blog with content curated for the needs of its niche readers. The idea behind PHP Advent was to push its writers to write regularly. This is another advantage of an advent calendar. If you see a calendar right on the home page of your blog then there is this instinct to push content so that the advent calendar looks lively. This is when you learn to be disciplined and regular.</p>
<p><img class="alignnone size-full wp-image-63604" title="php advent" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/php-advent.jpg" alt="" width="570" height="300" /></p>
<p>While you are at PHP Advent, you can also visit <a href="http://photoadvent.org/" target="_blank">Photo Advent</a> which happens to be the brain child of the same people who are behind PHP Advent. Similar template with niche concentrating on photography instead of PHP.</p>
<h4>5. <a href="http://thewebrocks.com/calendar/" target="_blank">MDN Holiday Calendar</a></h4>
<p>When big guns enter the arena they have to be different and better than the best. This is what Mozilla Developer Network did when they launched <a href="http://thewebrocks.com/calendar/" target="_blank">their advent calendar</a>. The calendar focuses on dates that have something special related to Mozilla and its fan following. Be it just for fun stuff for its followers or ongoing developer news which can be of use to Mozilla developers, the advent calendar is regularly updated with fresh content.</p>
<p><img class="alignnone size-full wp-image-63605" title="mdn calendar" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/mdn-calendar.jpg" alt="" width="570" height="300" /></p>
<p>The best part of Mozilla&#8217;s advent calendar is its look and its smooth display on any browser. Being a firm believer of Open Source, Mozilla has uploaded the source code of the advent calendar on <a href="https://github.com/codepo8/calendar-tutorial" target="_blank">GitHub</a>. If you want something similar for yourself then you know exactly where you need to look for help. Good luck and do share your experiments with us.</p>
<h2>Create Your Own Advent Calendar</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>You can either use the <a href="https://github.com/codepo8/calendar-tutorial" target="_blank">source code provided by Mozilla</a> (and the <a href="http://christianheilmann.com/2011/11/29/building-an-advent-calendar-for-mozilla-in-phpjscss-part-1/" target="_blank">two</a> <a href="http://christianheilmann.com/2011/11/29/building-an-advent-calendar-for-mozilla-in-phpjscss-part-2/" target="_blank">part</a> tutorial) to create a Mozilla look alike advent calendar or jump over to <a href="http://adventcalendr.com/" target="_blank">Advent Calendr</a> if you are using a tumblr blog. With the tools provided by Advent Calendr, one can easily turn a Tumblr blog into a advent calendar. You get to choose from multiple skins which can help you create an advent calendar that stands out from the crowd.</p>
<p>Advent Calendr provides its users with customization options and can be customized to suit various users&#8217; needs. One can even separate the Tumblr posts from the advent calendar to reduce the amount of confusion that tend to creep in with a advent calendar.</p>
<p>Lastly, it will be your own expertise when it comes to designing your own advent calendar.</p>
<h2>Conclusion</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>There was a time when blogging was new for us. It took time, but slowly everyone dived into the world of blogging and we know how it is today. It&#8217;s the same case with advent calendars. They are still in their infancy and webmasters are still experimenting with them. It will take a lot of time before we see very polished advent calendars and they become common on a lot of blogs. Until then, let us just enjoy 24 ways!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/document-2012-with-advent-calendar/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Illustrated History of Web Forms</title>
		<link>http://www.1stwebdesigner.com/inspiration/illustrated-history-of-web-forms/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/illustrated-history-of-web-forms/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 10:00:14 +0000</pubDate>
		<dc:creator>Laura Moisei</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[contact form]]></category>
		<category><![CDATA[form history]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web forms]]></category>
		<category><![CDATA[web interface]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=63626</guid>
		<description><![CDATA[How many forms are filled out each day across the web? Billions of them, for sure. From small household blogs to government portals, it&#8217;s hard to imagine a website not having at least one form. And this comes naturally, since forms are the quickest way of having users: • subscribe for a newsletter • add comments to an [...]]]></description>
			<content:encoded><![CDATA[<p>How many forms are filled out each day across the web? Billions of them, for sure. From small household blogs to government portals, it&#8217;s hard to imagine a website not having at least one form. And this comes naturally, since forms are the quickest way of having users:</p>
<p>• subscribe for a newsletter<br />
• add comments to an article, pose questions or ask for support<br />
• fill out applications (e.g. job applications)<br />
• answer surveys<br />
• perform purchases<br />
• join clubs and forums</p>
<p><span id="more-63626"></span></p>
<p>Styling web forms for both usability and aesthetics is a usual practice for any web designer working on a project. However, at the very beginning of the Internet forms were so dreadful that no modern user would have had the slightest desire to fill in one of them &#8211; no customized design, no smart capabilities, scarce consideration towards user experience.</p>
<p>Let&#8217;s see the evolution web forms over the past 10 years. It&#8217;s simply a lot of fun!</p>
<h3>1. Pre-web era forms &#8211; the prints that we all despise</h3>
<p>Yes, yes, these ones do bring bad childhood memories of endless queues at public administration desks. Perhaps this is the reason most of us don&#8217;t enjoy filling out any kind of forms. Hopefully, those prints will become out of fashion before we run out of wood.</p>
<h3>2. The early days of WWW: 1991 &#8211; 1998</h3>
<p>The first years of the Internet (1991-1996) remain obscure as far as web forms are concerned. Since we don&#8217;t have NeXT software on hand anymore, there&#8217;s no possibility of taking screenshots from back then to see how forms looked (if they existed at all).</p>
<p>As we all know, in a short time WWW became a mass medium and electronic forms made their way in. However, they were awfully rudimentary. Customer feedback was processed through executable files running on the hard disk. It was hard to find  anything like an online contact form. For subscribing to a service, you most likely had to download a form, fill in a hard copy and send it to the webmasters via postal services.</p>
<p>The existent web forms at that time mainly performed search and submission tasks. The interface was dead simple and dull, HTML based with no CSS of course.</p>
<h4>BACK THEN:</h4>
<p><img class="alignnone size-full wp-image-63628" title="Yahoo 1996" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Yahoo-1996.png" alt="" width="599" height="431" /></p>
<p><img class="alignnone size-full wp-image-63636" title="7 feb 1997 directory submission" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/7-feb-1997-directory-submission.png" alt="" width="600" height="536" /></p>
<h4>NOW:</h4>
<p><img class="alignnone size-full wp-image-63627" title="Yahoo now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Yahoo-now.png" alt="" width="600" height="392" /></p>
<p><img class="alignnone size-full wp-image-63634" title="directory submission now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/directory-submission-now.png" alt="" width="600" height="600" /></p>
<h3>3. Form use in online sales: 1994 &#8211; present</h3>
<p>1994 brought two major enhancements in the web arena: e-banking and online ordering (pizza, as you may guess). Shortly after, Amazon launched its online shopping service in 1995 and eBay the next year. Naturally, all of them were using web forms.</p>
<p>Those days, e-commerce was hindered by the limitations of credit cards that didn&#8217;t support online transactions. The issue was solved around 2000, once online payment processors appeared. Web forms could then exhibit products for sale and then direct submitters right to the payment gateway where they could complete the transaction. This was a major leap for the internet making its entrance in the day-to-day life of regular people.</p>
<h4>BACK THEN:</h4>
<p><img class="alignnone size-full wp-image-63637" title="Amazon 24 may 2006" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Amazon-24-may-2006.png" alt="" width="600" height="342" /></p>
<p><img class="alignnone size-full wp-image-63630" title="Pizza Hut dec 1996" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Pizza-Hut-dec-1996.png" alt="" width="596" height="345" /></p>
<h4>NOW:</h4>
<p><img class="alignnone size-full wp-image-63632" title="Amazon now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Amazon-now.png" alt="" width="600" height="472" /></p>
<p><img class="alignnone size-full wp-image-63629" title="Pizza Hut now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/Pizza-Hut-now.png" alt="" width="600" height="407" /></p>
<h3>4. Web forms in the days of social media: 2004 &#8211; present</h3>
<p>Two major landmarks for social media are 2004 (the launch of Facebook) and 2006 (the birth of Twitter). Facebook had the most interesting evolution in regards to web forms.</p>
<p>From the very beginning Facebook provided its own tools for creating simple polls and for planning events. However, the original Facebook forms were simple ones, they had security issues and as for styling they used to hold the blueish standard skin of FB. Things got better though. In August 2006, Facebook launched the free Developers API, which led to a burst of applications, widgets and tools. Around 2010 came the first form management apps for Facebook. Users could now have their own signup forms for fan pages, reuse personalized forms brought from outside and build specific mailing lists. Since then, Facebook forms and surveys are among the most popular tools for businesses that perform social media marketing.</p>
<h4>BACK THEN:</h4>
<p><img title="Facebook Fan Page Sign Up as of 2010" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/fb-fanpage-sign-up.png" alt="" width="600" height="272" /></p>
<h4>NOW:</h4>
<p><img class="alignnone size-full wp-image-63794" title="Facebook Fan Page Now" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/fb-fanpage-sign-up-now.png" alt="" width="600" height="367" /></p>
<h3>5. Web forms and security</h3>
<p>SSL protocol for data encryption was released by Netscape in 1994. Anti-spam tools for web forms such as CAPTCHA and password protection have only been available since 2000. In the dark ages before, there were knight battles with hackers and spam.</p>
<p>How could you prevent bots from signing up countless times? Using IP validation methods that aren&#8217;t by far infallible. One famous hijack of a web form occurred in November 1999, when slashdot.org had the idea to run an online poll asking what was the top graduate school in computer science. Even if the IPs were stored in order to prevent duplicate entries, the students of Carnegie Mellon managed to create a program that voted thousands of times for their university. The next day, the competitors (students at Massachusetts Institute of Technology) put up their own program and the two rival bots took over the poll, leaving the valid submissions in shadow. Fortunately, security options we have today are by far more efficient.</p>
<p><img class="alignnone size-full wp-image-63633" title="captcha" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/captcha.jpg" alt="" width="400" height="340" /></p>
<h3>6. Contemporary profile of web forms</h3>
<p>An important improvement came around 2007 when the first WYSIWYG form builders made their way in. Any internet user could then create forms. HTML knowledge is not mandatory anymore, since the remotely hosted form generators provide wizards with intuitive interfaces.</p>
<p>The portrait of a form that stands at the top of the evolution chain includes, by case:</p>
<ul>
<li>slick design, CSS customizable</li>
<li>various publishing options: on blogging and social media platforms, on regular websites</li>
<li>e-mail submissions received, secure data transfer and storage</li>
<li>capacity to draw reports over data</li>
<li>payment processing</li>
<li>integration with 3rd party apps to extend its functionality.</li>
</ul>
<p><img class="alignnone size-full wp-image-63635" title="englishworkshop" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/englishworkshop.png" alt="" width="600" height="388" /></p>
<p>Today&#8217;s websites are bursting with creative web forms. Contact pages aim to be both visually appealing and efficient as lead generation tools. Forms are successful in performing a wide variety of tasks: online ordering, event registration, research across the web, feedback. With CSS and HTML 5 at hand, forms can be successfully styled so that they blend in with the overall look and feel of any website.</p>
<h2>Some Creative Contact Forms</h2>
<h4><a href="http://www.atelierdetour.ch/">Aterlier Detour</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/contactforms57.jpg" alt="Aterlierdetour" /></p>
<h4><a href="http://www.campingilfrutteto.it/">Camping ilfrutteto</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/contactforms20.jpg" alt="Camping ilfrutteto" /></p>
<h4><a href="http://www.redbullsoapboxracer.com/">Red Bull Soapbox Racer</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/contactforms19.jpg" alt="Red Bull Soapbox Racer" /></p>
<h3>More amazing contact forms:</h3>
<p><a title="40+ Creative Contact Forms That Will Inspire You" href="http://www.1stwebdesigner.com/inspiration/creative-contact-forms/">40+ Creative Contact Forms That Will Inspire You</a></p>
<p><a title="91 Trendy Contact And Web Forms For Creative Inspiration" href="http://www.1stwebdesigner.com/inspiration/91-trendy-contact-and-web-forms-for-creative-inspiration/">91 Trendy Contact And Web Forms For Creative Inspiration</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/illustrated-history-of-web-forms/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>38 Remarkably Designed Donation Pages Which Will Soften Your Heart</title>
		<link>http://www.1stwebdesigner.com/inspiration/remarkably-designed-donation-pages/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/remarkably-designed-donation-pages/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 21:00:17 +0000</pubDate>
		<dc:creator>Jameel Khan</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[donation]]></category>
		<category><![CDATA[donation pages]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web interface]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=63527</guid>
		<description><![CDATA[For the majority of non-profit organizations, online fund-raising has become one of the most important sources of income, especially the last 10 years. Designing an inspiring and appealing donation page can certainly make a big difference in converting large numbers of visitors into donors. But, unfortunately many non-profit organizations simply overlook this much more mundane [...]]]></description>
			<content:encoded><![CDATA[<p>For the majority of non-profit organizations, online fund-raising has become one of the most important sources of income, especially the last 10 years. Designing an inspiring and appealing donation page can certainly make a big difference in converting large numbers of visitors into donors. But, unfortunately many non-profit organizations simply overlook this much more mundane aspect of online appeal while paying loads of attention and time in developing innovative and inspirational online content. In this round-up, we are showcasing some exceptionally designed donation pages for your inspiration.</p>
<p><span id="more-63527"></span></p>
<h3>1. <a href="http://www.savethechildren.org.uk/en/donate.htm">Save the Children</a></h3>
<p>This website has a very sleek design with beautifully designated avenues intended for assistance. There are plenty of courses of action for users that could have made it a cluttered mess, but the design keeps it all very well-organized.</p>
<p><a href="http://www.savethechildren.org.uk/en/donate.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages4.jpg" alt="Save the Children" width="570" border="0" /></a></p>
<h3>2. <a href="http://keepachildalive.org/ways-to-donate/">Keep a Child Alive</a></h3>
<p>This sleek design makes use of large buttons with a variety of ways to contribute to the mission. A slight grungy effect is used in order to highlight areas of the page. Overall the design is simple and impressive.</p>
<p><a href="http://keepachildalive.org/ways-to-donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages10.jpg" alt="Keep a Child Alive" width="570" border="0" /></a></p>
<h3>3. <a href="https://mannafoodbank.lucidserver.com/donate-money-online">Manna FoodBank</a></h3>
<p>In this website, you can see the use of a natural color scheme that fits with their mission. The call to action button with the slightest change in color definitely stands apart.</p>
<p><a href="https://mannafoodbank.lucidserver.com/donate-money-online"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages1.jpg" alt="Manna FoodBank" width="570" border="0" /></a></p>
<h3>4. <a href="http://www.rednoseday.com/sponsor-donate">Red Nose Day</a></h3>
<p>The Red Nose Day site makes use of a simple two-tone color scheme that symbolizes the passion for the mission. The red colors spreading through the donation page drive people to take action.</p>
<p><a href="http://www.rednoseday.com/sponsor-donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages2.jpg" alt="Red Nose Day" width="570" border="0" /></a></p>
<h3>5. <a href="https://donate.oxfam.org.uk/Give">Oxfam</a></h3>
<p>Here the design of the donation page focuses the entire attention on the obligatory mission and calls to the readers.</p>
<p><a href="https://donate.oxfam.org.uk/Give"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages3.jpg" alt="Oxfam" width="570" border="0" /></a></p>
<h3>6. <a href="http://www.habitat.org/asiapacific/">Habitat For Humanity</a></h3>
<p>The design of this website’s donation page is simple and clutter free; and focuses only on the mission.</p>
<p><a href="http://www.habitat.org/asiapacific/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages21.jpg" alt="Habitat For Humanity" width="570" border="0" /></a></p>
<h3>7. <a href="http://www.witness.org/">Witness</a></h3>
<p>The Witness donation page is mainly covered with the text and relevant information with a nicely designed call to action button that is placed right at the upper right corner.</p>
<p><a href="http://www.witness.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages22.jpg" alt="Witness" width="570" border="0" /></a></p>
<h3>8. <a href="http://www.wish.org/help/donate">Make-A-Wish</a></h3>
<p>In this web design, although it is constructed well, there is a lack of distinction for its calls. The blue turns out to be rather awe-inspiring with the amount of information it contains.</p>
<p><a href="http://www.wish.org/help/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages5.jpg" alt="Make-A-Wish" width="570" border="0" /></a></p>
<h3>9. <a href="https://donate.americanheart.org/ecommerce/aha/aha_index.jsp">American Heart Association</a></h3>
<p>This stylish donation page mainly draws the attention of their users towards the calls. They picked their color scheme quite smartly and the subtle uses of white with the blue definitely look great.</p>
<p><a href="https://donate.americanheart.org/ecommerce/aha/aha_index.jsp"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages6.jpg" alt="American Heart Association‘s" width="570" border="0" /></a></p>
<h3>10. <a href="http://giving.jhu.edu/">Giving to Johns</a></h3>
<p>Giving to Johns Hopkins pushes their cause with a very stylish and appealing donation page that stands out mainly because of its alluring contrast in colors on the header and call to action button.</p>
<p><a href="http://giving.jhu.edu/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages9.jpg" alt="Giving to Johns" width="570" border="0" /></a></p>
<h3>11. <a href="https://www.doctorswithoutborders.org/donate/">Doctors without Borders</a></h3>
<p>This design of a donation page stands out in our collection as it utilized tabbed windows in order to separate the different paths that users can take to dig in.</p>
<p><a href="https://www.doctorswithoutborders.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages7.jpg" alt="Doctors without Borders" width="570" border="0" /></a></p>
<h3>12. <a href="http://www.aspca.org/donate/">ASPCA</a></h3>
<p>Here is another example of a subtle donation page. ASPCA uses purple for their calls that truly stands out from the overall orange design colors. With such a soft coloring, ASPCA imparts a sense of comfort that in turn eases the readers into the cause and taking action.</p>
<p><a href="http://www.aspca.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages11.jpg" alt="ASPCA" width="570" border="0" /></a></p>
<h3>13. <a href="http://ww5.komen.org/">Susan G. Komen for the Cure</a></h3>
<p>Susan G. Komen for the Cure website uses a brilliant color scheme that symbolizes their true passion for the mission.</p>
<p><a href="http://ww5.komen.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages24.jpg" alt="Susan G. Komen for the Cure" width="570" border="0" /></a></p>
<h3>14. <a href="https://www.nrdc.org/joingive/Default.asp?">Natural Resources Defense Council</a></h3>
<p>The Natural Resources Defense Council uses a very simple approach. They bring overly large and bold call to action buttons into play that make their donation page stands out from the rest. This no frills approach puts pure focus on the mission.</p>
<p><a href="https://www.nrdc.org/joingive/Default.asp?"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages13.jpg" alt="Natural Resources Defense Council" width="570" border="0" /></a></p>
<h3>15. <a href="http://www.invisiblechildren.com/donate">Invisible Children</a></h3>
<p>The Invisible Children donation page is as inspiring and touching as their mission is. In order to connect with their mission effectively, they utilize large images of the children the world tends to overlook.</p>
<p><a href="http://www.invisiblechildren.com/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages12.jpg" alt="Invisible Children" width="570" border="0" /></a></p>
<h3>16. <a href="https://www.donatelifecalifornia.org/">Donate Life California</a></h3>
<p>This is a somewhat unusual design for a donation page but this one really stands out from the rest of the site because of its pink calls to action buttons.</p>
<p><a href="https://www.donatelifecalifornia.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages14.jpg" alt="Donate Life California" width="570" border="0" /></a></p>
<h3>17. <a href="http://www.charitywater.org/donate/">Charity: Water‘s</a></h3>
<p>With the help of this understated design, Charity: Water‘s keeps their donation page extremely simple and focuses only on the mission.</p>
<p><a href="http://www.charitywater.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages15.jpg" alt="Charity: Water‘s" width="570" border="0" /></a></p>
<h3>18. <a href="http://www.humanesociety.org/">Humane Society‘s</a></h3>
<p>Large images and bold buttons are used to draw the users’ attention towards the main cause and convince them to take action.</p>
<p><a href="http://www.humanesociety.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages8.jpg" alt="Humane Society‘s" width="570" border="0" /></a></p>
<h3>19. <a href="http://www.actionforchildren.org.uk/donate">Action for Children</a></h3>
<p>This website has an attention-grabbing, large and appealing call to action area. This call to action area offsets the donation area satisfactorily and efficiently pulls the reader to it.</p>
<p><a href="http://www.actionforchildren.org.uk/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages16.jpg" alt="Action for Children" width="570" border="0" /></a></p>
<h3>20. <a href="http://www.michaeljfox.org/help.cfm">MJFF</a></h3>
<p>MJFF brings warm and inviting colors into play in order to engage their readers. The color scheme works well and the gradient on the actual donate button makes it stand out.</p>
<p><a href="http://www.michaeljfox.org/help.cfm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages19.jpg" alt="MJFF" width="570" border="0" /></a></p>
<h3>21. <a href="http://my.nature.org/donate/">The Nature Conservancy</a></h3>
<p>The Nature Conservancy uses a quite unusual approach for their donation page. They placed two subtle calls under the header where users are likely to expect the navigation to be.</p>
<p><a href="http://my.nature.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages17.jpg" alt="The Nature Conservancy" width="570" border="0" /></a></p>
<h3>22. <a href="http://www.kiva.org/lend">Kiva</a></h3>
<p>Kiva has a very simple, sleek donation page that focuses on several routes to help users. The boldly colored call to action buttons are truly attention grabbing.</p>
<p><a href="http://www.kiva.org/lend"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages20.jpg" alt="Kiva" width="570" border="0" /></a></p>
<h3>23. <a href="http://www.operationwarm.org/get-involved/donate/">Operation Warm</a></h3>
<p>Here you will notice a nice, friendly color scheme that varies throughout the page. Though the main calls to action mix together with a majority of the site because they are the same color while the secondary calls are a bit more obvious because they break from the blue.</p>
<p><a href="http://www.operationwarm.org/get-involved/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages26.jpg" alt="Operation Warm" width="570" border="0" /></a></p>
<h3>24. <a href="https://donate.mozilla.org/page/contribute/openwebfund">Mozilla</a></h3>
<p>Mozilla features a delicate donation page design with an innovative header that accompanies their website. Their fans and users can donate to keep their mission active.</p>
<p><a href="https://donate.mozilla.org/page/contribute/openwebfund"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages28.jpg" alt="Mozilla" width="570" border="0" /></a></p>
<h3>25. <a href="http://www1.networkforgood.org/for-donors_v2">Network for Good</a></h3>
<p>Network for Good has got a fantastic design that possesses three courses of action that their readers may pursue. Each of them holds a large, attention-grabbing call to action button.</p>
<p><a href="http://www1.networkforgood.org/for-donors_v2"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages27.jpg" alt="Network for Good" width="570" border="0" /></a></p>
<h3>26. <a href="http://uk.virginmoneygiving.com/fundraiser-web/donate/charityCategories.action">Virgin Money Giving</a></h3>
<p>Here is a unique donation page that is divided into categories in order for users to find the kind of charitable organization they are seeking to support.</p>
<p><a href="http://uk.virginmoneygiving.com/fundraiser-web/donate/charityCategories.action"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages29.jpg" alt="Virgin Money Giving" width="570" border="0" /></a></p>
<h3>27. <a href="https://secure.ppaction.org/site/SPageServer?pagename=pp_ppol_Nondirected_OneTimeGift">Planned Parenthood‘s</a></h3>
<p>Here a form is used for the main appeal with more subtle calls placed in the upper right corner. Overall the design is simple and effective leading the reader into the ‘action center’.</p>
<p><a href="https://secure.ppaction.org/site/SPageServer?pagename=pp_ppol_Nondirected_OneTimeGift"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages30.jpg" alt="Planned Parenthood‘s" width="570" border="0" /></a></p>
<h3>28. <a href="https://www.wfp.org/donate/fillthecup?icn=homepage-donate-cup&amp;ici=small-button-link">World Food Programme</a></h3>
<p>World Food Programme uses a very subtle design for their website with an online form to help their users donate for their cause to keep it alive.</p>
<p><a href="https://www.wfp.org/donate/fillthecup?icn=homepage-donate-cup&amp;ici=small-button-link"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages32.jpg" alt="World Food Programme" width="570" border="0" /></a></p>
<h3>29. <a href="http://www.joinred.com/takeaction/donate">Red</a></h3>
<p>In this web design, you will see minimalism in a new style as this donation page features overly large typographical elements that truly work well to draw the users’ attention to the action areas.</p>
<p><a href="http://www.joinred.com/takeaction/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages31.jpg" alt="Red" width="570" border="0" /></a></p>
<h3>30. <a href="http://www.amnesty.org/en/donate">Amnesty International</a></h3>
<p>Amnesty International design of the donation page focuses the entire attention on the obligatory mission and calls to the readers.</p>
<p><a href="http://www.amnesty.org/en/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages33.jpg" alt="AMNESTY INTERNATIONAL" width="570" border="0" /></a></p>
<h3>31. <a href="http://www.dalitnetwork.org/go?/dfn/donate">Dalit Freedom Network</a></h3>
<p>Dalit Freedom Network uses a very natural and earthy color scheme that works well with their mission along with eye catching and appealing call to action buttons.</p>
<p><a href="http://www.dalitnetwork.org/go?/dfn/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages35.jpg" alt="Dalit Freedom Network" width="570" border="0" /></a></p>
<h3>32. <a href="http://www.takethewalk.net/site/takethewalk/section/name/shoes">Take The Walk</a></h3>
<p>The boldly colored call to action buttons in this design truly stand out from the other donation page designs. The color scheme is also very appealing.</p>
<p><a href="http://www.takethewalk.net/site/takethewalk/section/name/shoes"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages34.jpg" alt="Take The Walk" width="570" border="0" /></a></p>
<h3>33. <a href="http://pfl.org/donate/">Practical Family Living</a></h3>
<p>Another excellent example of a subtle donation page design that works very well for the mission. All the design elements are in perfect balance making this design stand out.</p>
<p><a href="http://pfl.org/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages37.jpg" alt="Practical Family Living" width="570" border="0" /></a></p>
<h3>34. <a href="http://www.housingworks.org/donate">Housing Works</a></h3>
<p>What makes this design stand out is its excellent color contrast as well as call to action button. Housing Works pushes their cause with an extremely trendy and tempting donation page.</p>
<p><a href="http://www.housingworks.org/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages38.jpg" alt="Housing Works" width="570" border="0" /></a></p>
<h3>35. <a href="http://www.childrensrights.org/support-us/donate-online/">Children’s Rights</a></h3>
<p>Children’s Rights donation page is designed by keeping the overall design simple and clutter free. The call to action button is moderately sized and positioned at the center of the page.</p>
<p><a href="http://www.childrensrights.org/support-us/donate-online/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages40.jpg" alt="Children’s Rights" width="570" border="0" /></a></p>
<h3>37. <a href="https://www.projectrescue.com/donate.html">Project Rescue Foundation</a></h3>
<p>In this web design, you will see a unique approach for designing donation pages. An online form is also there to help you donate to their cause.</p>
<p><a href="https://www.projectrescue.com/donate.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages39.jpg" alt="Project Rescue Foundation," width="570" border="0" /></a></p>
<h3>38. <a href="http://www.custodialabuse.org/4/resources/8/donate/">Custodial Abuse</a></h3>
<p>Here they use a large image to connect with their cause in a simple but effective way as they are working for a very sensitive cause.</p>
<p><a href="http://www.custodialabuse.org/4/resources/8/donate/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages41.jpg" alt="Custodial Abuse" width="570" border="0" /></a></p>
<h3>38. <a href="http://www.memphiszoo.org/donate">Memphis Zoo</a></h3>
<p>This rather remarkable design for a donation page truly stands out from the rest of the site due to its excellent and vividly colored calls to action button.</p>
<p><a href="http://www.memphiszoo.org/donate"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/02/donationpages42.jpg" alt="Memphis Zoo" width="570" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/remarkably-designed-donation-pages/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Contests Can Create Real Engagement &#8211; A Personal Story</title>
		<link>http://www.1stwebdesigner.com/inspiration/online-contests-user-engagement/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/online-contests-user-engagement/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 21:00:30 +0000</pubDate>
		<dc:creator>Ryan Taft</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[online contests]]></category>
		<category><![CDATA[user engagement]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=61521</guid>
		<description><![CDATA[Are you looking to get more people engaged and excited about your brand? Aren&#8217;t we all&#8230; Over the past 6 months I&#8217;ve been running an online contest for one of my clients. My client&#8217;s goal was to generate more activity from their Facebook community. They know that if they can get their Facebook community more [...]]]></description>
			<content:encoded><![CDATA[<p>Are you looking to get more people engaged and excited about your brand? Aren&#8217;t we all&#8230; Over the past 6 months I&#8217;ve been running an online contest for one of my clients. My client&#8217;s goal was to generate more activity from their Facebook community. They know that if they can get their Facebook community more engaged in their brand they can generate more sales for their products and services.</p>
<p>Over the past 6 months we have blown away all expectations for the amount of Facebook activity the client was hoping for. Knowing that many of our readers have the same goal as my client, I wanted to share this personal story with you. In this article we will review our marketing strategy, discuss the day-to-day tasks required, and finally share the results. By the end of this case study you should have everything you need to do this too!</p>
<p><span id="more-61521"></span></p>
<h2>Marketing Strategy for Generating Online Engagement</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>With a goal of generating more online activity from my client&#8217;s Facebook community I went to work developing a sound marketing strategy that could work to achieve their goal. Here are the steps I followed:</p>
<ul>
<li>Channel Analysis &#8211; What are the best marketing channels to leverage for this program?</li>
<li>Engagement &#8211; What type of activity do I want to see from the audience?</li>
<li>Offer &#8211; Will an offer be needed to encourage the sort of activity that I&#8217;m looking to achieve?</li>
</ul>
<p>After running through all of the steps above, my strategy was beginning to form. I would use Facebook, blogging, and Twitter to reach my audience, communicate my message, and encourage engagement in my client&#8217;s brand. An online contest with a monthly prize drawing would serve as the strategy that I&#8217;d use to achieve my client&#8217;s goals.</p>
<h2>Contest Planning</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Any time you decide to implement a new marketing strategy you should take some time to plan how you will execute your new program. Here are a few questions I asked myself before implementing this new contest strategy:</p>
<ul>
<li>How will I explain the contest to my audience?</li>
<li>How often will I promote the contest?</li>
<li>What will my call-to-action be?</li>
<li>What will I offer the winner? Will the winner change monthly?</li>
<li>How will I select/notify the winner?</li>
<li>How will I fulfill the offer?</li>
</ul>
<p>By asking yourself these questions prior to launching your contest you&#8217;re more likely to have success. Nobody wants to participate in a poorly thought out contest.</p>
<h2>Running an Online Contest</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><img class="aligncenter size-medium wp-image-63055" title="Online Contests Increase Engagement" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/facebook-contest-results-570x192.jpg" alt="facebook promotion" width="570" height="192" /></p>
<p>Once you&#8217;ve taken time to plan out how to execute your contest, it&#8217;s time to implement it. Here&#8217;s what we did:</p>
<ul>
<li>We used our client&#8217;s blog to explain the rules for the overall contest and each new monthly contest. We published a new article at the beginning of each month explaining the rules for the monthly contest and the prize to be awarded.</li>
<li>We decided to run the contest through Facebook since our goal was to generate more activity from my client&#8217;s Facebook community. We had our Facebook fans participate by leaving comments on our Wall Posts.</li>
<li>We used other tools like Twitter, e-Newsletters, and in-store promotional materials to drive traffic to the contest.</li>
<li>We came up with new contest activities each week (falling within the theme of the overall monthly contest) in order to keep engagement up throughout the month. We didn&#8217;t want someone to participate at the beginning of the month but then have no reason to keep participating throughout the month. We put it in our rules that you had to participate in one activity each week to be entered into the drawing for the prize.</li>
</ul>
<p>It took some time to get our process fully worked out, but after the first two month&#8217;s of running the contest everything was running like a well-oiled machine. Marketing a monthly contest definitely takes some time, but positive results make it worth it. Be sure to keep your contest ideas fun, and your weekly tasks simple. You don&#8217;t want to scare people off with tasks that are too difficult. Once the month is over its time to select a winner.</p>
<h2>Contest Winner Selection, Notification, and Fulfillment</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>At the end of each monthly contest we entered everyone who participated in each of the weekly tasks into a drawing. We then selected 1 grand prize winner and 2 consolation prize winners. If you have a lot of people participating in your contest it&#8217;s important to have consolation prizes so that more than 1 person can win something.</p>
<p>Here&#8217;s how we go about notifying the winners and fulfilling their prizes:</p>
<ul>
<li>Since the contest runs through Facebook, we use Facebook to notify winners. We leave a Wall Post on our client&#8217;s Facebook page announcing the winner and we send each winner a Facebook message.</li>
<li>We include a little blurb about the winner in the next contests&#8217; blog article</li>
<li>Depending on the prize and location of the winner, we usually collect their mailing address via a Google Form that we send to all winners and then mail them their prize.</li>
<li>We also ask our winners for a picture of them holding up the prize so that we can use it in promoting future contests. If the person lives locally we may actually ask them to meet up for a picture and to give them their prize on the spot.</li>
</ul>
<h2>Contest Results</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><img class="aligncenter size-medium wp-image-63056" title="Generate Results with an Online Contest" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/online-contest-results-570x208.jpg" alt="how to online contest" width="570" height="208" /></p>
<p>So far the contest that we set up for our client has been an overwhelming success. The level of engagement by my client&#8217;s Facebook community has far exceeded our expectations. Here are some of the data points that we are tracking:</p>
<ul>
<li>Average Participation Rate: 10% of fans participate in weekly contests</li>
<li>Facebook Business Page Growth Rate: Growing page &#8216;LIKES&#8217; by 5-7% per month</li>
<li>Facebook Page Impressions: Up 35% since starting the contest</li>
</ul>
<p>Overall the number of &#8220;LIKES&#8221; are growing steadily each month, which means we are attracting new contest participants/Facebook community members on behalf of my client. Contest participation is very high compared with an industry average of a few percent. The amount of people seeing our message has skyrocketed since starting these contests. Our labor is starting to pay off as our contest is seeing increasing traffic from Facebook to their website and online sales are increasing.</p>
<h2>Should I Run an Online Contest?</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Depending on your goals I would recommend that the majority of website owners at least consider running an online contest. Contests can be a great way to engage your online community, as well as, get them to spread your message to their friends. Follow the steps that we laid out in this article and you&#8217;re sure to have success.</p>
<h4>Watch out! 1stwebdesigner will be launching contests for designers this February!</h4>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/online-contests-user-engagement/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Google Doodle History and a Nostalgic Showcase</title>
		<link>http://www.1stwebdesigner.com/inspiration/google-doodle-history-showcase/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/google-doodle-history-showcase/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 21:00:14 +0000</pubDate>
		<dc:creator>Rachel Arandilla</dc:creator>
				<category><![CDATA[Illustration]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[google doodle]]></category>
		<category><![CDATA[google logo]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=59766</guid>
		<description><![CDATA[The concept of Google has changed little since its inception. Google is a user-friendly and very useful tool for online searches. We know what to expect of Google already: a search bar to enter the necessary keywords and then in a single click, relevant results are returned. The site is simple and minimal, so it [...]]]></description>
			<content:encoded><![CDATA[<p>The concept of Google has changed little since its inception. Google is a user-friendly and very useful tool for online searches. We know what to expect of Google already: a search bar to enter the necessary keywords and then in a single click, relevant results are returned. The site is simple and minimal, so it can get ho-hum every once in a while, until Google doodles are born.</p>
<p>Google doodles, in a few words, are modified versions of the classic Google logo. They are often seen on special holidays and or for memorable events. Google doodles are a fun and pleasant surprise, because you never know what you&#8217;re gonna get. But do you know the story behind Google doodles? Let&#8217;s explore them together, and look at the most memorable examples of all time.</p>
<p><span id="more-59766"></span></p>
<h2>The History of Google Doodles</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>The first doodle was actually in 1998, to commemorate the Burning Man Festival. There is a stick figure behind the &#8216;o&#8217; in Google. This is to indicate that the founders of Google took part and attended the festival. The design was a nod to the users that the founders were &#8216;out of office&#8217;.</p>
<p><img class="alignnone size-full wp-image-60894" title="google-first-doodle-history" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/google-first-doodle-history.jpg" alt="" width="570" height="106" /></p>
<p>Google doodles became a huge hit, and appeared more and more on other holidays: Christmas, Valentines Day, Thanksgiving, Easter, just to name a few.</p>
<div id="attachment_62268" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-62268" title="christmas-google-doodles" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/christmas-google-doodles.jpg" alt="" width="570" height="465" /><p class="wp-caption-text">Google doodles during the Christmas holidays throughout the years</p></div>
<p>Soon doodles started to commemorate lesser known events such as: &#8216;Pi&#8217; day, Hans Christensen&#8217;s birthday, the anniversary of Sesame Street, and even the invention of the barcode.</p>
<p><img class="alignnone size-full wp-image-62259" title="google-doodle-hans-christian-andersen-birth" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-hans-christian-andersen-birth.jpg" alt="" width="570" height="206" /></p>
<p><img class="alignnone size-full wp-image-62258" title="barcode-google-searches-celebrate" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/barcode-google-searches-celebrate.jpg" alt="" width="570" height="118" /></p>
<p>Google is a company with a great sense of humor. Every April Fool&#8217;s Day, Google makes hoaxes and pranks that are sometimes silly, sometimes absurd, and always hilarious.</p>
<p><img class="alignnone size-full wp-image-62269" title="google-doodle-april-fools-toilet-wireless" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-april-fools-toilet-wireless.jpg" alt="" width="570" height="144" /></p>
<p>One prank in 2007 was the introduction of the Google TiSP, which is a wireless router that runs through the toilets. Moreover, Google promised that the TiSP has 24 hour, on site technical support in case of backup problems, brownouts, &amp; data wipes.</p>
<p><img class="alignnone size-full wp-image-62271" title="google-romance-hoax-prank" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-romance-hoax-prank1.jpg" alt="" width="570" height="150" /></p>
<p>Another elaborate prank was on April Fool&#8217;s of 2006. It was published with the introduction: Dating is a search problem. Solve it with Google Romance&#8217;. The search engine tool is used for &#8216;Soulmate Search&#8217; so users can have a &#8216;Contextual date&#8217;.</p>
<h2>Interactive and Flashing Doodles</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Recently, Google doodles have gone interactive, and thus, have become more fun. The first interactive doodle was a clickable slideshow of a Halloween candy.</p>
<div><img class="alignnone size-full wp-image-62115" title="google-halloween-interactive" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-halloween-interactive.jpg" alt="" width="570" height="223" /></div>
<div></div>
<div><img class="alignnone size-full wp-image-62248" title="google-search-bar" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-search-bar.jpg" alt="" width="570" height="217" /></div>
<p>Since then, there have been many unique doodles such as a game, a short film, and more, all on the Google page.<br />
One example is the Google <a href="http://www.google.com/logos/particle.html">particle logo</a> wherein the particles move away from the cursor every time it moves near.</p>
<p><img class="alignnone size-full wp-image-62267" title="interactive-particle-google-logo" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/interactive-particle-google-logo.jpg" alt="" width="570" height="191" /></p>
<p>The Pacman Google doodle is a fun game that celebrates the classic Pacman game. If you missed it when it was on the website last May 22, 2010, you can check and play the game <a href="http://www.google.com/pacman/">here</a>.</p>
<p><img class="alignnone size-full wp-image-62275" title="google-pacman" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-pacman.jpg" alt="" width="570" height="186" /></p>
<p>Google celebrated Jim Henson&#8217;s 75th birthday on September 24, 2011 with a really funny Google doodle. It&#8217;s a pretty nifty doodle, where you can create your own  puppet show. If you missed it, you can still see the Muppet Google Doodle <a href="http://blog.mad4flash.com/2011/09/google-logo-for-september-23-2011-monsters-or-muppets/">here</a>.</p>
<p><img class="alignnone size-full wp-image-62532" title="muppets-google-doodles" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/muppets-google-doodles.jpg" alt="" width="570" height="226" /></p>
<p>Probably my favorite of all Google Doodles is the Les Paul guitar one. The Les Paul doodle commemorates Les Paul&#8217;s 96th birthday. The doodle is extremely fun, it&#8217;s playable and you can create and record your own tunes with it.<br />
<img title="google-les-paul-interactive-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/google-les-paul-interactive-doodle.jpg" alt="" width="570" height="199" /></p>
<h2>Some of the Best Google Doodles throughout the years</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Here are the best Google doodles from 2001 to 2011.</p>
<ul>
<li><strong>5/24/2002</strong></li>
</ul>
<p>A tribute to Dilbert, a famous comic strip celebrating every working man. The Google doodle ran for five days, from Monday to Friday, with a funny comic strip feature everyday.<br />
<strong><img class="alignnone size-full wp-image-62534" title="google-dilbert-day-1" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-dilbert-day-1.jpg" alt="" width="570" height="130" /></strong><br />
<img class="alignnone size-full wp-image-62535" title="google-doodle-day-2" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-day-2.jpg" alt="" width="570" height="130" /><br />
<img class="alignnone size-full wp-image-62537" title="google-doodle-day-3" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-day-3.jpg" alt="" width="570" height="130" /><br />
<img class="alignnone size-full wp-image-62538" title="google-doodle-day-4" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-day-4.jpg" alt="" width="570" height="130" /><br />
<img class="alignnone size-full wp-image-62539" title="dilbert-logo-doodle-google" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/dilbert-logo-doodle-google.jpg" alt="" width="570" height="130" /></p>
<ul>
<li><strong>3/13/2003</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62584" title="albert-einstein-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/albert-einstein-google-doodle.jpg" alt="" width="570" height="115" /></strong><br />
March 13 celebrates the 124th birthday of one of the world&#8217;s most lovable scientists, Albert Einstein.</p>
<ul>
<li><span class="Apple-style-span" style="font-weight: bold;">1/4/2006</span></li>
</ul>
<p><img class="alignnone size-full wp-image-60884" title="louis-braille-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/louis-braille-google-doodle.jpg" alt="" width="570" height="110" /></p>
<p>Google in Braille for one day, in celebration of Louise Braille&#8217;s birthday.</p>
<ul>
<li><strong>12/12/2006</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62543" title="google-scream-munch" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-scream-munch.jpg" alt="" width="570" height="176" /></strong><br />
The Scream logo was featured on December 12, also Edvard Munch&#8217;s birthday.</p>
<ul>
<li><strong>5/6/2008</strong></li>
</ul>
<p><img class="alignnone size-full wp-image-62583" title="invention-laser-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/invention-laser-google-doodle.jpg" alt="" width="570" height="110" /><br />
Celebrating the invention of the first laser</p>
<ul>
<li><span class="Apple-style-span" style="font-weight: bold;">6/6/2009</span></li>
</ul>
<p><img class="alignnone size-full wp-image-60886" title="google-tetris-doodle-anniversary-unique-history" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/12/google-tetris-doodle-anniversary-unique-history.jpg" alt="" width="570" height="144" /><br />
Creative Google Doodle with the &#8216;l&#8217; still dangling on top. This was for the 25th Anniversary of Tetris.</p>
<ul>
<li><strong>3/14/2010</strong></li>
</ul>
<p><img class="alignnone size-full wp-image-62266" title="pi-day-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/pi-day-google-doodle.jpg" alt="" width="570" height="135" /><br />
March 14, or 3/14, is a big day for math nerds worldwide. It&#8217;s Pi Day&#8211; the celebration of the &#8216;perfect number&#8217;, which is 3.14 (or let&#8217;s be exact; 3.14159265).</p>
<ul>
<li><strong>9/30/2010</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62541" title="google-flintstones" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-flintstones.jpg" alt="" width="570" height="227" /></strong><br />
Who can forget the Flintstones? On September 30, 2010, Google commemorated the 50th anniversary of this dearly loved classic cartoon.</p>
<ul>
<li><strong>11/27/2010</strong></li>
</ul>
<p><strong><a href="http://www.1stwebdesigner.com/inspiration/google-doodle-history-showcase/attachment/bruce-lee-google-doodle-2/" rel="attachment wp-att-62567"><img class="alignnone size-full wp-image-62567" title="bruce-lee-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/bruce-lee-google-doodle1.jpg" alt="" width="570" height="150" /></a></strong><br />
Google celebrated Bruce Lee&#8217;s birthday with this special tribute.</p>
<ul>
<li><strong>4/3/2011</strong></li>
</ul>
<p><img title="google-sundae-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-sundae-doodle.jpg" alt="" width="570" height="206" /><br />
Celebration of the invention of the ice cream sundae, made on the same date exactly 119 years ago. Yum!</p>
<ul>
<li><strong>2/14/2011</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62272" title="google-doodle-valentines-day-feb-14" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-valentines-day-feb-14.jpg" alt="" width="570" height="333" /></strong></p>
<p>The Google doodle for Valentines day of 2011 is inspired by Robert Indiana&#8217;s renowned <a href="http://upload.wikimedia.org/wikipedia/en/c/c2/RobertIndianaLove.JPG">LOVE sculpture</a>. The original sculpture has been on exhibit at the Indianapolis Museum of Art since the 70s, but now the sculpture has been reproduced in all types of media and colors and is on display around the world.</p>
<ul>
<li><strong>08/06/2011</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62575" title="google-doodle-chinese-valentines" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-chinese-valentines.jpg" alt="" width="570" height="163" /></strong><br />
In honor of the Chinese Valentines Day in 2011, Google featured the doodle in selected countries celebrating the holiday: in China, Hong Kong, Singapore, Brunei and Taiwan.<strong><br />
</strong></p>
<ul>
<li><strong>12/23/2011</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62570" title="google-doodle-christmas-holidays-2011" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/google-doodle-christmas-holidays-2011.jpg" alt="" width="570" height="174" /></strong><br />
During the holidays, Google made another really great interactive doodle. The doodle is inspired by string lights, carols and popular Christmas icons. Ho, ho, ho!</p>
<ul>
<li><strong>1/7/2012</strong></li>
</ul>
<p><strong><img class="alignnone size-full wp-image-62569" title="addams-family-google-doodle" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/addams-family-google-doodle.jpg" alt="" width="570" height="229" /></strong><br />
A Google doodle in honor of the famous and creepy Addams family, in honor of Charles Addams&#8217; 100th birthday.</p>
<h2>Doodle your Google Now!</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="http://www.google.com/doodle4google/">Google Doodle</a> is currently accepting submissions until March 23, 2012. This time there will be winners for all States!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/google-doodle-history-showcase/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>From Concept to Completion: 50 Examples of the Logo Design Process</title>
		<link>http://www.1stwebdesigner.com/inspiration/50-concept-completion-logo/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/50-concept-completion-logo/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 10:00:13 +0000</pubDate>
		<dc:creator>Jameel Khan</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo process]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=62348</guid>
		<description><![CDATA[In this post, we have composed a list of some businesses whose logos are very famous and popular. These businesses have allowed us to have a peek inside their fascinating logo design process. We hope that this compilation will get you started on your own logo designing process. Creating an effective and successful logo design [...]]]></description>
			<content:encoded><![CDATA[<p>In this post, we have composed a list of some businesses whose logos are very famous and popular. These businesses have allowed us to have a peek inside their fascinating logo design process. We hope that this compilation will get you started on your own logo designing process.</p>
<p>Creating an effective and successful logo design is both an art and a science. The process of logo design is a coming together of the innovative as well as the technical. Let us take a close look at these logo design processes and gain some valuable ideas and insight from them. Enjoy!</p>
<p><span id="more-62348"></span></p>
<h3>1. <a href="http://www.brandclay.com/blog/logo-design-process-homespun-chili/">Logo Design Process: Homespun Chili</a></h3>
<p>Local and international ingredients are used by Homespun Chili in order to create one-of-a-kind meat and vegetarian chili creations. The logo design is clean, smart, original, and conventional with a little Martha Stewart.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign1.jpg" alt="" width="570" border="0" /></p>
<h3>2. <a href="http://www.ideabook.com/tutorials/logo_design/stepbystep_logo.html">Metro Aviation Logo Design Process</a></h3>
<p>Metro Aviation is a helicopter transport company that described the whole process of their logo design creation.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign6.jpg" alt="" width="570" border="0" /></p>
<h3>3. <a href="http://www.helveticbrands.ch/blog/case_study_brokers_logo_design_process/">Case Study: Brokers Logo Design Process</a></h3>
<p>This logo design is simple and fresh, yet gives a very professional image of the event that was organized by Brokers who run stock market simulations and reality contests for college finance students.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign7.jpg" alt="" width="570" border="0" /></p>
<h3>4. <a href="http://www.webdesignerwall.com/tutorials/dache-logo-design-process/">WebMYnd Logo Design Process</a></h3>
<p>This logo design process clarifies how useful their products are such as one of their products turns your Web-browsing history into an extension of your own memory so that you can also keep a copy of everything you look at on the Web.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign15.jpg" alt="" width="570" border="0" /></p>
<h3>5. <a href="http://www.helveticbrands.ch/blog/mindberry_process/">Mindberry’s Logo Design Process</a></h3>
<p>This Vienna based company offers consulting and project management services and it wants to target a young or trendy audience in addition to more conservative companies which can easily be comprehended through their logo design.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign10.jpg" alt="" width="570" border="0" /></p>
<h3>6. <a href="http://imjustcreative.com/logo-process-brokers-direct-insurance-logo-design/2010/11/08/">Brokers Direct Identity Design</a></h3>
<p>Brokers Direct is an online insurance company that offers fast, pleasant and inexpensive insurance for property-owners, tenants, and owners of vacant property, proprietors, students and owners of marketable properties.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign14.jpg" alt="" width="570" border="0" /></p>
<h3>7. <a href="http://justcreativedesign.com/2009/09/09/blog-logo-design/">A-List Blogging Bootcamps’ Identity Design</a></h3>
<p>This logo design process clarifies the complete logo design process behind the A-List Blogging Bootcamps identity design which is a website offering a series of short, live online training courses for bloggers.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign51.jpg" alt="" width="570" border="0" /></p>
<h3>8. <a href="http://layersmagazine.com/artistic-expression-logo-design-from-start-to-finish.html">Logo Design from Start to Finish</a></h3>
<p>In this process of logo design, they made use of an eco-friendly bottled water alternative that is provided by Vero to different cafés, restaurants and hotels. Basically they use the latest in microprocessor-controlled water-purification technology to cleanse, chill and carbonate tap water, if needed.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign2.jpg" alt="" width="570" border="0" /></p>
<h3>9. <a href="http://www.blog.spoongraphics.co.uk/tutorials/logo-design-process-and-walkthrough-for-vivid-ways">Logo Design Process and Walkthrough for Vivid Ways</a></h3>
<p>Vivid Ways is a new blog that bring personal development and colorful living together. It intends to inspire and support readers by offering ideas as well as tips on how to live an amazing life.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign3.jpg" alt="" width="570" border="0" /></p>
<h3>10. <a href="http://www.davidairey.com/tammy-lenski-logo-design-business-card/">Tammy Lenski brand identity design</a></h3>
<p>Tammy Lenski LLC is a business that takes care of argument resolution in the workplace. The new logo was expected to be simple and fresh, inspirational and appealing.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign4b.jpg" alt="" width="570" border="0" /></p>
<h3>11. <a href="http://justcreativedesign.com/2008/04/24/logo-design-process-of-just-creative-design/">Logo Design Process for Just Creative Design’s Award Winning Logo</a></h3>
<p>This logo design process reveals that how Jacob Cass decided the name for his freelancing business &#8211; Just Creative Design, and the process he used to design the award-winning logo.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign5.jpg" alt="" width="570" border="0" /></p>
<h3>12. <a href="http://www.allgraphicdesign.com/graphicsblog/2008/07/22/logo-design-creation-process-from-start-to-finish-by-expert-graphic-designer-mark-misenheimer/">Blackberry Creek’s Logo Design Process</a></h3>
<p>This article was written by Mark Misenheimer of Misenheimer Creative, Inc. and in this write-up, he explained the process of logo designing from start to finish in order to help other graphic designers.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign8.jpg" alt="" width="570" border="0" /></p>
<h3>13. <a href="http://www.helveticbrands.ch/blog/latitudesouth_logo/">LatitudeSouth’s Creative Process</a></h3>
<p>LatitudeSouth is a New Zealand based enterprise that offers a fresh approach to outsourcing legal services for the clients all over the world. The importance of their origins is evident in their logo.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign9.jpg" alt="" width="570" border="0" /></p>
<h3>14. <a href="http://www.behance.net/gallery/Dimitrovi_Co-Identity-process/329015">Dimitrovi&amp;Co &#8211; Identity process</a></h3>
<p>This logo was created for Dimitrovi &amp; Co. that was founded in the early 90’s, and deals in delivering heavy machinery services such as excavators, bulldozers and heavy trucks.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign11.jpg" alt="" width="570" border="0" /></p>
<h3>15. <a href="http://justcreativedesign.com/2009/04/30/identity-design-process-for-butterfield-photography/">Identity Design Process for Butterfield Photography</a></h3>
<p>Since the logo was created for Butterfield Photography that is run by Maria and Robert Butterfield who focus on different areas of photography, thus the logo needs to be usable across a broad range of businesses.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign12.jpg" alt="" width="570" border="0" /></p>
<h3>16. <a href="http://identitydesigned.com/dezeen-watch-store/">Dezeen Watch Store</a></h3>
<p>The company deals in watches by famous designers and boutique brands and their brand identity that is their logo design gives them a dynamic clock identity.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign13.jpg" alt="" width="570" border="0" /></p>
<h3>17. <a href="http://imjustcreative.com/apple-eve-logo-process/2010/06/12/">Apple &amp; Eve Identity Development</a></h3>
<p>This logo design process post is for a company invitingly called, Apple &amp; Eve.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign16.jpg" alt="" width="570" border="0" /></p>
<h3>18. <a href="http://inspirationfeed.com/2010/11/logo-design-process-of-green-candy/">Green Candy’s Logo Design Process</a></h3>
<p>Here we reveal the process of logo design for Green Candy that shows that a lot of thought is required to achieve the best possible design solution for the client.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign17.jpg" alt="" width="570" border="0" /></p>
<h3>19. <a href="http://breezycreativedesign.com/2010/01/28/the-logo-design-process-for-dounia-mediterranean-food/">The logo design process for Dounia</a></h3>
<p>This article explains the process behind the creation of the logo design for Dounia, a Mediterranean canned food company.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign49.jpg" alt="" width="570" border="0" /></p>
<h3>20. <a href="http://www.processedidentity.com/study/study-08-graeme-stephenson/">Media Access</a></h3>
<p>This logo design was created for Media Access, and here is the complete insight story of its creation.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign50.jpg" alt="" width="570" border="0" /></p>
<h3>21. <a href="http://www.behance.net/gallery/Visual-identity--Sabienzia/823175">Visual identity / Sabienzia</a></h3>
<p>This logo has been designed for Sabienzia which is a dynamic and international enterprise having more than 20 years of experience in the area of teleworking, unified communication, and virtualization, advanced analytics and green IT.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign20.jpg" alt="" width="570" border="0" /></p>
<h3>22. <a href="http://ocondesign.com/?p=796">Thomas &amp; Gray LogoBy</a></h3>
<p>Get a step by step overview of how Thomas &amp; Gray logo was designed which is a company that makes custom furniture.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign21.jpg" alt="" width="570" border="0" /></p>
<h3>23. <a href="http://www.blog.spoongraphics.co.uk/articles/behind-the-scenes-of-the-designbump-redesign">Behind the Scenes of the DesignBump Redesign</a></h3>
<p>Here get into the behind the scene of the logo redesigning process for DesignBump which is a social bookmarking website aimed purely at the design and web community.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign22.jpg" alt="" width="570" border="0" /></p>
<h3>24. <a href="http://www.duoh.com/news/article/logo-design-for-social-signal/">Logo design for Social Signal</a></h3>
<p>Need to get some inspiration to design a logo for a web strategy company? Here is the logo design process for Social Signal that facilitates business, non-profit as well as government clients employ the most recent web tools to connect their customers, supporters and the general public in crucial conversations.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign23.jpg" alt="" width="570" border="0" /></p>
<h3>25. <a href="http://www.helveticbrands.ch/blog/hotbox/">HotBox Studios</a></h3>
<p>This logo design process is shared with the intention to serve as interesting reading for the design community as well as to let you follow this design process from start to finish.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign24.jpg" alt="" width="570" border="0" /></p>
<h3>26. <a href="http://vector.tutsplus.com/tutorials/designing/the-logo-design-process-for-ultimate-potential/">The Logo Design Process for Ultimate Potential</a></h3>
<p>Get the guidelines from Jacob Cass for creating the logo for Ultimate Potential. This article will not only provide an insight into the logo design process but will also demonstrate the thought process behind creating the logo, as well as the creation of the logo itself.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign25.jpg" alt="" width="570" border="0" /></p>
<h3>27. <a href="http://www.gavinelliott.co.uk/2009/08/logo-design-process-for-stratega-group-ltd/">Logo Design process for Stratega Group</a></h3>
<p>This process of this logo design creation was completed as part of a full branding project for the Stratega Group Ltd which is a UK based financial company dealing with large clients in various financial fields.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign26.jpg" alt="" width="570" border="0" /></p>
<h3>28. <a href="http://abduzeedo.com/brainstorm-9-logo-process">Brainstorm #9 Logo Process</a></h3>
<p>Brainstorm #9 is one of the biggest and most prestigious Brazilian blogs and here we are revealing the process of redesigning their brand image.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign27.jpg" alt="" width="570" border="0" /></p>
<h3>29. <a href="http://www.thedesigncubicle.com/2008/11/the-creative-process-for-the-design-cubicles-logo/">The creative process for The Design Cubicle logo</a></h3>
<p>Let us unveil the creative process for The Design Cubicle logo that aimed to reflect the same sense of community that the workspace and “cubicle-life” provide — a place to create, interact and learn.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign28.jpg" alt="" width="570" border="0" /></p>
<h3>30. <a href="http://justcreativedesign.com/2009/02/04/the-logo-design-process-from-start-to-finish/">The Logo Design Process From Start to Finish</a></h3>
<p>Grab the complete logo design process from start to finish for the Uke that sells exceptional arrangements of chocolate as a substitute to gift baskets. An upscale market is the target here.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign52.jpg" alt="" width="570" border="0" /></p>
<h3>31. <a href="http://abduzeedo.com/sikbox-logo-design-process">Sikbox Logo Design Process</a></h3>
<p>Sikbox is a web app that lets you to add a live search to your site, or any site. It uses the Yahoo Boss api as well as it essentially works better than Drupal default search system. This post shares with you a bit of the ideas and the design process for the logo creation.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign29.jpg" alt="" width="570" border="0" /></p>
<h3>32. <a href="http://www.gavinelliott.co.uk/2009/03/logo-design-and-stationery-for-aspire-hypnotherapy/">Logo Design and Stationery for Aspire Hypnotherapy</a></h3>
<p>The logo design project was completed as part of a full branding and web project at carrotmedia. Aspire Clinical Hypnotherapy is the trading name for Judi Butler, a clinical hypnotherapy from Newcastle upon Tyne, UK.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign30.jpg" alt="" width="570" border="0" /></p>
<h3>33. <a href="http://www.thedesigncubicle.com/2009/07/a-special-need-logo-design-process/">A Special Need logo design process</a></h3>
<p>A Special Need is a nanny agency committed to supplying nannies experienced in special needs to parents. The brand new company was helpless without a logo to symbolize their services and online blog that helps parents and professionals.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign31.jpg" alt="" width="570" border="0" /></p>
<h3>34. <a href="http://www.helveticbrands.ch/blog/evolution_of_dache_logo/">The dache Logo Design Evolution</a></h3>
<p>Get an insight into the logo design process as well as the thought process behind creating the logo; and then will take you through the process of logo designing.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign32.jpg" alt="" width="570" border="0" /></p>
<h3>35. <a href="http://typedia.com/blog/post/behind-the-typedia-logo-design/">Behind the Typedia Logo Design</a></h3>
<p>John Langdon created the logo for the Typedia, and here he revealed the deep story behind the creation of this logo.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign33.jpg" alt="" width="570" border="0" /></p>
<h3>36. <a href="http://www.chopeh.com/blog/logo-design-start-to-finish/">Logo Design: From Start to Finish</a></h3>
<p>The last logo design process in this collection is about DANZK which is a soon-to-be-launched lifestyle blog that aims to display the Danish way of life to locals and foreigners who are interested in the country.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign53.jpg" alt="" width="570" border="0" /></p>
<h3>37. <a href="http://www.brandclay.com/blog/logo-design-process-ear-center-audiology/">Logo Design Process: Ear Center Audiology</a></h3>
<p>This is a comparatively new and fresh logo design created for a new hearing aid dealer named ‘Ear Center Audiology.’</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign35.jpg" alt="" width="570" border="0" /></p>
<h3>38. <a href="http://www.processedidentity.com/study/study-14-hexanine-bevreview/">Creative Process Study</a></h3>
<p>Get to know some insights on how this new logo was designed for BevReview.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign36.jpg" alt="" width="570" border="0" /></p>
<h3>39. <a href="http://www.brandclay.com/blog/creation-of-a-new-brand-two-giraffes/">Creation of a New Brand: Two Giraffes</a></h3>
<p>Learn how Sean Farrell created this Two Giraffes logo that include the number 2 and two giraffe heads incorporated into the negative space.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign37.jpg" alt="" width="570" border="0" /></p>
<h3>40. <a href="http://blog.iso50.com/15074/plancast-penguin-development-process/">Plancast penguin development process</a></h3>
<p>This logo design was created by the designer Alex Cornell for local San Francisco start-up named Plancast.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign38.jpg" alt="" width="570" border="0" /></p>
<h3>41. <a href="http://veerle-v2.duoh.com/blog/comments/logo_design_for_visit_france/">Logo design for Visit France</a></h3>
<p>This logo design was created for Visit France &#8211; a website that is particularized in finding accommodation in France.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign39.jpg" alt="" width="570" border="0" /></p>
<h3>42. <a href="http://jeremybolton.com/2010/06/associated-painters-logo-design-process/">Associated Painters Logo Design Process</a></h3>
<p>In this logo design process, you will see how the business of painting commercial aircraft Associated Painters works.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign40.jpg" alt="" width="570" border="0" /></p>
<h3>43. <a href="http://jeremybolton.com/2010/02/insyndia-logo-design-process/">Insyndia Logo Design Process</a></h3>
<p>This creative logo design was created for IT Company named Insyndia, and here you will see the complete process behind the creation.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign41.jpg" alt="" width="570" border="0" /></p>
<h3>44. <a href="http://imjustcreative.com/logo-process-orb-web-solutions-identity-development/2010/05/15/">Orb Web Solutions Identity Development</a></h3>
<p>This article is a practice for the Orb Web Solutions logo design by the designer Graham Smith.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign42.jpg" alt="" width="570" border="0" /></p>
<h3>45. <a href="http://ocondesign.com/?p=1557">Weedon Island AWIARE logo</a></h3>
<p>Let us unveil the creative process for the logo design process of Alliance for Weedon Island Archaeological Research and Education.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign43.jpg" alt="" width="570" border="0" /></p>
<h3>46. <a href="http://www.processedidentity.com/study/study-11-design-kompany/">Creative Process Study</a></h3>
<p>This article explains the process behind the creation of the logo design for the Creative Process Study for Million Monarchs.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign44.jpg" alt="" width="570" border="0" /></p>
<h3>47. <a href="http://www.littleboxofideas.com/blog/features/a-complete-logo-design-process-for-an-eco-green-logo">Complete Logo Design Process For an Eco Green Logo</a></h3>
<p>This creative logo design was created for Envision Customworks and it also contains a case study as well.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign45.jpg" alt="" width="570" border="0" /></p>
<h3>48. <a href="http://siahdesign.com/archives/948">Re-branding Undersea Productions</a></h3>
<p>Learn and grab the technique how the new brand identity for Undersea Productions which is an imaging company based out of Australia was designed so successfully.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign46.jpg" alt="" width="570" border="0" /></p>
<h3>49. <a href="http://www.bene.be/blog/comments/the_redesign_process_of_the_ibbt_logo/">The Redesign Process of the IBBT Logo</a></h3>
<p>This article explains the complete logo design process as well as contains the case study that further clarifies how the new identity of IBBT (Interdisciplinary Institute for Broadband Technology) was created.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign47.jpg" alt="" width="570" border="0" /></p>
<h3>50. <a href="http://veerle-v2.duoh.com/blog/comments/logo_design_for_fabulis/">Logo design for fabulis</a></h3>
<p>This article explains the complete logo design process for new social network web site called fabulis.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/logodesign48.jpg" alt="" width="570" border="0" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/50-concept-completion-logo/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>10 Amazing DOS Games to Rid Yourself of Boredom</title>
		<link>http://www.1stwebdesigner.com/inspiration/amazing-dos-games/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/amazing-dos-games/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 21:00:11 +0000</pubDate>
		<dc:creator>Salman Siddiqui</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Showcase]]></category>
		<category><![CDATA[dos games]]></category>
		<category><![CDATA[showcase]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=61401</guid>
		<description><![CDATA[Remember the days when a computer would require a floppy to boot? There was hardly any on-board storage in computers in those days. You wanted to save anything then you had to save it on your floppy drive or else forget it. Those were the days when DOS based games were top of the gaming [...]]]></description>
			<content:encoded><![CDATA[<p>Remember the days when a computer would require a floppy to boot? There was hardly any on-board storage in computers in those days. You wanted to save anything then you had to save it on your floppy drive or else forget it. Those were the days when DOS based games were top of the gaming heap and we would spend hours playing those Pac-Man type games. Gone are those days but somehow the love for good old DOS based games is still around. That&#8217;s why the playable Pac-Man Google Doodle became ultra famous. DOS games will continue to a place of their own in our highly technical lives. This list will introduce you to some of the famous DOS-based games that you can still enjoy during your free time. You won&#8217;t get bored. Trust me!</p>
<p><span id="more-61401"></span></p>
<p><strong>NOTE:</strong> You will require an emulator to run a DOS based game. Read the &#8220;Before You Begin&#8221; section carefully before you start downloading DOS based games.</p>
<h2>Before You Begin</h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>DOS games won&#8217;t run with just a double-click even when they are executable (.EXE) files. The best way to run a DOS based game is to download an emulator as they are designed especially for this purpose. <a title="DOSBox" href="http://www.dosbox.com/" target="_blank">DOSBox</a> is by far the best emulator for Windows machines. Once you have downloaded DOSBox and it is running on your machine then you will have to mount your game directory on which you have the executable game files. Follow the below steps:</p>
<ul>
<li>Type the following in your DOSBox window: <strong>mount C C:\games</strong>. This will tell DOSBox that you want to use the<strong> games</strong> directory as the source to run all your DOS based games.</li>
<li>Now <strong>CD</strong> (change directory) to C: drive<strong> &#8211; cd C:</strong></li>
<li>Place all the executable DOS game files in the <strong>games</strong> directory and now hit the <strong>DIR</strong> command.</li>
<li>You will notice that from C: drive itself the DIR command gives you the list of executable files that are actually placed in <strong>games</strong> directory. Just type the name of the file like turbo.exe and hit enter to start your DOS game.</li>
<li>You can create multiple directories inside this directory to categorize your games.</li>
<li>Have fun!</li>
</ul>
<p>Mac users can use <a title="Boxer" href="http://boxer.washboardabs.net/" target="_blank">Boxer</a> as the emulator to run DOS based game while <a title="DOSEMU" href="http://www.dosemu.org/" target="_blank">DOSEMU</a> is the emulator for Linux users. Now that we know how to execute a DOS based game, here is the much awaited showcase of DOS games.</p>
<h4><a title="Prince of Persia" href="http://www.doperoms.com/roms/dos/Prince%20Of%20Persia%201%20%281992%29%28Broderbund%29.zip.html/133091/Prince%20Of%20Persia%201%20%281992%29%28Broderbund%29.zip.html" target="_blank">Prince of Persia</a></h4>
<p><img class="alignnone size-full wp-image-61818" title="prince of persia" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/prince-of-persia.jpg" alt="" width="570" height="300" /></p>
<p>The good old prince is back to save his princess. Although we have the latest versions of this game already available, playing the same in a DOS console will always bring back old memories. You get three lives for each game which is actually a tad better than the real world where we get one life to save our girl!</p>
<h4><a title="DOOM" href="http://www.dosgamesarchive.com/download/doom/" target="_blank">DOOM</a></h4>
<p><img class="alignnone size-full wp-image-61820" title="doom" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/doom.jpg" alt="" width="570" height="300" /></p>
<p>Ahhh! Doom is here to bring back your killer instincts. You haven&#8217;t yet grown old and this game will help you revive your old self. Also, this time you have many weapons in hand to help increase your comfort level against the enemy.</p>
<h4><a title="Puzzle Pack" href="http://www.dosgamesarchive.com/download/geniuss-puzzle-pack-30/" target="_blank">Genius&#8217;s Puzzle Pack</a></h4>
<p><img class="alignnone size-full wp-image-61822" title="genius" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/genius.jpg" alt="" width="570" height="300" /></p>
<p>You got an iPad? Now you can play your favorite puzzle games while seated at the back of your classroom. Have fun and make sure to avoid your teacher&#8217;s attention. To be precise, this is a bundle of six puzzle games namely Scary Nightmare, Part Time Job, Cubby Hole Trouble, Marbles, Detention Tic Tac Toe, and Blitz Tac Toe.</p>
<h4><a title="Pac Man" href="http://www.dosgamesarchive.com/download/ms-pac-pc/" target="_blank">Pac Man</a></h4>
<p><img class="alignnone size-full wp-image-61824" title="mspacpc" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/mspacpc.jpg" alt="" width="570" height="300" /></p>
<p>Does this bring back some memories? Well, it surely will if you have lived in the days of DOS games. Pac-Man is here to revive old experiences and take you back to those good old days of DOS games. This version is your own Pac-Man with an all new female star with the original hero making occasional appearances.</p>
<h4><a title="Supaplex" href="http://www.dosgamesarchive.com/download/supaplex/" target="_blank">Supaplex</a></h4>
<p><img class="alignnone size-full wp-image-61826" title="supaplex" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/supaplex.jpg" alt="" width="570" height="300" /></p>
<p>Another DOS based puzzle game with pretty decent graphics and sound. The game is more like the retro Boulder Dash that most of us might have played. It is a freeware with a couple of cheats to make life easier.</p>
<h4><a title="Mario" href="http://www.freegameempire.com/games/Mario" target="_blank">Mario</a></h4>
<h4><img class="alignnone size-full wp-image-61828" title="mario" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/mario.jpg" alt="" width="570" height="300" /></h4>
<p>If you don&#8217;t know what Mario is then you better stop reading this article. You aren&#8217;t a computer kid if you haven&#8217;t played Mario on your laptop and I mean it. I have spent months playing Mario and I know the love for this game. Those who always loved Mario and want to bring back those memories must download this game ASAP. Let me know about your experiences with Mario (and his girlfriend) in the comments below.</p>
<h4><a title="3DCube" href="http://www.dosgamesarchive.com/download/3dcube/" target="_blank">3DCube</a></h4>
<p><img class="alignnone size-full wp-image-61830" title="3dcube" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/3dcube.jpg" alt="" width="570" height="300" /></p>
<p>Raise your hand if you have ever been able to arrange this 3DCube puzzle in order without any help whatsoever. I did it once after years of patience and I am proud of that! And, if you haven&#8217;t done so yet, then here is the DOS version of 3DCube to keep you busy. Give yourself a chocolate if you can arrange this back in order within a day. Let me know how long it took you in the comments at the end of the article.</p>
<h4><a title="Champ Kong" href="http://www.dosgamesarchive.com/download/champ-kong/" target="_blank">CHAMP Kong</a></h4>
<p><img class="alignnone size-full wp-image-61832" title="champkong" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/champkong.jpg" alt="" width="570" height="300" /></p>
<p>Wasn&#8217;t Donkey Kong a famous protagonist in most of the DOS games back then? DOS game designers had a thing for monkeys I guess. Anyways, here is your chance to live the Donkey Kong days all over again. Kong wants to save his girlfriend and you can help him do that. Don&#8217;t let the Kong down, please!</p>
<h4><a title="Bat 'n Ball" href="http://www.dosgamesarchive.com/download/bat-n-ball/" target="_blank">Bat &#8216;n Ball</a></h4>
<p><img class="alignnone size-full wp-image-61834" title="batnball" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/batnball.jpg" alt="" width="570" height="300" /></p>
<p>Though Bat &#8216;n Ball is based on an old concept, hitting a bouncing ball, it has been optimized so as to keep your interest levels high. Here, you get to save a castle against a bouncing ball which will break your castle one after the other if you miss to hit the ball back. The bouncing ball will help your reflexes and probably improve them too.</p>
<h4><a title="Alone in the Dark" href="http://www.dosgamesarchive.com/download/alone-in-the-dark/" target="_blank">Alone in the Dark</a></h4>
<p><img class="alignnone size-full wp-image-61838" title="aloneinthedark" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/aloneinthedark.jpg" alt="" width="570" height="300" /></p>
<p>It is tough to get 3D based games in the DOS games family but somehow there are a few for us to enjoy. Alone in the Dark is a 3D adventure game with plenty of action to keep you busy. In this game you get to play a character that will investigate a suicide in an old Louisiana mansion. Be quick and don&#8217;t take years to solve the case like it happens in our real life judicial system.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/amazing-dos-games/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>13 Promising Startups of 2011 that Everyone should Watch Out For</title>
		<link>http://www.1stwebdesigner.com/inspiration/2011-promising-startups/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/2011-promising-startups/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 10:00:59 +0000</pubDate>
		<dc:creator>Salman Siddiqui</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[2011 startups]]></category>
		<category><![CDATA[companies]]></category>
		<category><![CDATA[startups]]></category>
		<category><![CDATA[tech companies]]></category>
		<category><![CDATA[tech startups]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=61692</guid>
		<description><![CDATA[The year that it was! 2011 was a year full of stuff implausible even in our dreams. The Facebook redesign, the advent of Infographics, the new Twitter, and (of course) the much expected new years resolutions that start to follow. My fingers are itching to talk about my personal achievements in the year 2011 but then [...]]]></description>
			<content:encoded><![CDATA[<p>The year that it was! 2011 was a year full of stuff implausible even in our dreams. The <a title="Facebook Redesign" href="http://www.1stwebdesigner.com/design/facebook-timeline-quick-tips-smart-examples/" target="_blank">Facebook redesign</a>, the advent of <a title="Best Infographics of 2011" href="http://www.1stwebdesigner.com/design/25-best-infographics-of-2011-that-are-still-relevant-today/" target="_blank">Infographics</a>, the <a title="The New Twitter" href="http://www.1stwebdesigner.com/design/new-twitter-tweetdeck-redesign/" target="_blank">new Twitter</a>, and (of course) the much expected <a title="New Year Resolutions" href="http://www.1stwebdesigner.com/inspiration/20-new-years-resolution-for-your-career/" target="_blank">new years resolutions</a> that start to follow. My fingers are itching to talk about my personal achievements in the year 2011 but then I don&#8217;t want the editor to kick me out of 1WD for being overly personal. 2011 saw some ace startups that are here to stay. I will take you through some of the riveting and ambitious startups of 2011 that will continue to grow in the year 2012. Let me know if you have others in mind that should have been part of this list.</p>
<p><span id="more-61692"></span></p>
<h2><a href="http://www.rowshambow.com/" target="_blank">Row Sham Bow</a></h2>
<p><a href="http://www.rowshambow.com/" target="_blank"><img class="alignnone size-full wp-image-61735" title="rowshambow" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/rowshambow.jpg" alt="" width="570" height="300" /></a></p>
<p>Row Sham Bow is a game development studio backed by venture capitalists. The company focuses on developing games for social networks and various other consumer platforms. The company is committed to create games that touches the audience&#8217;s heart and soul. One of their fresh projects is Woodland Heroes that is doing well on Facebook. We expect a lot more from the team of Row Sham Bow most of which have the EA Sports work experience.</p>
<h2><a title="Event Grabber" href="http://www.eventgrabber.com/" target="_blank">Event Grabber</a></h2>
<p><a title="Event Grabber" href="http://www.eventgrabber.com/" target="_blank"><img class="alignnone size-full wp-image-61736" title="event grabber" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/event-grabber.jpg" alt="" width="570" height="300" /></a></p>
<p>Optimization of location based marketing is the new fad in the Internet industry and the people behind Event Grabber are well aware of this fact. Event Grabber will grab all the local events and categorize them automatically into various categories. Later on it recommends the same to users on the basis of their personal preferences. It is said that you have arrived once you are featured on Mashable and Event Grabber has earned <a title="Event Grabber on Mashable" href="http://mashable.com/2011/12/08/eventgrabber/" target="_blank">their space on Mashable</a>.</p>
<h2><a title="Kogeto Dot" href="http://kogeto.com/dot.php" target="_blank">Kogeto Dot</a></h2>
<p><a title="Kogeto Dot" href="http://kogeto.com/dot.php" target="_blank"><img class="alignnone size-full wp-image-61737" title="kogeto dot" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/kogeto-dot.jpg" alt="" width="570" height="300" /></a></p>
<p>Kogeto Dot was launched by Kogeto in the year 2011 and was appreciated by its consumers. The Dot lets you shoot 360-degree videos from your iPhone. Kogeto Dot happens to be the smallest (and the cutest) panoramic camera for an iPhone available to date. Kogeto Dot raised <a title="Kogeto Dot on KickStarter " href="http://www.kickstarter.com/projects/dot/dot-360o-video-capture-for-the-iphone-4" target="_blank">$120,514 on KickStarter</a> from over 1023 miniature venture capitalists (of sorts).</p>
<h2><a title="Warby Parker" href="http://www.warbyparker.com/" target="_blank">Warby Parker</a></h2>
<p><a title="Warby Parker" href="http://www.warbyparker.com/" target="_blank"><img class="alignnone size-full wp-image-61738" title="warby parker" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/warby-parker.jpg" alt="" width="570" height="300" /></a></p>
<p>Nothing incredibly unique about Warby Parker but they still seemed to have attracted a lot of attention. Warby Parker is an online retailer for prescription glasses and similar products. The reason why Warby has garnered so much attention is the fact that it has shown guts to disrupt an industry that has been around for ages but never found competitors. It solves a real problem in the online prescription glasses industry and gives the end consumer the much desired choices.</p>
<h2><a title="Desmos" href="https://www.desmos.com/" target="_blank">Desmos</a></h2>
<p><a title="Desmos" href="https://www.desmos.com/" target="_blank"><img class="alignnone size-full wp-image-61740" title="desmos" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/desmos.jpg" alt="" width="570" height="300" /></a></p>
<p>We see students carrying iPads, iPhones, Kindles and various other gadgets to schools. The problem that has come up with multiple gadgets that are used for the same purpose is the compatibility. Desmos has done its homework and come up with a platform which will be compatible with any device and make life easier for students as well as teachers. Desmos launched onstage at the <a href="http://techcrunch.com/2011/05/24/build-and-share-rich-educational-content-with-desmos/" target="_blank">TechCrunch Disrupt</a> and has gained a lot of publicity since then.</p>
<h2><a href="https://goalbookapp.com/" target="_blank">Goalbook</a></h2>
<p><a href="https://goalbookapp.com/" target="_blank"><img class="alignnone size-full wp-image-61742" title="goalbook" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/goalbook.jpg" alt="" width="570" height="300" /></a></p>
<p>Adding another to the list of ed tech startups is Goalbook. It has been tagged as the Facebook of IEPs (individualized education programs) as Goalbook seems to fulfill a void in the IEP industry. IEP can be extremely complex to design due to various student preferences and Goalbook founders have shown the courage to simplify this niche. Goalbook helps the team working with the student to better communicate with each other so that all can collaborate to achieve the desired goal.</p>
<h2><a href="http://goodsie.com/" target="_blank">Goodsie</a></h2>
<p><a href="http://goodsie.com/" target="_blank"><img class="alignnone size-full wp-image-61792" title="goodsie" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/goodsie.jpg" alt="" width="570" height="300" /></a></p>
<p>Goodsie is to E-Commerce websites what WordPress is to blogs. You want to setup a blog real quick? Use WordPress and you will be rolling in minutes. Similarly Goodsie has taken up the tough task of gifting everyone with an e-commerce website in no time. You get to choose between multiple layouts and it happens to be a real good option for starters. With over $3 million in funding, Goodsie is here to stay.</p>
<h2><a href="http://www.codecademy.com" target="_blank">Codecademy</a></h2>
<p><a href="http://www.codecademy.com" target="_blank"><img class="alignnone size-full wp-image-61793" title="codeacademy" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/codeacademy.jpg" alt="" width="570" height="300" /></a></p>
<p>Remember the good old days when learning JavaScript would scare the you-know-what out of you? Well, I am part of that same club who was always afraid of JavaScript during its initial years in programming. Codecademy took the task of making JavaScript learning a fun process and the startup seems to have succeeded in that pretty well. One can learn and practice the basics of JavaScript online at Codecademy without getting bored.</p>
<h2><a href="http://fab.com/" target="_blank">Fab</a></h2>
<p><a href="http://fab.com/" target="_blank"><img class="alignnone size-full wp-image-61795" title="fab" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/fab.jpg" alt="" width="570" height="300" /></a></p>
<p>Isn&#8217;t that a lovely three letter domain? Fab happens to be a flash sale and home decor portal that has done well since its launch around 6 months ago. With over $11 million venture backing, Fab is here to stay for sure. Fab gained a nice amount of recognition due to its viral marketing scheme. The website asks you to invite 3 friends before you get access to its content (which is actually riveting). Fab is famous for selling unique stuff like iPhone covers that are made out of daily newspapers.</p>
<h2><a href="http://www.getaround.com/" target="_blank">Get Around</a></h2>
<p><a href="http://www.getaround.com/" target="_blank"><img class="alignnone size-full wp-image-61797" title="get around" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/get-around.jpg" alt="" width="570" height="300" /></a></p>
<p>Get Around works on the unique concept of renting out your vehicles when they are not being used. Get Around lets you rent your vehicles to your neighbors when your aren&#8217;t actually using it. Services like hourly rental and full insurance attracts customers and the service has henceforth done well since its launch. The $3.4 million dollar funding from CrunchFund was enough to keep the service rolling.</p>
<h2><a href="http://www.oink.com/" target="_blank">Oink</a></h2>
<p><a href="http://www.oink.com/" target="_blank"><img class="alignnone size-full wp-image-61799" title="oink" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/oink.jpg" alt="" width="570" height="300" /></a></p>
<p>Another amazing domain name. I wonder where these startup guys get these domain names. Must be some hefty money exchanged before these domain names are available for use. Alright, lets get down to business. Oink is a actually a cellphone app that lets users rate any sort of stuff that comes by in their life. You can rate things like hamburgers and later on share it with your friends. Oink is one recommendation app which will let you rate items at the venues you visit on the fly. Oink is actually the brain child of Digg found Kevin Rose and henceforth has already gained enough recognition.</p>
<h2><a href="http://www.zaarly.com/" target="_blank">Zaarly</a></h2>
<p><a href="http://www.zaarly.com/" target="_blank"><img class="alignnone size-full wp-image-61801" title="zaarly" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/zaarly.jpg" alt="" width="570" height="300" /></a></p>
<p>Another location based startup which focuses on the rising form of business in locations next to your home. Zaarly is location based marketplace for requests that are real time. You can pinch your neighbor in Zaarly who is ready to movie tickets that you are searching for disparately. Connect, buy and sell. Zaarly is backed by over $14 million worth of investments which makes its future pretty strong.</p>
<h2><a title=" " href="http://www.theverge.com/" target="_blank">The Verge</a></h2>
<p><a title=" " href="http://www.theverge.com/" target="_blank"><img class="alignnone size-full wp-image-61803" title="the verge" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/the-verge.jpg" alt="" width="570" height="300" /></a></p>
<p>The Verge might look like just another tech blog but it is a lot more than just that. Launched by former Engadget Editor, Joshua Topolsky, The Verge has the strong backing of Vox Media. The Verge is an overly enhanced form of tech. blogging where journalists strive to bring in in-depth analysis of latest news and updates that target niche audience.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/2011-promising-startups/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>41 Inspiring Email Newsletter Designs</title>
		<link>http://www.1stwebdesigner.com/inspiration/inspiring-newsletter-designs/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/inspiring-newsletter-designs/#comments</comments>
		<pubDate>Wed, 11 Jan 2012 21:00:23 +0000</pubDate>
		<dc:creator>Jameel Khan</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[email design]]></category>
		<category><![CDATA[graphic-design]]></category>
		<category><![CDATA[newsletter]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=61745</guid>
		<description><![CDATA[An email newsletter is an imperative tool for developing a graphic design business. It is one of most valuable ways to share what type of work you are doing and seeking. Email newsletters are amazing marketing as well as communication tools with multipurpose functions and benefits that expand your reach into a user inbox. With [...]]]></description>
			<content:encoded><![CDATA[<p>An email newsletter is an imperative tool for developing a graphic design business. It is one of most valuable ways to share what type of work you are doing and seeking. Email newsletters are amazing marketing as well as communication tools with multipurpose functions and benefits that expand your reach into a user inbox. With the help of an email newsletter, you can make an additional connection with your viewers beyond the website, and in this way you can keep them in the loop with the latest news and happening to look out for.</p>
<p>Email newsletters, while building a relationship with your visitors or customers, can keep them coming back to your website. This will ultimately result in increased sales. So, without any further ado let us get a load of exceptional ideas to create appealing and engaging graphic email newsletter designs for your new campaign.</p>
<p><span id="more-61745"></span></p>
<h3>1. <a href="http://www.elizabethdavis.info/mailouts/bettyD/bettyD.html">Elizabeth Davis</a></h3>
<p>This newsletter design plays tremendously well with the color usage that makes this newsletter design visually alluring and attractive. Furthermore, the newsletter starts with a catchy tagline.</p>
<p><a href="http://www.elizabethdavis.info/mailouts/bettyD/bettyD.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs9b.jpg" alt="Elizabeth Davis" width="570" border="0" /></a></p>
<h3>2. <a href="http://www.emag.ro/newsletter/2009_09_29_Nu_deschide/?nl_mid=471814">eMag</a></h3>
<p>This newsletter design brings somewhat bright color into play with the amalgamation of black color to give it an attention grabbing look. You can easily notice how the call-to-action buttons are placed.</p>
<p><a href="http://www.emag.ro/newsletter/2009_09_29_Nu_deschide/?nl_mid=471814"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs18.jpg" alt="eMag" width="570" border="0" /></a></p>
<h3>3. <a href="http://www.ccd-design.com/refs/newsletters/heroes-over-europe/">Heroes Over Europe</a></h3>
<p>One of the most outstanding newsletter designs in this collection which sets itself apart from the other ordinary designs.</p>
<p><a href="http://www.ccd-design.com/refs/newsletters/heroes-over-europe/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs1.jpg" alt="Heroes Over Europe" width="570" border="0" /></a></p>
<h3>4. <a href="http://www.spikemail.co.nz/examples/nature-baby/sample1/index.php">Nature Baby</a></h3>
<p>This newsletter design brings beautiful typography and soothing color combination into play to create a compelling and persuasive newsletter design.</p>
<p><a href="http://www.spikemail.co.nz/examples/nature-baby/sample1/index.php"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs23.jpg" alt="Nature Baby" width="570" border="0" /></a></p>
<h3>5. <a href="http://gallery.campaignmonitor.com/ViewEmail/y/14AF832F6E0C5265/">Percept Brand Design</a></h3>
<p>This creative newsletter has been designed by keeping the target audience in mind and this is the reason why it successfully grabs the attention of the potential customers.</p>
<p><a href="http://gallery.campaignmonitor.com/ViewEmail/y/14AF832F6E0C5265/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs2.jpg" alt="Percept Brand Design" width="570" border="0" /></a></p>
<h3>6. <a href="http://www.beautiful-email-newsletters.com/michael-kors/">Michael Kors</a></h3>
<p>Michael Kors makes use of spanking new and refreshing color and an interesting approach to differentiate the newsletter from others.</p>
<p><a href="http://www.beautiful-email-newsletters.com/michael-kors/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs26.jpg" alt="Michael Kors" width="570" border="0" /></a></p>
<h3>7. <a href="http://www.campaignmonitor.com/gallery/entry/3563/limes-farm/">Limes Farm</a></h3>
<p>The designer of this newsletter design has successfully kept this design simple and unfussy while giving it a very striking and appealing look.</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3563/limes-farm/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs31.jpg" alt="Limes Farm" width="570" border="0" /></a></p>
<h3>8. <a href="http://www.stylecampaign.com/template_gallery_05.html">Disney Pixar</a></h3>
<p>With this newsletter design, they tend to dazzle those who love animated movies. Apart from the design, the message of the newsletter is loud and clear.</p>
<p><a href="http://www.stylecampaign.com/template_gallery_05.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs46.jpg" alt="" width="570" border="0" /></a></p>
<h3>9. <a href="http://admin.createsend.com/t/ViewEmail/y/C9E6596A47823183/C67FD2F38AC4859C">ScrapBlog</a></h3>
<p>This newsletter apart from being visually appealing also fulfills the main purpose of a newsletter and that is informing its audience about the subject of the newsletter.</p>
<p><a href="http://admin.createsend.com/t/ViewEmail/y/C9E6596A47823183/C67FD2F38AC4859C"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs3.jpg" alt="ScrapBlog" width="570" border="0" /></a></p>
<h3>10. <a href="http://www.emag.ro/newsletter/2009_12_31_La_Multi_Ani/">eMAG Newsletter</a></h3>
<p>In this newsletter, you will see extremely high contrast colors along with top notch quality of graphics that looks simply stunning and grabs the attention of onlookers.</p>
<p><a href="http://www.emag.ro/newsletter/2009_12_31_La_Multi_Ani/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs4.jpg" alt="eMAG Newsletter" width="570" border="0" /></a></p>
<h3>11. <a href="http://iconinc.createsend.com/T/ViewEmail/r/C2173CCD6E448C6B">Icon Inc</a></h3>
<p>This newsletter design goes well with their tagline “Your Creative Partner”. Further it brings a very innovative approach towards newsletter designs.</p>
<p><a href="http://iconinc.createsend.com/T/ViewEmail/r/C2173CCD6E448C6B"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs5.jpg" alt="Icon Inc" width="570" border="0" /></a></p>
<h3>12. <a href="http://thelomographer.com/2009/nl_diana_doll/">Dress Up Diana</a></h3>
<p>This newsletter design perfectly defines the nature of this collage like newsletter design, and this newsletter fits well on the adage ‘A picture worth thousands words’.</p>
<p><a href="http://thelomographer.com/2009/nl_diana_doll/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs6.jpg" alt="Dress Up Diana" width="570" border="0" /></a></p>
<h3>13. <a href="http://www.htmlemaildesigns.com/images/emails/sephora-7-10-10.jpg">Sephora</a></h3>
<p>This is a magnificently designed newsletter for advertising beauty products. The use of excellent graphics and color contrast helps in making this newsletter more appealing and stylish.</p>
<p><a href="http://www.htmlemaildesigns.com/images/emails/sephora-7-10-10.jpg"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs7.jpg" alt="Sephora" width="570" border="0" /></a></p>
<h3>14. <a href="http://view.onestopinternet.com/view_email.aspx?j=fe561570726003787c1c&amp;m=fefa12717d6600&amp;ls=fe0111737460017e73147274">Paul Frank Industries</a></h3>
<p>Here you will notice excellent use of graphics that will grab the attention to their flat rate shipping.</p>
<p><a href="http://view.onestopinternet.com/view_email.aspx?j=fe561570726003787c1c&amp;m=fefa12717d6600&amp;ls=fe0111737460017e73147274"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs8.jpg" alt="Paul Frank Industries" width="570" border="0" /></a></p>
<h3>15. <a href="http://login.ingage.ie/T/ViewEmail/y/8A6D9F9F1B7F9560/90410848549B0628C67FD2F38AC4859C">IrelandHotels</a></h3>
<p>With a magnificent look at Ireland accompanied by the essential details on going, there is adequate creativity in this newsletter to attract potential tourists to look into the hotel for their next trip for sure.</p>
<p><a href="http://login.ingage.ie/T/ViewEmail/y/8A6D9F9F1B7F9560/90410848549B0628C67FD2F38AC4859C"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs10.jpg" alt="IrelandHotels" width="570" border="0" /></a></p>
<h3>16. <a href="http://thierry.welove72.com/pizza/pizza.html">Pizza</a></h3>
<p>This newsletter design showcases a yummy and delicious pizza on the plain background which is sufficient enough to fascinate the onlookers.</p>
<p><a href="http://thierry.welove72.com/pizza/pizza.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs11.jpg" alt="Pizza" width="570" border="0" /></a></p>
<h3>17. <a href="http://www.responsys.com/blogs/nsm/2010/02/-from-apple-subject-line.html?source=sh">Apple</a></h3>
<p>This newsletter brings imaginative use of beautiful graphics into play along with many iPhones that are placed in the shape of a heart in order to embody the love that we all have for the device.</p>
<p><a href="http://www.responsys.com/blogs/nsm/2010/02/-from-apple-subject-line.html?source=sh"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs12.jpg" alt="Apple" width="570" border="0" /></a></p>
<h3>18. <a href="http://www.htmlemaildesigns.com/images/emails/bing-5-18-10.jpg">Bing</a></h3>
<p>This newsletter demonstrates what Bing has introduced in the world of the internet. This newsletter invites its users to discover what is popular on Bing.</p>
<p><a href="http://www.htmlemaildesigns.com/images/emails/bing-5-18-10.jpg"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs13.jpg" alt="Bing" width="570" border="0" /></a></p>
<h3>19. <a href="http://www.htmlemaildesigns.com/images/emails/adrenalin-media-7-19-10.jpg">Miche Bag</a></h3>
<p>This is a well suited template deign for a newsletter that offers exciting deals through newsletter</p>
<p><a href="http://www.htmlemaildesigns.com/images/emails/adrenalin-media-7-19-10.jpg"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs14.jpg" alt="Miche Bag" width="570" border="0" /></a></p>
<h3>20. <a href="http://go.emaildirect.com/_p_ga4x2nwxtdfubmexga4z6uw3ggfe6jtsga4w2nwx6arubkexyafub8ts22mzxngfs68vnbfvqc8zxuhfj6jbxmjfs8kx37rr548wkjz_p_/trouble.htm">MapMyRide.com</a></h3>
<p>The tempting graphics and captivating tagline are the important components of this newsletter design that mainly focuses on the excitement of cycling.</p>
<p><a href="http://go.emaildirect.com/_p_ga4x2nwxtdfubmexga4z6uw3ggfe6jtsga4w2nwx6arubkexyafub8ts22mzxngfs68vnbfvqc8zxuhfj6jbxmjfs8kx37rr548wkjz_p_/trouble.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs15.jpg" alt="MapMyRide.com" width="570" border="0" /></a></p>
<h3>21. <a href="http://www.ccd-design.com/refs/newsletters/scc/">Splinter Cell</a></h3>
<p>Here the newsletter design is slightly more stylish as compared to other ordinary newsletter designs. The use of black and white colors is quite interesting and makes a distinction between different segments.</p>
<p><a href="http://www.ccd-design.com/refs/newsletters/scc/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs17.jpg" alt="Splinter Cell" width="570" border="0" /></a></p>
<h3>22. <a href="http://gallery.campaignmonitor.com/ViewEmail/r/2F0CEC3D74BC8C03/">East London Design Show</a></h3>
<p>The color theme of this newsletter is really comforting and delicate. The whole newsletter design has been given a very natural and well accepted look,</p>
<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/2F0CEC3D74BC8C03/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs19.jpg" alt="East London Design Show" width="570" border="0" /></a></p>
<h3>23. <a href="http://gallery.createsend.com/t/ViewEmail/y/2BFE31AC04CBC658/C67FD2F38AC4859C">Glasshouse</a></h3>
<p>Yet another great example of using black or dark colors to create a strong impression and grab the attention of the audience.</p>
<p><a href="http://gallery.createsend.com/t/ViewEmail/y/2BFE31AC04CBC658/C67FD2F38AC4859C"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs20.jpg" alt="Glasshouse" width="570" border="0" /></a></p>
<h3>24. <a href="http://view.official.nike.com/?j=ff3711727565&amp;m=fea815707564057e77&amp;ls=fe871c767c62047f7c&amp;l=ff9b1070&amp;s=fe9510737161047577&amp;jb=ff961075&amp;ju=febe167872620279&amp;r=0">Nike</a></h3>
<p>We can define this newsletter template as being simple, un-cluttered and fresh newsletter design with delicate and nice color combination.</p>
<p><a href="http://view.official.nike.com/?j=ff3711727565&amp;m=fea815707564057e77&amp;ls=fe871c767c62047f7c&amp;l=ff9b1070&amp;s=fe9510737161047577&amp;jb=ff961075&amp;ju=febe167872620279&amp;r=0"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs21.jpg" alt="Nike" width="570" border="0" /></a></p>
<h3>25. <a href="http://projects.leitforge.com/cafe-diario/Email_Templates/S/e-mail-ad/Email-ad1.html">Cafe Diario</a></h3>
<p>Tremendously simple and fresh design for a newsletter without too much graphical components being overstuffed in the design. The content of this newsletter is presented against the plain background giving it a very professional look.</p>
<p><a href="http://projects.leitforge.com/cafe-diario/Email_Templates/S/e-mail-ad/Email-ad1.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs22.jpg" alt="Cafe Diario" width="570" border="0" /></a></p>
<h3>26. <a href="http://www.steveandco.com/newsletter/100608/newsletter_IT.htm">Steve and Co</a></h3>
<p>The designer effectively has created a very natural and lovely newsletter design for Steve and Co that not only gives you a revitalizing feeling but also is pleasing to eyes.</p>
<p><a href="http://www.steveandco.com/newsletter/100608/newsletter_IT.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs24.jpg" alt="Steve and Co" width="570" border="0" /></a></p>
<h3>27. <a href="http://revaxarts-themes.com/one/1/all.html?ref=themeforest.revaxarts.com">One is enough</a></h3>
<p>No more added graphical elements are used in this newsletter design rather the designer only takes advantage of nice typography to draw the difference between different elements.</p>
<p><a href="http://revaxarts-themes.com/one/1/all.html?ref=themeforest.revaxarts.com"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs27.jpg" alt="One is enough" width="570" border="0" /></a></p>
<h3>28. <a href="http://www.campaignmonitor.com/gallery/entry/3561/look-hear/">Look Hear</a></h3>
<p>This creative newsletter design plays tremendously fine with the color handling that makes this newsletter design visually tempting and appealing.</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3561/look-hear/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs28.jpg" alt="Look Hear" width="570" border="0" /></a></p>
<h3>29. <a href="http://www.campaignmonitor.com/gallery/entry/3577/districtdining/">District Dining</a></h3>
<p>District Dining newsletter design is simple, uncomplicated and has been designed with the concept of minimalism.</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3577/districtdining/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs29.jpg" alt="District Dining" width="570" border="0" /></a></p>
<h3>30. <a href="http://www.campaignmonitor.com/gallery/entry/3584/The-Beast-Magazine/">The Beast Magazine</a></h3>
<p>Yet another excellent example of employing soft and delicate colors while making a strong notion.</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3584/The-Beast-Magazine/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs30.jpg" alt="The Beast Magazine" width="570" border="0" /></a></p>
<h3>31. <a href="http://www.campaignmonitor.com/gallery/entry/3441/appstrakt/">Appstrakt</a></h3>
<p>Rather unique color contrast you will notice in this newsletter design. The designer has blended grey, yellow, black and white extremely well in a single design.</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3441/appstrakt/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs33.jpg" alt="Appstrakt" width="570" border="0" /></a></p>
<h3>32. <a href="http://www.campaignmonitor.com/gallery/entry/3546/webfit/">Webfit</a></h3>
<p>This innovative newsletter design has been created by keeping the target audience and their expectations in mind and this is the reason why it effectively grabs the attention of the potential customers.</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3546/webfit/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs37.jpg" alt="Webfit" width="570" border="0" /></a></p>
<h3>33. <a href="http://www.campaignmonitor.com/gallery/entry/3533/MarketSpace/">MarketSpace</a></h3>
<p>Another beautiful example of the combination of creativity and skills that can be seen in this newsletter design that sets itself apart from others.</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3533/MarketSpace/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs38.jpg" alt="MarketSpace" width="570" border="0" /></a></p>
<h3>34. <a href="http://www.campaignmonitor.com/gallery/entry/3517/big-cartel/">Big Cartel</a></h3>
<p>Big Cartel design is comparatively different and unique from other newsletter designs as it has been designed with an extreme creative mind. The concept of this design</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3517/big-cartel/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs39.jpg" alt="Big Cartel" width="570" border="0" /></a></p>
<h3>35. <a href="http://www.campaignmonitor.com/gallery/entry/3493/sprowt/">Sprowt’s</a></h3>
<p>This creatively designed newsletter template is one of those templates that grabs the onlooker’s attention at the first glance and inform them about the subject of the newsletter in a very concise and engaging manner.</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3493/sprowt/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs40.jpg" alt="Sprowt’s" width="570" border="0" /></a></p>
<h3>36. <a href="http://www.campaignmonitor.com/gallery/entry/3455/chris-assaad/">Chris Assaad</a></h3>
<p>Chris Assaad makes use of fresh and energizing colors to distinguish the design of their newsletter from the others and creating a powerful first impression.</p>
<p><a href="http://www.campaignmonitor.com/gallery/entry/3455/chris-assaad/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs41.jpg" alt="Chris Assaad" width="570" border="0" /></a></p>
<h3>37. <a href="http://www.stylecampaign.com/template_gallery_06.html">Hard Rock</a></h3>
<p>Another best example of the black newsletter design that looks simply stunning, eye-catching and highly appealing.</p>
<p><a href="http://www.stylecampaign.com/template_gallery_06.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs42.jpg" alt="Stampin Up" width="570" border="0" /></a></p>
<h3>38. <a href="http://www.stylecampaign.com/template_gallery_01.html">Unica</a></h3>
<p>This design is somewhat simple and designed on the concept of minimalism. A beautifully designed and neat design.</p>
<p><a href="http://www.stylecampaign.com/template_gallery_01.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs44.jpg" alt="" width="570" border="0" /></a></p>
<h3>39. <a href="http://promotions.names.co.uk/D/354/index_eng.html">Namesco</a></h3>
<p>This interesting newsletter design is an excellent example of acquiring loads of information into a small space concurrently keeping the whole thing de-cluttered as well as user-friendly.</p>
<p><a href="http://promotions.names.co.uk/D/354/index_eng.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs47.jpg" alt="Namesco" width="570" border="0" /></a></p>
<h3>40. <a href="http://gallery.campaignmonitor.com/ViewEmail/r/DBCDC4E12E160EBE/">Sioux Chief Patriot</a></h3>
<p>This particular template plays quite well with the eye catching color combination that makes this newsletter design visually appealing and soothing.</p>
<p><a href="http://gallery.campaignmonitor.com/ViewEmail/r/DBCDC4E12E160EBE/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs49.jpg" alt="Sioux Chief Patriot" width="570" border="0" /></a></p>
<h3>41. <a href="http://www.ecommr.com/2009/lands-end-e-mail-marketing/">Lands End, Email Marketing</a></h3>
<p>In this newsletter design, you will see how the designer has used a very simple concept in an extremely creative and innovative way.</p>
<p><a href="http://www.ecommr.com/2009/lands-end-e-mail-marketing/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2012/01/email-newsletter-designs50.jpg" alt="LANDS END, E-MAIL MARKETING" width="570" border="0" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/inspiring-newsletter-designs/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>2011 &#8211; What A Great Year It Was!</title>
		<link>http://www.1stwebdesigner.com/inspiration/2011-what-a-great-year-it-was/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/2011-what-a-great-year-it-was/#comments</comments>
		<pubDate>Sun, 01 Jan 2012 10:00:20 +0000</pubDate>
		<dc:creator>Rean John Uehara</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[1wd news]]></category>
		<category><![CDATA[2012]]></category>
		<category><![CDATA[best of 2011]]></category>
		<category><![CDATA[new year]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=61430</guid>
		<description><![CDATA[2011 has been a very eventful year for 1stwebdesigner. Several people have shared their expertise with us and wrote amazing articles for our loyal audience to read. We have surely grown tremendously because of people like you. Now is the perfect time to look back at the highlights of the past year, and a brief summary [...]]]></description>
			<content:encoded><![CDATA[<p>2011 has been a very eventful year for 1stwebdesigner. Several people have shared their expertise with us and wrote amazing articles for our loyal audience to read. We have surely grown tremendously because of people like you. Now is the perfect time to look back at the highlights of the past year, and a brief summary of what we have in store for our loyal readers at the end of this article.</p>
<p>Are you ready?</p>
<p><span id="more-61430"></span></p>
<p><em><a href="http://www.flickr.com/photos/ercall/4408382035/" target="_blank">Image credits</a></em></p>
<h2><strong>10 Best Articles of 2011</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>The following articles have been selected by the number of activity going around them. In case you missed them, now is your chance to look back and catch up before we begin the year with a bang!</p>
<h4>1. <a href="http://www.1stwebdesigner.com/design/20-reasons-your-design-sucks-1/comment-page-1/#comments" target="_blank">20 Reasons Why Your Website Design Sucks Part 1</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/preview_large_dntnice1.jpg" alt="20 Reasons Why Your Website Design Sucks Part 1" /></p>
<h4>2. <a href="http://www.1stwebdesigner.com/design/how-to-improve-web-designer/" target="_blank">9 Tips On How To Improve Yourself As A Web Designer</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/06/preview_large_ninetipsweb.jpg" alt="9 Tips on How To Improve Yourself as a Web Designer" /></p>
<h4>3. <a href="http://www.1stwebdesigner.com/design/15-influential-designers/" target="_blank">15 Most Influential People In Web Design</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/preview_large_influ.jpg" alt="15 Most Influential People in Web Design" /></p>
<h4>4. <a href="http://www.1stwebdesigner.com/design/where-are-the-comments/" target="_blank">Where Have All The Comments Gone?</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/preview_large_cmtgone.jpg" alt="Where Have all the Comments Gone?" /></p>
<h4>5. <a href="http://www.1stwebdesigner.com/design/ancient-design-practices-to-avoid-1/" target="_blank">Ancient Website Design Practices That Beginners Should Avoid Part 1</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/preview_large_ancientpract.jpg" alt="Ancient Website Design Practices That Beginners Should Avoid Part 1" /></p>
<h4>6. <a href="http://www.1stwebdesigner.com/tutorials/php-crawler-tutorial/" target="_blank">How To Create A Web Spy With A PHP Crawler</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/preview_large_crawling.jpg" alt="How to Create a Web Spy with a PHP Crawler" /></p>
<h4>7. <a href="http://www.1stwebdesigner.com/css/17-css-html-effects/" target="_blank">17 CSS/HTML Effects With Cross-Browsing Alternatives</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/07/preview_large_17htmlcss.jpg" alt="17 CSS/HTML Effects with Cross-Browsing Alternatives" /></p>
<h4>8. <a href="http://www.1stwebdesigner.com/tutorials/create-wordpress-premium-membership-plugin-1/" target="_blank">Create Your Own Premium Membership WordPress Blog Part 1</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/09/preview_large_premiummeber.jpg" alt="Create Your Own Premium Membership WordPress Blog – Part 1/3" /></p>
<h4>9. <a href="http://www.1stwebdesigner.com/design/adobe-flash-future/" target="_blank">What Is The Future Of Adobe Flash?</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/06/preview_large_futureadobe.jpg" alt="What is the Future of Adobe Flash?" /></p>
<h4>10. <a href="http://www.1stwebdesigner.com/design/10-abused-twitter-trends/" target="_blank">10 Highly Used And Abused Twitter Trends That Are Not Cool</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/preview_large_notecooltwit.jpg" alt="10 Highly Used and Abused Twitter Trends that are Not Cool" /></p>
<h4>Bonus: <a href="http://www.1stwebdesigner.com/design/twitter-marketing-guide/" target="_blank">Twitter Marketing Guide</a></h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/preview_large_tmg.jpg" alt="" /></p>
<h2><strong>Series of 2011</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Following are the most viewed, tweeted, and commented series of 2011. Don&#8217;t worry, we have more to come this 2012!</p>
<h4>Graphic Design From Around The World</h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/preview_large_aroundWorld.jpg" alt="Graphic Design Examples Worldwide: How Nationality Reflects In Artworks" /></p>
<p><a href="http://www.1stwebdesigner.com/design/worldwide-graphic-design/" target="_blank">Part 1</a> | <a href="http://www.1stwebdesigner.com/design/worldwide-graphic-design-2/" target="_blank">Part 2</a> | <a href="http://www.1stwebdesigner.com/design/worldwide-graphic-design-3/" target="_blank">Part 3</a></p>
<h4>Ancient Web Design Practices That Beginners Should Avoid</h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/08/preview_large_ancientpract.jpg" alt="Ancient Website Design Practices That Beginners Should Avoid Part 1" /></p>
<p><a href="http://www.1stwebdesigner.com/design/ancient-design-practices-to-avoid-1/" target="_blank">Part 1</a> | <a href="http://www.1stwebdesigner.com/design/ancient-design-practices-to-avoid-2/" target="_blank">Part 2</a></p>
<h4>Reasons Why Your Website Design Sucks</h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/preview_large_dntnice1.jpg" alt="20 Reasons Why Your Website Design Sucks Part 1" /></p>
<p><a href="http://www.1stwebdesigner.com/design/20-reasons-your-design-sucks-1/" target="_blank">Part 1</a> | <a href="http://www.1stwebdesigner.com/design/20-reasons-your-design-sucks-2/" target="_blank">Part 2</a></p>
<h4>Graphic Design Basics</h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/preview_large_graphicdeisgnbasicsone.jpg" alt="Graphic Design Basics Part 1: Elements" /></p>
<p><a href="http://www.1stwebdesigner.com/design/graphic-design-basics-elements/" target="_blank">Part 1: Elements</a> | <a href="http://www.1stwebdesigner.com/design/graphic-design-basics-design-principles/" target="_blank">Part 2: Design Principles</a> | <a href="http://www.1stwebdesigner.com/design/graphic-design-basics-part-3-composition/" target="_blank">Part 3: Composition</a></p>
<h4>Website Planning &amp; Developing Your Website</h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/10/preview_large_developdesignblueprint.jpg" alt="Part 1: Website Planning &amp; Developing Your Website Blueprint" /></p>
<p><a href="http://www.1stwebdesigner.com/design/part-1-website-planning-developing-your-website-blueprint/" target="_blank">Part 1 </a>| <a href="http://www.1stwebdesigner.com/design/part-2-website-planning-creating-architecture-content-design-document/" target="_blank">Part 2</a></p>
<h4>WordPress Plugin Development –  Relate Posts As A Series</h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/07/preview_large_wpdevp2.jpg" alt="WordPress Plugin Development – Relate Posts as a Series Part 2" /></p>
<p><a href="http://www.1stwebdesigner.com/css/wordpress-plugin-development-relate-posts-part-1/" target="_blank">Part 1</a> | <a href="http://www.1stwebdesigner.com/css/wordpress-plugin-relate-posts-as-series-2/" target="_blank">Part 2</a></p>
<h4>Blogging Like A Pro</h4>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/04/pro-blogging-preview_large.jpg" alt="Blogging Like A Pro: Introduction To 10-Part Crash Course" /></p>
<p style="padding-left: 30px;"><a href="http://www.1stwebdesigner.com/design/pro-blogging/" target="_blank">Introduction</a></p>
<ol style="background-color: #ffffff; list-style-type: decimal; margin: 5px 0px 15px 30px; outline-width: 0px; font: 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #515151; vertical-align: baseline; ; border-image: initial; background-origin: initial; background-clip: initial; border-width: 0px; padding: 0px;">
<li style="background-color: transparent; margin: 0px; outline-width: 0px; font-size: 12px; vertical-align: baseline; border-image: initial; background-origin: initial; background-clip: initial; border-width: 0px; padding: 0px;"><a style="background-color: transparent; margin: 0px; outline-width: 0px; color: #1762be; font-size: 12px; vertical-align: baseline; text-decoration: underline; border-image: initial; background-origin: initial; background-clip: initial; border-width: 0px; padding: 0px;" href="http://www.1stwebdesigner.com/design/writing-science-mindset/">Science Of Writing Process: Getting Ready, Set Up Mood &amp; Avoid Distractions</a></li>
<li style="background-color: transparent; margin: 0px; outline-width: 0px; font-size: 12px; vertical-align: baseline; border-image: initial; background-origin: initial; background-clip: initial; border-width: 0px; padding: 0px;"><a style="background-color: transparent; margin: 0px; outline-width: 0px; color: #1762be; font-size: 12px; vertical-align: baseline; text-decoration: underline; border-image: initial; background-origin: initial; background-clip: initial; border-width: 0px; padding: 0px;" href="http://www.1stwebdesigner.com/design/blogging-editors/">In Search For Ultimate Blogging Tools: Writing Simplified Now!</a></li>
<li style="background-color: transparent; margin: 0px; outline-width: 0px; font-size: 12px; vertical-align: baseline; border-image: initial; background-origin: initial; background-clip: initial; border-width: 0px; padding: 0px;"><a style="background-color: transparent; margin: 0px; outline-width: 0px; color: #1762be; font-size: 12px; vertical-align: baseline; text-decoration: underline; border-image: initial; background-origin: initial; background-clip: initial; border-width: 0px; padding: 0px;" href="http://www.1stwebdesigner.com/design/article-ideas/">How To Find Article Ideas To Write About, Write Sticking Points</a></li>
<li style="background-color: transparent; margin: 0px; outline-width: 0px; font-size: 12px; vertical-align: baseline; border-image: initial; background-origin: initial; background-clip: initial; border-width: 0px; padding: 0px;"><a href="http://www.1stwebdesigner.com/design/blogging-content-research/" target="_blank">Learn How To Do Effective Content Research</a></li>
<li style="background-color: transparent; margin: 0px; outline-width: 0px; font-size: 12px; vertical-align: baseline; border-image: initial; background-origin: initial; background-clip: initial; border-width: 0px; padding: 0px;"><a href="http://www.1stwebdesigner.com/inspiration/post-formatting-typography/" target="_blank">Blog Post Formatting: Make Reading For Visitors A Better Experience</a></li>
</ol>
<h2><strong>6 Back-to-Back Photoshop to PSD Tutorials of 2011</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Can you design but you&#8217;re not so keen with coding? Then these tutorials are for you! Converting a PSD file into a working HTML/CSS website. Top that!</p>
<h4>Photoshop Tutorial: <a href="http://www.1stwebdesigner.com/tutorials/dark-web-layout-tutorial/" target="_blank">3D Portfolio Dark Layout</a></h4>
<p>HTML/CSS:  <a href="http://www.1stwebdesigner.com/css/convert-3d-portfolio-dark-layout-from-psd-to-html/" target="_blank">Convert A 3D Portfolio Dark Layout</a></p>
<p>Result: <a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/darktut/index.html" target="_blank">Click here for the demo</a></p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/06/dark-template-tutorial/45.jpg" alt="" /></p>
<h4>Photoshop Tutorial: <a href="http://www.1stwebdesigner.com/tutorials/portfolio-layout-photoshop/" target="_blank">1stDelicious: Create A Simple Clean Portfolio Layout In Photoshop</a></h4>
<p>HTML/CSS: <a href="http://www.1stwebdesigner.com/css/convert-psd-html-1stdelicious/" target="_blank">Convert 1stDelicious Portfolio Layout</a></p>
<p>Result: <a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/html-tut/index.html" target="_blank">Click here for the demo</a></p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/simple-clean-portfolio-img-preview.jpg" alt="" /></p>
<h4>Photoshop Tutorial: <a href="http://www.1stwebdesigner.com/tutorials/dezign-folio-portfolio-tutorial/" target="_blank">Dezign Folio: Create A Detailed Portfolio Homepage</a></h4>
<p>HTML/CSS: <a href="http://www.1stwebdesigner.com/css/convert-dezign-folio-from-psd-to-html/" target="_blank">Converting Dezign Folio</a></p>
<p>Result: <a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/dezignfolio/" target="_blank">Click here for the demo</a></p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/dezign-folio-design-img-preview.jpg" alt="" /></p>
<h4>Photoshop Tutorial: <a href="http://www.1stwebdesigner.com/tutorials/landing-page-photoshop-tutorial/" target="_blank">Create A Fantastic Landing Page For Your Next Product</a></h4>
<p>HTML/CSS: <a href="http://www.1stwebdesigner.com/css/psd-html-landing-page-tutorial/" target="_blank">Convert Your Product Landing Page From PSD To HTML</a></p>
<p>Result: <a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/Landing-Page/index.html" target="_blank">Click here for the demo</a></p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/3dbox-design-tut-img-preview.jpg" alt="" /></p>
<h4>Photoshop Tutorial: <a href="http://www.1stwebdesigner.com/tutorials/burnstudio-tutorial-personal-website/" target="_blank">Burnstudio: Create An Amazing Personal Website From Scratch</a></h4>
<p>HTML/CSS: <a href="http://www.1stwebdesigner.com/css/psd-to-html-burnstudio/" target="_blank">Convert Burnstudio</a></p>
<p>Result: <a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/BurnStudio-Tutorial/" target="_blank">Click here for the demo</a></p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/02/personal_website_img_preview.jpg" alt="" /></p>
<h4>Photoshop Tutorial: <a href="http://www.1stwebdesigner.com/tutorials/stylish-design-agency-layout-tutorial/" target="_blank">1st Ideas: Create A Stylish Design Agency Website</a></h4>
<p>HTML/CSS: Convert <a href="http://www.1stwebdesigner.com/css/convert-1st-ideas-psd-to-html/" target="_blank">1st Ideas</a></p>
<p>Result: <a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/1stIdeas-Tutorial/" target="_blank">Click here for the demo</a></p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/1stideas-tutorial-img-preview8.jpg" alt="image" /></p>
<h2><strong>Looking Back</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Last year we began publishing two articles a day, which is quite a leap from one article a day while trying to maintain quality articles. This year we will attempt to publish more interesting, and high quality, articles! Of course we can&#8217;t do this without your help, so if you are an expert in your own field (of course it needs to be relevant to our website) then <a href="http://www.1stwebdesigner.com/contact-us/" target="_blank">contact us</a>! We&#8217;re always looking for amazing people who can share their knowledge with us! 2011 was a great year, and we&#8217;re pretty sure that 2012 will top that!</p>
<h2><strong>How To Start Your New Year</strong></h2>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Start it with a new set of resolutions!</p>
<p><a href="http://www.1stwebdesigner.com/inspiration/20-new-years-resolution-for-your-career/" target="_blank">20 New Year&#8217;s Resolution Ideas To Become Better At Your Career</a></p>
<p><a href="http://www.1stwebdesigner.com/inspiration/new-years-resolutions-improve-personal-life/?preview=true" target="_blank">7 New Year&#8217;s Resolutions To Help Improve Your Personal And Work Life</a></p>
<p>2012 will be full of surprises. Lots of contests and giveaways! So don&#8217;t forget to subscribe to our newsletter to not miss any of the fun!</p>
<h2><strong>How was your experience with 1stwebdesigner so far?</strong></h2>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/2011-what-a-great-year-it-was/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

