<?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>Orphicpixel &#187; Web Design</title>
	<atom:link href="http://www.orphicpixel.com/category/showcase/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.orphicpixel.com</link>
	<description>one dot can cause you a lot</description>
	<lastBuildDate>Fri, 03 Feb 2012 21:00:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Order Forms vs Shopping Carts: Which One to Choose for Your E-Commerce Blog?</title>
		<link>http://www.orphicpixel.com/order-forms-vs-shopping-carts/</link>
		<comments>http://www.orphicpixel.com/order-forms-vs-shopping-carts/#comments</comments>
		<pubDate>Thu, 02 Feb 2012 21:00:42 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[business]]></category>
		<category><![CDATA[e-commerce]]></category>
		<category><![CDATA[online business]]></category>
		<category><![CDATA[order form]]></category>
		<category><![CDATA[shopping cart]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4807</guid>
		<description><![CDATA[Your business card as an e-commerce entrepreneur is the order management system you use. If customers are enticed with your products’ showcase but get turned off by a tangled order system they are most likely to leave empty-handed. The two main options for managing orders are order forms and shopping carts. Which one suits you [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Your business card as an e-commerce entrepreneur is the order management system you use. If customers are enticed with your products’ showcase but get turned off by a tangled order system they are most likely to leave empty-handed. The two main options for managing orders are order forms and shopping carts. Which one suits you best? Let’s analyze this in a few simple steps.</p>
<p><img class="aligncenter size-full wp-image-4810" title="66906ovl422bqkd" src="http://www.orphicpixel.com/wp-content/uploads/2012/02/66906ovl422bqkd.jpg" alt="" width="400" height="354" /><br />
Forms are traditional means of collecting order information used since the pre-web era. An online order form placed on your page would bring to view the purchase options and direct customers to the payment gateway. Shopping carts are terminals with complex capabilities, which require more resources. Both solutions give a good range of features:<br />
- real time price calculation<br />
- transactions processing or integration with online payment gateways<br />
- opt-in for product features<br />
- product image attaching<br />
- anti-spam facilities (CAPTCHA)<br />
- data encryption.<br />
Before deciding for one or the other ordering system, it’s a good idea to ask yourself the following questions:<br />
<strong>Are you an occasional seller or you run a well-established e-commerce business?</strong><br />
Consider using a shopping cart if your sales activity is among the main objectives of your site or blog. An order form is a good option if you don’t have a massive flow of products to sell, otherwise you will need to update the form each time a new product appears. Forms are light tools to embed on any page, while a shopping cart is like an axis the website revolves around.<br />
If your aim is just to keep readers engaged by offering small treats every now and then such as vintage music tapes you found in the garage, then you would certainly use an order form placed inside a post. Or say you regularly insert “offer of the week”-like posts with bargains. The best scenario is again to have a small form on each page, featuring the products that are showcased there. On the other hand, for regularly updating catalogues of products, shopping carts are the best choice.<br />
<strong>How many products / service plans will you be selling?</strong><br />
Whether you are a freelancer selling photo shooting packages or the owner of a handcrafted decorations business, you should estimate the range of your offers in order to choose the best ordering system. If your catalogue includes more than maybe four or five items then you should opt for a shopping cart. Order forms tend to become too cluttered at that level, which diminishes visual impact.<br />
<strong>Will you use fidelity coupons or discount codes?</strong><br />
If affirmative, it’s recommended to use a shopping cart for full automatizing the process. With forms, this feature falls in the category of workarounds for the moment (yet accomplishable).<br />
<strong>Do you wish the visitors to be able to navigate on various pages while their order is saved?</strong><br />
In this case you have two options. Either go for the form and display it within a link that will open in another tab or put up a shopping cart. Order forms can limit customer’s interactivity with the products if there’s a wide range of items to display. Shopping carts, on the other hand, require a multi-step buying process, implying that the customer returns to finalize the order.<br />
<strong>What payment options do you give at checkout?</strong><br />
Most order forms and shopping carts integrate with the major payment processors. The challenge is to choose a system that offers all the payment options you are considering. Of course, it’s best to integrate your online shop with all the leading gateways in order to fulfill the needs of customers all over the world.<br />
Order forms are a time-effective solution that suits bloggers who want to build an online store without a hitch, while shopping carts are a better fit for industrial retailers. The order management system is a key usability element that will set your business working.</p>
<blockquote><p><em> Laura writes on behalf of 123ContactForm, <a href="http://www.123contactform.com">web form builder</a> that helps users create effective forms and surveys for every web platform. From <a href="http://www.123contactform.com">order forms </a>to contact pages, users can create and customize fully-featured forms for any business.</em></p></blockquote>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4807&amp;ts=1328331551" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4807"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/order-forms-vs-shopping-carts/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Designing to Entice: Showcase of Official Websites of NYC Luxury Hotel</title>
		<link>http://www.orphicpixel.com/designing-to-entice-showcase-of-official-websites-of-nyc-luxury-hotel/</link>
		<comments>http://www.orphicpixel.com/designing-to-entice-showcase-of-official-websites-of-nyc-luxury-hotel/#comments</comments>
		<pubDate>Sun, 29 Jan 2012 04:10:35 +0000</pubDate>
		<dc:creator>Mars</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[best hotels]]></category>
		<category><![CDATA[five star hotels]]></category>
		<category><![CDATA[hotel website]]></category>
		<category><![CDATA[New York hotels]]></category>
		<category><![CDATA[NY hotels]]></category>
		<category><![CDATA[top hotel websites]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4778</guid>
		<description><![CDATA[High-end product and service firms around the world are constantly innovating in their approach to representing their brand online, weaving attractive web design and development around that special &#8220;something&#8221; that gets across the luxury and status associated with the label. Whether the product is a tangible one like vintage wine or imported chocolates or a [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>High-end product and service firms around the world are constantly innovating in their approach to representing their brand online, weaving attractive web design and development around that special &#8220;something&#8221; that gets across the luxury and status associated with the label.</p>
<p>Whether the product is a tangible one like vintage wine or imported chocolates or a service such as events and hospitality, the developers behind the web sites of luxury offerings work hard to create beautiful, functional places for potential and existing clients alike to find the information they need while being lured in by the quality of the brand.</p>
<p>One of the best examples of a luxury niche requiring something extra in web design are top-of-the-line hotels in New York City, New York. With stiff competition from rival hotels, designers know that an online presence is the first step in winning potential clients over to their product. Take a look at some of these websites to get an idea of what it looks like when luxury products meet luxury web design standards (many hotels from the lists are courtesy of <a href="http://www.luxury-hotels.com/destinations/new-york.html" target="_blank">Luxury-Hotels.com</a>):</p>
<h2>1. <a href="http://www.newyorkpalace.com/" target="_blank">The New York Palace</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/showcase-of-official-websites-of-nyc-luxury-hotel-01.jpg" alt="The New York Palace" width="550" height="274" /></p>
<p>A beautiful combination of dark colors combined with excellent use of imagery make the website of the New York Palace hotel in midtown Manhattan a prime example of enticing design with a gleam of luxury. Prettiness aside, both content links and a room availability search form lie above the fold, giving visiting customers all they need at a moment&#8217;s glace and with minimal page movement.</p>
<h2>2. <a href="http://www.peninsula.com/New_York/en/default.aspx" target="_blank">The Peninsula New York</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/showcase-of-official-websites-of-nyc-luxury-hotel-02.jpg" alt="The Peninsula New York" width="550" height="211" /></p>
<p>Focusing on using photographs of rooms and premises to lure potential guests, the website of The Peninsula New York hotel also features dark colors to get across its air of quality, utilizing Adobe Flash to present visitors with an immediate peek at what the hotel has to offer.</p>
<h2>3. <a href="http://www.hotelgiraffe.com/" target="_blank">Hotel Giraffe</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/showcase-of-official-websites-of-nyc-luxury-hotel-03.jpg" alt="Hotel Giraffe" width="550" height="248" /></p>
<p>The designers behind Hotel Giraffe&#8217;s website saw fit to not only present images, availability forms and quick links above the fold but also added clean white space below for easier presentation of textual content. Visitors are given an attractive overview of any given feature of the hotel&#8217;s experience within the site&#8217;s header with more detailed information always easily accessible with a quick downward scroll.</p>
<h2>4. <a href="http://mercerhotel.com/" target="_blank">The Mercer Hotel</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/showcase-of-official-websites-of-nyc-luxury-hotel-051.jpg" alt="The Mercer Hotel" width="275" height="205" /><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/showcase-of-official-websites-of-nyc-luxury-hotel-042.jpg" alt="The Mercer Hotel" width="275" height="205" /></p>
<p>The Mercer Hotel, a trendy set of accommodations located in New York City&#8217;s Soho district, has taken a different approach with its web presence. Instead of elegant design attributes, The Mercer focuses instead on absolute simplicity, giving potential customers the information they need with little else to distract them.</p>
<h2>5. <a href="http://www.jameshotels.com/New-York.aspx" target="_blank">The James Hotel New York</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/showcase-of-official-websites-of-nyc-luxury-hotel-06.jpg" alt="The James Hotel New York" width="550" height="262" /></p>
<p>Taking a middle road between overwhelming design and access to information is the website of The James Hotel. While, like its competitors, The James makes excellent use of scrolling photographs to give visitors a quick taste of what their hotel has to offer, the real focus is on the ability og customers to find the information they need and to make reservations with minimal clicks. Excellent use of sidebar placement to feature an accommodations search form makes this process easy, with top navigation links presenting an opportunity for a casual surf around the site only if desired by the visitor.</p>
<h2>6. <a href="http://www.themusehotel.com/" target="_blank">The Muse Hotel</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/showcase-of-official-websites-of-nyc-luxury-hotel-07.jpg" alt="The Muse Hotel" width="550" height="303" /></p>
<p>The general trend of dark colors in the interest of conveying luxury continues with the website of New York City&#8217;s The Muse Hotel. Imagery was obviously a priority in designing this site and photographs play a major role throughout the inner pages, lying below only the main navigation links.</p>
<h2>7. <a href="http://www.ritzcarlton.com/en/Default.htm" target="_blank">The Ritz-Carlton</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/showcase-of-official-websites-of-nyc-luxury-hotel-08.jpg" alt="The Ritz-Carlton" width="550" height="185" /></p>
<p>A household name, even for those who have never stepped foot beyond its doors, is the Ritz-Carlton chain of hotels. With a brand as well known as Ritz-Carlton, the designers behind the hotel chain&#8217;s website took a road less traveled and one not seen previously in this list by maintaining a light color scheme and wide online interface. Like many of the other websites featured, photographs reign supreme here, with images used to convey the luxurious potential of rooms, events, food and premises.</p>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4778&amp;ts=1328331551" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4778"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/designing-to-entice-showcase-of-official-websites-of-nyc-luxury-hotel/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>5 Best HTML 5 and CSS 3 websites for an Inspiration</title>
		<link>http://www.orphicpixel.com/5-best-html-5-and-css-3-websites-for-an-inspiration/</link>
		<comments>http://www.orphicpixel.com/5-best-html-5-and-css-3-websites-for-an-inspiration/#comments</comments>
		<pubDate>Thu, 26 Jan 2012 04:00:23 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4730</guid>
		<description><![CDATA[HTML5 has been launched and is all set to change the way have used web till now. It is basically a specification about how HTML can be formatted to deliver text and images on the browser optimally. HTML is a revised and advanced way to put all the data on the web together. HTML 5 [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>HTML5 has been launched and is all set to change the way have used web till now. It is basically a specification about how HTML can be formatted to deliver text and images on the browser optimally. HTML is a revised and advanced way to put all the data on the web together. HTML 5 offers offline storage, canvas drawing, native video and audio streaming support like no other, geolocation and several web applications. In addition, With HTML5 and CSS3 coded websites; the need of third party plugin is no more required. Several browsers such as Google, Apple, and others have already picked it up for implementation. Now, the websites will be more compatible across browsers and devices. Here, we have listed 5 best HTML 5 and CSS 3 websites for an inspiration.</p>
<p><a href="http://www.scientificname.net/"><strong>Scientific Name</strong></a></p>
<p><img class="aligncenter size-full wp-image-4731" title="scientificname-A" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/scientificname-A.jpg" alt="" width="570" height="266" /></p>
<p>Scientific Name website is based on HTML5 and CSS3 with loads of features and functionality. This website runs on expression engine which is maintained by reckoned, freelance website designer named Owain Lewis from UK. This website is dedicated to teach people about different scientific names and their usage. As there is endless information that has to be covered, this website comes with a contribute section wherein in case of any mistake, feedback or any information can be shared. This website is compatible with new as well as old browsers alike with powerful, easy-to-maintain web pages.</p>
<p><a href="http://www.elderscrolls.com/skyrim/"><strong>The Elder Scrolls Skyrim</strong></a></p>
<p><img class="aligncenter size-full wp-image-4732" title="skryimbig2" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/skryimbig2.jpg" alt="" width="570" height="322" /></p>
<p>This website is developed using HTML5 and CSS3 tools including HTML5 video, audio, and canvas. Dedicated to the Elder Scrolls fans, this website has JavaScript combined with HTML5 tags to have reduced development costs, local data storage and easy code maintenance. This one is a beautiful site that all gamers especially the fans of Elder Scrolls will love to look at.</p>
<p><a href="http://www.merriam-webster.com/"><strong>MW Template</strong></a></p>
<p><img class="aligncenter size-full wp-image-4733" title="preview3" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/preview3.jpg" alt="" width="570" height="325" /></p>
<p>MW Template is a website that is developed using basic HTML5 tags along with CSS3 and JavaScript. Dedicated to the best design mobile websites optimized for being displayed on handheld devices, MW Template pushes the bar above what is commonplace among mobile websites. It’s highly interactive and user friendly interface allows user to sail from one page to another easily.</p>
<p><a href="http://web-banner-gallery.com/"><strong>Web Banner Gallery</strong></a></p>
<p><img class="aligncenter size-full wp-image-4734" title="1101-24-5" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/1101-24-5.jpg" alt="" width="570" height="369" /></p>
<p>Web Banner Gallery features the most attractive and effective banners from all over the world. This site features a user rating section where the visitors can come and vote for the banners they like. Web Banner Gallery has been built using HTML5 along with JavaScript and CSS3. This website also features a interactive and user friendly way to view the most acclaimed web banners from all over the world for webmasters to view and drive inspiration.</p>
<p><a href="http://www.dnd.fr/"><strong>Agence DnD</strong></a></p>
<p><img class="aligncenter size-full wp-image-4735" title="agency-dnd-5" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/agency-dnd-5.jpg" alt="" width="570" height="417" /></p>
<p>This website is from the French studio Agence DnD, an organization with immense expertise in graphic and web design, e-commerce websites and mobile application development. Agence DnD website is a brilliant one with strong visual design backed-up with solid coding. The interface is smooth with fast loading pages and menus making easy access of information. The web pages are standard complaint and each one is coded with HTML5 and CSS3.</p>
<blockquote><p><strong></strong><em>Alia Haley is a blogger by profession. She loves writing on technology, Auto and health. Beside this she is fond of adventurous activities. Recently an article on <a href="http://www.automotto.com/ktm-motorcycles-top-7-models-reviews-specifications.html">Ktm Motorcycles</a> attracted her attention. These days she is busy in writing an article on <a href="http://www.hometone.com/entry/artistic-glass-tiles-giving-sense-modern-decor/">Glass tiles</a>.</em></p></blockquote>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4730&amp;ts=1328331551" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4730"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/5-best-html-5-and-css-3-websites-for-an-inspiration/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Web Design Tips For Visually Impaired &#8211; Making Your Site Accessible!</title>
		<link>http://www.orphicpixel.com/web-design-tips-for-visually-impaired-making-your-site-accessible/</link>
		<comments>http://www.orphicpixel.com/web-design-tips-for-visually-impaired-making-your-site-accessible/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 08:31:46 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[design accesible]]></category>
		<category><![CDATA[impaired web design]]></category>
		<category><![CDATA[web accesibility]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4738</guid>
		<description><![CDATA[As a web designer, you have probably thought out every page long and hard. You keep an eye on the latest trends, look for the best tools to make your life a little easier and make sure that you user base is happy. But despite this, you very well might be falling into the same [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>As a web designer, you have probably thought out every page long and hard. You keep an eye on the latest trends, look for the best tools to make your life a little easier and make sure that you user base is happy. But despite this, you very well might be falling into the same trap as so many other in the business: forgetting to account for the visually impaired.</p>
<p>In the past, this was less of an issue. Those with serious disabilities that prevented them from seeing a screen commonly use a reader to browse the web, and so design means little as long as it is compatible with their device.</p>
<p>But with the increasing userbase of people over 50, and age where visual problems begin to increase, and the surge in people who wear corrective lenses and eyeglasses, you have to keep it in mind. All designs should be somewhat catered to those who have visual impairments, which in the US is in the tens of millions just in the 45 and up demographic alone.</p>
<p>There are a few simple ways you can incorporate this knowledge into your design without affecting the overall concept.</p>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/web-design-for-visually-impaired-01.jpg" alt="Web Design For Visually Impaired" width="550" height="457" /></p>
<h2>1. Keep Your Spacing In Mind</h2>
<p>I have lost count of the amount of times I have come across websites with close borders that don&#8217;t allow for enlarged text. Even people with slightly blurred vision might use CTRL + in order to increase the font for easier reading. Which on some layouts may break the look and cause overlap in columns or grid boxes.</p>
<p>The best way to get around this is making the layout size enough to accommodate sizes from 10 to 16 point. Test it on each size upgrade to make sure it is at least clear. Even up to 14 is acceptable, if you are working with limited space.</p>
<h2>2. Create Plenty Of Keyboard Shortcuts</h2>
<p>Plenty of people use keyboards only due to their inability to see a mouse cursor. When this happens, they need keyboard shortcuts to navigate properly. No one likes to have to Tab their way over extensive content, so offer an easy and basic shortcut code list that allows them to use the arrow keys and a couple of extras to work their way through. A good example of this is <a href="http://www.facebook.com/help/accessibility">Facebook</a>, which has a complete shortcut system for visually impaired or disabled users.</p>
<h2>3. Provide Plenty Of Color Contrast</h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/web-design-for-visually-impaired-03.jpg" alt="Provide Plenty Of Color Contrast" width="550" height="398" /></p>
<p>One of the best things you can do is give good color contrast. Anything that is too close in shade or tone to your background is asking for trouble, even for users who don&#8217;t have vision problems. It can cause eye strain for healthy eyes, and be completely unreadable for those with poor eyesight.</p>
<p>For healthy users, you can just have subtle changes in order to make it easy to view. If this is a big part of your layout, you are welcome to keep it. But you will have to create a higher contrast version for the visually impaired, otherwise they will be unable to read it.</p>
<p>Luckily, you will find that high contrast web design has been trending heavily the last few years. Especially colors like back backgrounds with white text, so it shouldn&#8217;t be a hard guideline to stick to.</p>
<h2>4. Don&#8217;t Forget The Colorblind</h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/web-design-for-visually-impaired-02.jpg" alt="Don't Forget The Colorblind" width="550" height="413" /></p>
<p>One kind of visual impairment that many people trivialize is colorblindness. It might seem like just a small problem, but many conditions severely effect the way webpages are viewed. If you use a myriad of colors, you could be making it impossible for that percentage of users to view your handiwork.</p>
<p>There are a number of sites that will let you test your web page to see what it looks like to people with different types of colorblindness. One of my personal favorites is <a href="http://colorfilter.wickline.org/">ColorFilter</a>, which also have a number of useful links to learn more.</p>
<h2>5. Give Full Access To Your Mobile Version</h2>
<p>Some visually impaired web users will use searches to find the mobile versions of sites. That is because the viewing potential of these versions are better, due to their higher contrast, larger text and simpler designs.</p>
<p>Instead of only offering mobile versions for phones, give full access on the web, as well. It is an easy way to provide a more user friendly version with very little work on your part.</p>
<h2>Conclusion</h2>
<p>It is important to incorporate elements to your web design that provide access to those with visual impairments and other disabilities or problems. Don&#8217;t make the mistake of leaving these guidelines out of your design.</p>
<blockquote><p><em>Annie is a web design blogger for Direct Sight &#8211; check out the site for detailed guidelines on purchasing <a href="http://www.directsight.co.uk/">glasses online</a>.</em></p></blockquote>
<p>Image Credits: <a href="http://www.flickr.com/photos/9886804@N03/3387973748/">1</a>, <a href="http://www.flickr.com/photos/55548358@N02/5167737228/">2</a>.</p>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4738&amp;ts=1328331551" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4738"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/web-design-tips-for-visually-impaired-making-your-site-accessible/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Top 10 Amazing Illustrations</title>
		<link>http://www.orphicpixel.com/top-10-amazing-illustrations/</link>
		<comments>http://www.orphicpixel.com/top-10-amazing-illustrations/#comments</comments>
		<pubDate>Tue, 17 Jan 2012 09:54:06 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[amazing]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[ten]]></category>
		<category><![CDATA[top ten]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4668</guid>
		<description><![CDATA[Images speak more than words. Finding a tool which could potentially create wonders and add value to your work can be rewarding. The art and illustration in digital world has a popular rescue in the form of vector. Artists like Petra Stefankova and Leo Blanchette have produced some of the remarkable works of art using [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Images speak more than words. Finding a tool which could potentially create wonders and add value to your work can be rewarding. The art and illustration in digital world has a popular rescue in the form of vector. Artists like Petra Stefankova and Leo Blanchette have produced some of the remarkable works of art using illustrative tools. One of the reasons for vector’s popularity lies in its ease of use. The images you can obtain have diversified forms ranging from being photo-realistic to the sci-fi ones.</p>
<p>Here is a listing of ten wonderful illustrations.</p>
<ol>
<li><strong>Book cover character</strong><br />
<a href="http://www.orphicpixel.com/wp-content/uploads/2012/01/Book-cover-character1.jpg"><img title="Book cover character1" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/Book-cover-character1.jpg" alt="" width="540" height="762" /></a><br />
There is an interesting book cover “Let’s Go to Monster School!” It is suitable for those who have love for monstrous art. The sketch can reach the final artwork with the help of the Illustrator and Photoshop. You can create a cute monster, asymmetrical green one, who could be the perfect professor in a class. The depiction is that of a funny monster teaching in a soiled classroom. It involves using a Pen Tool to create the image.</p>
<p>Right from using an upside down teardrop to including the crooked and irregular teeth, the monster is fun to work at. Special effects come in the form of ‘warts’ (created using modified ellipses) and mode changing.</li>
<li><strong>Beautiful trees</strong><br />
<img class="aligncenter size-full wp-image-4670" title="beautiful trees2" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/beautiful-trees2.jpg" alt="" width="540" height="277" /><br />
Tree is one of the commonest drawings you must have tried your hands at.</p>
<p>Creating a tree with a computer instead of crayons can be worth trying. It can be done by taking the photograph of a tree. By tracing its natural dimensions, a blue-print is prepared. You can use the diverse Illustrator tools to create an appealing tree image. Adding your own special touch would bring a remarkable difference in your work. Using the freehand drawing tools or the shape tools and the Layers palette, you can create an amazing tree. The different color palette can work out for obtaining customized atmosphere and surroundings. Create a colorful or dark or realistic tree out of your own imagination.</li>
<li><strong>A car</strong><br />
<img class="aligncenter size-full wp-image-4669" title="a car3" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/a-car3.jpg" alt="" width="540" height="340" /><br />
Creating a realistic looking car, irrespective of the type, is easy. Usually, the cars have similar body parts. It is important to have a clever integration of lights, mid tones and darks while making a realistic appeal car. The sharp edges add to the look. The Derwent Graphic Pencils and Fabriano Artistico Bright White Watercolor Paper can be potentially good tools when shaping the car. The mechanical pencils work well to contribute towards miniature details.</li>
<li><strong>Complex circular designs</strong><br />
<img class="aligncenter size-full wp-image-4672" title="circular design4" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/circular-design4.jpg" alt="" width="540" height="360" /><br />
The circular designs may look difficult to draw but are relatively easier to draw. The Illustrator can give helpful techniques, tricks and settings to get quick circular patterns.</li>
<li><strong>The eye</strong><br />
<img class="aligncenter size-full wp-image-4677" title="the eye5" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/the-eye5.jpg" alt="" width="540" height="308" /><br />
The realistic looking eye image is a delightful view. With a basic sketch of the oval shape having the circular iris, the eye image is not that difficult to draw. The mechanical pencil and color blender can do the trick for obtaining an attractive human eye image.</li>
<li><strong>Human body</strong><br />
<img class="aligncenter size-full wp-image-4674" title="human body6" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/human-body6.jpg" alt="" width="540" height="810" /><br />
The human body image has an important element of shades and depth. The Adobe Flash can animate the human body image to give a realistic look. It may look a tedious job but it is not so actually. A scanned paper sketch can be used. Keeping the body parts separate provides jointed figures giving an apt appeal.</li>
<li><strong>Pet portrait</strong><br />
<img class="aligncenter size-full wp-image-4676" title="pet potrait7" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/pet-potrait7.jpg" alt="" width="540" height="382" /><br />
Pet image is a popular choice. A photo can be used but a real pet serves better. Color pencils can be potentially the right tools although they may not be flexible enough when indulging in intricate detailing.</li>
<li><strong>Wood grains</strong><br />
<img class="aligncenter size-full wp-image-4678" title="wood grains8" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/wood-grains8.jpg" alt="" width="540" height="411" /><br />
The wood grains give an apt effect at chosen places. The Adobe Illustrator can be used to obtain an effective wood grain effect. The warp tools give a nice vector wood texture.</li>
<li><strong>Crazy logo</strong><br />
<img class="aligncenter size-full wp-image-4673" title="crazy logos9" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/crazy-logos9.jpg" alt="" width="540" height="720" /><br />
For the lovers of typography and logo design, a crazy cool logo can be the most sought-after image. The logo can be extremely appealing ID projects for organizations. It is quite obvious to want something unique here. A bunch of circles, with modulated and deleted segments, can create wonderful logo to catch anyone’s imagination.</li>
<li><strong>Integrate skills</strong><br />
<img class="aligncenter size-full wp-image-4675" title="Integrate skills10" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/Integrate-skills10.jpg" alt="" width="540" height="434" /><br />
A combination of two styles of illustration can transform a simple black-and-white graphic into a spectacular piece of work. When collaborated, the two (or more) styles can advance the effect of a work and possibly create a new thing. The Illustrator and Photoshop can be used to gain unique designs.</p>
<p>There are numerous amazing illustrations to explore. The love and inclination for art can achieve unmatched dimensions with simple tools at disposal. Perseverance and practice remain the keywords when trying your skill at this juncture.</li>
</ol>
<blockquote><p><em>Alia Haley is a blogger by profession. She loves writing on technology and luxury. Beside this she is fond of gadgets. Recently an article on <a href="http://www.automotto.com/entry/review-ferrari-599-gto/">Ferrari 599 GTO</a> caught her attention. These days she is busy in writing an article on wooden headsets and <a href="http://www.ecofriend.com/entry/electric-tankless-water-heater-10-powerful/">Electric Tankless Water Heater</a>.</em></p>
<p>&nbsp;</p></blockquote>
<p>&nbsp;</p>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4668&amp;ts=1328331551" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4668"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/top-10-amazing-illustrations/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Fresh Useful Icon Sets For Your Next Design</title>
		<link>http://www.orphicpixel.com/10-fresh-useful-icon-sets-for-your-next-design/</link>
		<comments>http://www.orphicpixel.com/10-fresh-useful-icon-sets-for-your-next-design/#comments</comments>
		<pubDate>Sat, 14 Jan 2012 08:07:54 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[download free icon]]></category>
		<category><![CDATA[free icons]]></category>
		<category><![CDATA[icon sets]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[resources]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4636</guid>
		<description><![CDATA[Be it illustrations, metaphors, visual support for unspectacular text blocks, or an additional comfort factor for performing some specific task, beautiful icons are always of great assistance. Although there are several icons available out there, it is highly significant to settle upon the most suitable set for the innovative, fresh design. To help users and [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Be it illustrations, metaphors, visual support for unspectacular text blocks, or an additional comfort factor for performing some specific task, beautiful icons are always of great assistance. Although there are several icons available out there, it is highly significant to settle upon the most suitable set for the innovative, fresh design. To help users and developers with their next design, we have listed below top ten novel useful icon sets that are sure to enhance the entire experience of experimenting with theme icons, fonts and much more.</p>
<p><strong>1. <a href="http://www.mezzoblue.com/icons/chalkwork/html/">Chalkwork HTML royalty-free icons</a></strong></p>
<p><img class="aligncenter size-full wp-image-4637" title="icons01" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons01.gif" alt="" width="489" height="384" /></p>
<p>Designed to harmonize perfectly with other sets in Chalkwork Family, the free set of HTML-themed icons can be extremely handy. The purposive icon set incorporates 31 graphical representations of common mark-up elements. Available in three sizes, users can snap up the Chalkwork HTML Royalty in formats ranging from Windows ICO, transparent PNG, GIF, TIF, and Mac ICNS.</p>
<p><strong>2. <a href="http://www.icojoy.com/articles/39/">Hand pointer icons<br />
<img class="aligncenter size-full wp-image-4638" title="icons02" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons02.jpg" alt="" width="452" height="347" /><br />
</a></strong></p>
<p>Integrated with an extensive range of useful tools, the hand pointer icons feature 36 hand pointer icons of six different types. Users can acquire the set in six color variants which furthermore comprise of .psd source file.</p>
<p><strong>3. <a href="http://www.smashingmagazine.com/2009/05/20/flavour-extended-the-ultimate-icon-set-for-web-designers/">Flavor extended</a></strong></p>
<p><img class="aligncenter size-full wp-image-4639" title="icons03" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons03.jpg" alt="" width="277" height="675" /></p>
<p>Developed for designers in web and user interface designs, the flavor extended set includes 177 icons in a resolution of 48 x 48 pixels. Weather it is a private project or commercial one, the beautiful icon set can be employed easily and touts to be the ultimate icon set for web designers.</p>
<p><strong>4. <a href="http://www.tutorial9.net/resources/free-icon-pack-web-injection/">Web injection<br />
<img class="aligncenter size-full wp-image-4640" title="icons04" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons04.jpg" alt="" width="480" height="364" /><br />
</a></strong></p>
<p>Infused with the ability to be used without attribution, the free web injection icon set comes with 26 stylish icons. Conceptualized and designed by Midtone Design Studio, each icon from the set is a .png at 48 x 48 pixels. Hand crafted by designer Jonathan Castro Fernandez, the set puts forth an immersive, enriched user experience.</p>
<p><strong>5. <a href="http://www.freeiconsdownload.com/Free_Downloads.asp?id=586">File status Icons<br />
<img class="aligncenter size-full wp-image-4641" title="icons05" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons05.jpg" alt="" width="452" height="336" /><br />
</a></strong></p>
<p>Another useful icon set for appealing designs and layouts is File status icon set which contains 16 subtle icons. Users can benefit from the neatly laid icons for web applications that deploy Subversion based projects.</p>
<p><strong>6. <a href="http://www.2expertsdesign.com/2008/10/05/2experts-free-icons-set/">2experts icons set<br />
<img class="aligncenter size-full wp-image-4642" title="icons06" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons06.jpg" alt="" width="485" height="350" /><br />
</a></strong></p>
<p>Users may highly appreciate the 2experts icons set as well for procreating new, fresh designs. Created using adobe fireworks, the intuitive and useful pack features 48 x 48 pixels PNG images. Designers can use the icon set for free.</p>
<p><strong>7. <a href="http://media1.smashingmagazine.com/2008/08/27/on-stage-a-free-icon-set/">On stage icons set<br />
<img class="aligncenter size-full wp-image-4643" title="icons07" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons07.jpg" alt="" width="500" height="612" /><br />
</a></strong></p>
<p>Infused with neat graphics, On stage icons set emerges as another great tool for designs – incorporating 49 free vector icons, including PSD. Available in PNG format, the icon set can be downloaded for free.</p>
<p><strong>8. <a href="http://www.morcha.net/post/46.html">The browser icons<br />
<img class="aligncenter size-full wp-image-4644" title="icons08" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons08.jpg" alt="" width="500" height="250" /><br />
</a></strong></p>
<p>At the same time, the browser icons can be of great help. The pack subsumes nine web browsers available in 16 x 16, 32 x 32 and 64 x 64 pixels. The set provides major browsers such as opera, google chrome, internet explorer, mozilla firefox, and others.</p>
<p><strong>9. <a href="http://www.iconeden.com/icon/milky-a-free-vector-iconset.html">Milky icons set<br />
<img class="aligncenter size-full wp-image-4645" title="icons09" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons09.jpg" alt="" width="498" height="448" /><br />
</a></strong></p>
<p>For users seeking an ideal, pleasant display on either bright or dark backgrounds, Milky icons set appears as an ideal pick. Integrated with 131 icons, the set brings all the icons primarily doused in green for enhanced convenience.</p>
<p><strong>10. <a href="http://dryicons.com/free-icons/preview/coquette-part-4-icons-set/">Coquette 4 icons set<br />
<img class="aligncenter size-full wp-image-4646" title="icons10" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/icons10.jpg" alt="" width="490" height="375" /><br />
</a></strong></p>
<p>Lastly, Coquette 4 icons set complete the designing process with rich graphics and topnotch usability. The playful free icon set has been powered by 50 new icons and features colorful and curvy icons. Coquette 4 icons set rightly bring all the playfulness to the user’s projects.</p>
<blockquote><p><strong></strong><em>Alia Haley is a blogger by profession. She loves writing on technology and autos. Beside this she is fond of cars and watches. Recently an article on <a href="http://www.gizmowatch.com/entry/hp-calculators-top-7-models-reviews-specifications/">HP calculators</a> attracted her attention. These days she is busy in writing an article on <a href="http://www.styleguru.com/entry/top-10-swiss-army-watches-men/">Swiss Army Watches</a>.</em></p></blockquote>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4636&amp;ts=1328331552" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4636"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/10-fresh-useful-icon-sets-for-your-next-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Cool Coffee Websites for Designer Inspiration</title>
		<link>http://www.orphicpixel.com/cool-coffee-websites-for-designer-inspiration/</link>
		<comments>http://www.orphicpixel.com/cool-coffee-websites-for-designer-inspiration/#comments</comments>
		<pubDate>Fri, 13 Jan 2012 14:40:59 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[coffee website]]></category>
		<category><![CDATA[inspirataion]]></category>
		<category><![CDATA[portal]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4634</guid>
		<description><![CDATA[When you are designing a website for a coffee shop or a small cafe, there&#8217;s plenty to consider. You need to create the cosy atmosphere of that particular place and make visitors almost feel the taste of fine coffee but not overdo images; be classy but not too boring, casual but not too messy&#8230; Have [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>When you are designing a website for a coffee shop or a small cafe, there&#8217;s plenty to consider. You need to create the cosy atmosphere of that particular place and make visitors almost feel the taste of fine coffee but not overdo images; be classy but not too boring, casual but not too messy&#8230;</p>
<p>Have a look at some of the great examples of coffee website designs below for good ideas how to do it.</p>
<h2>1. <a href="http://www.quillscoffee.com/" target="_blank">Quills Coffee</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/best-coffee-websites-for-inspiration-01.jpg" alt="Quills Coffee" width="550" height="343" /></p>
<p>Plain and simple, yet very attractive, this website from Quills Coffee is a beautiful and inviting design that&#8217;s perfect for any coffee blog or website. The image of two coffee cups and saucers, which attracts attention, immediately tells the visitor that the website is all about coffee of some sort.</p>
<p>Using various fonts can have different effects, and it can be either a good thing or a bad thing depending on how you use them. The example featured here uses at least four different fonts on the homepage alone. It&#8217;s a common idea that using too many different fonts can make the website look messy; however, this particular design doesn&#8217;t look anything other than classy and professional.</p>
<p>Adding humor to your website homepage can encourage your visitors to stay and have a further look around. The humorous statement &#8220;Unicorns are pretty cool too.&#8221; gives a sense of hilarity and amusement, which would cause people with a sense of humor to want to read more.</p>
<p>The main colors used for this website are warm grays and browns, which give the website an overall warm effect. Using colors that complement each other well is essential for creating the perfect website.</p>
<h2>2. <a href="http://www.dunkinathome.com/dunkin-coffees/" target="_blank">Dunkin&#8217; Donuts Coffee</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/best-coffee-websites-for-inspiration-02.jpg" alt="Dunkin' Donuts Coffee" width="550" height="310" /></p>
<p>A bright and breezy website design is often very appealing, no matter what your website is about. This website design from Dunkin&#8217; Donuts is witty, colorful and captivating. Pink and orange don&#8217;t seem like colors that would go together well, but the color combination works beautifully here. If you&#8217;re designing a coffee website for a cafe or coffee shop that also provides cakes (or donuts!), you could take a leaf from the book of the person who designed this website for Dunkin&#8217; Donuts and display images of some of the delicious foods that can be purchased.</p>
<p>The orange background goes lighter towards the top of the page, until it is white. This prevents the background looking too dark and bright and causing visitors to focus their attention on the background of the website rather than the main images.</p>
<p>Many coffee websites that you come across will have an image of loose coffee beans or a large sack of them. Providing a photograph which shows where the coffee first came from gives the website a natural and pure feel.</p>
<h2>3. <a href="http://gorillacoffee.com/" target="_blank">Gorilla Coffee</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/best-coffee-websites-for-inspiration-03.jpg" alt="Gorilla Coffee" width="550" height="274" /></p>
<p>Although only two main colors are used for this website, it&#8217;s difficult not to admire the bold and busy appearance of the homepage. If you want to design a coffee website using just two main colors, the secret lies in choosing the right colors. To get the same effect as this particular website, select two colors that are very contrasting (red and black being the perfect example). The most prominent color of this particular website is red; however, the dark black used for the gorilla makes this animal stand out on the homepage, reinforces the title &#8220;Gorilla Coffee&#8221;.</p>
<p>Keeping the website design plain and simple is never a bad thing. Displaying too many different headings, subheadings and banners all over the homepage of your website can put visitors off and make it look cluttered. Use links at the top or bottom of the page so that people can navigate their way around the website and go from page to page easily.</p>
<h2>4. <a href="http://www.caferouge.co.uk/" target="_blank">Cafe Rouge</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/best-coffee-websites-for-inspiration-04.jpg" alt="Cafe Rouge" width="550" height="277" /></p>
<p>Unlike the other designs featured, the website of Cafe Rouge is bright and bold with lots of information on the homepage. The dark red background contrasts beautifully with the lighter beige colored foreground. Using the background color on the foreground (in this example, the links to other pages) creates a lovely effect as it brings the two colors together in a subtle way.</p>
<p>A large banner at the top of your website is a good idea as it allows you to build the web page around it. Having small images here, there and everywhere only creates a messy and untidy feel to your website.</p>
<p>The website featured here has other images below the main image. This allows visitors to find out more information before even moving onto another page. This style and design is perfect if you&#8217;re creating an informative website that&#8217;s packed with facts, news and articles about coffee.</p>
<h2>Conclusion</h2>
<p>When designing any coffee website, think about the impression that you want to create. If you&#8217;re looking to create a bold and bright impression, make sure your website reflects that. Alternatively, if the impression you want people to have of your website is elegant, dark and artistic, choose darker colors and effective images to get this look.</p>
<p>There are plenty of ways to design your tea or coffee website to render how tasty your products are, share yours in the comments!</p>
<blockquote><p><em>Annie is a creative blogger for Dobovo, the free resource for affordable <a href="http://www.dobovo.com/" target="_blank">Kiev apartments</a> for inspired travellers!</em></p></blockquote>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4634&amp;ts=1328331552" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4634"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/cool-coffee-websites-for-designer-inspiration/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Loading of Web Page with the same JavaScript – the better way!</title>
		<link>http://www.orphicpixel.com/loading-of-web-page-with-the-same-javascript-the-better-way/</link>
		<comments>http://www.orphicpixel.com/loading-of-web-page-with-the-same-javascript-the-better-way/#comments</comments>
		<pubDate>Sun, 08 Jan 2012 04:11:51 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4598</guid>
		<description><![CDATA[It’s not uncommon to come across web pages getting struck while loading. The ‘loading’ wheels struggling to rotate, the cursors going unnoticed are the worst part of a heavy web page. In fact page loading becomes most irritating problem if left untreated, let alone the subsequent issues that follow there after. There are some simple [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>It’s not uncommon to come across web pages getting struck while loading. The ‘loading’ wheels struggling to rotate, the cursors going unnoticed are the worst part of a heavy web page. In fact page loading becomes most irritating problem if left untreated, let alone the subsequent issues that follow there after.</p>
<p>There are some simple tricks to make the fat page load in a better way and to make the experience less irksome, though they take the same time to load. Phew!</p>
<p><img class="aligncenter size-full wp-image-4599" title="html5" src="http://www.orphicpixel.com/wp-content/uploads/2012/01/html5.jpg" alt="" width="570" height="627" /></p>
<p><strong><em><a href="http://www.buytemplates.net/CSS-XHTML-web-templates.php">CSS templates or the xHTML templates</a></em></strong> can be used for quicker loading of the pages. CSS file is required for arrangement of objects on the web Page. These files have the parameters which specify the size, color, margin and positioning of the objects. JavaScript files are those which have instruction to handle specific events which occur on the webpage. These are detailed procedures and thus are the file size is bigger when compared to the CSS files.</p>
<p>When a page gets loaded, it tries to bring in the files in the order from top to bottom as specified. However there are inline javascripts which come within the html and not as separate files.</p>
<p>While designing the html care should be taken that the bulkier JavaScript files should be brought at the end i.e. these files should be at the bottom of the list of files being queried from the server. The necessary javascript instructions through which the alignment of the objects (like buttons, drop menus, icons etc) should be made ‘inline’ i.e. hard coded within the html code.</p>
<p>The CSS files should be brought in the beginning. This makes the html objects (like the buttons, icons, searchfields, images) to position themselves in the desired way and wait for the subsequent requests to fill the page.  <strong><em><a href="http://www.buytemplates.net/HTML5-web-templates.php">Html5 templates</a> </em></strong>make use of Javascript and CSS3 and can be used for animation experiences on a real time basis.</p>
<p>The JavaScript files whose instructions are not relevant for the alignment of objects need not compete with the CSS files. Initially the bandwidth should be completely used by CSS and then by Html files followed by javascript files making ‘loading’ a pleasant experience.</p>
<p>Even though, both pleasant and unpleasant loading take the same amount of time, the user will be continuously occupied with the orderly sequence in which the objects get filled into the page. The above tricks and techniques will be handy in avoiding the sand clocks!</p>
<blockquote><p><em>The author of the above article has been working in the software development vertical. Blogging in spare time about latest technological developments and core technical issues is one of the many passions.</em></p></blockquote>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4598&amp;ts=1328331552" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4598"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/loading-of-web-page-with-the-same-javascript-the-better-way/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 10 Inspirational Websites for Designers</title>
		<link>http://www.orphicpixel.com/top-10-inspirational-websites-for-designers/</link>
		<comments>http://www.orphicpixel.com/top-10-inspirational-websites-for-designers/#comments</comments>
		<pubDate>Wed, 04 Jan 2012 15:00:24 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[deviantart]]></category>
		<category><![CDATA[inspirational]]></category>
		<category><![CDATA[threadless]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web design oman]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4575</guid>
		<description><![CDATA[Break free from designer block and point your browser to these inspirational websites that will make you rock your next project. From CSS and Flash, to furniture and imaginary characters – these are all you need to spark your work into a new level of awesomeness. 1. Deviant Art An active online community for any [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Break free from designer block and point your browser to these inspirational websites that will make you rock your next project. From CSS and Flash, to furniture and imaginary characters – these are all you need to spark your work into a new level of awesomeness.</p>
<h2>1. <a href="http://www.deviantart.com/" target="_blank">Deviant Art</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-01.png" alt="deviant art logo" width="526" height="215" /></p>
<p>An active online community for any artist, professional and amateur alike. The site has a great mix of work such as photography, graphic design, and even cosplay. Its user-friendly interface allows artists to not only submit work but derive comments and interact with other enthusiasts.</p>
<h2>2. <a href="http://www.threadless.com/" target="_blank">Threadless</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-02.png" alt="threadless logo" /></p>
<p>Do you want to see people wear your graphic design? Take a cue from this community where users upload their designs to be voted on, printed, and sold! 10 designs are selected weekly so this site lets you be in the know which styles are well-received by the masses. Winners also receive commission and cash prizes, talk about inspiration!</p>
<h2>3. <a href="http://www.fromeurope.org/" target="_blank">From Europe</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-03.gif" alt="from europe logo" /></p>
<p>This site actually has a page called <a href="http://www.inspiredm.com/5-best-tools-to-store-and-organize-daily-inspiration/" target="_blank">Inspiration</a>, so click on that right away to get your creative juices flowing. Inside you’ll find the hottest tips from the field of design furniture, living, accessories and architecture. Get ready to be amazed with European innovations such as the tarantula tea light and the bended clock .</p>
<h2>4. <a href="http://www.mojizu.com/" target="_blank">Mojizu</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-04.gif" alt="mojizu logo" /></p>
<p>Believe it or not, this contemporary design community is for artists and for their characters. Remember how you love to doodle as a child? Then this is the place to improve your skills and get feedback from a large community of character lovers.</p>
<h2>5. <a href="http://kuler.adobe.com/" target="_blank">Kuler</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-05.gif" alt="kuler logo" /></p>
<p>It’s challenging to pick and mix colors when there are millions of combinations. With Kuler, a web-hosted application for generating color themes, you can experiment quickly with color variations and browse thousands of themes from the Kuler community.</p>
<h2>6. <a href="http://www.logosauce.com/" target="_blank">Logo Sauce</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-06.gif" alt="logo sauce logo" /></p>
<p>One of this site’s mission is to inspire fantastic logo designs. They certainly live up to this by encouraging designers to expose their work, great and small to receive feedback and adoration.</p>
<h2>7. <a href="http://www.thelittlechimpsociety.com/" target="_blank">The Little Chimp Society</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-07.jpg" alt="the little chimp society logo" /></p>
<p>This site is overflowing with news and updates in the realm of illustration. It’s a must bookmark portal for every website designer who wants to keep up with the latest sources of inspiration.</p>
<h2>8. <a href="http://www.mostinspired.com/" target="_blank">Most Inspired</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-08.jpg" alt="most inspired logo" /></p>
<p>Head straight to the Sites page for a fantastic one-stop-shop of inspiration on CSS based website design. Most Inspired not only offers eye candy but an entertaining blog and worthwhile tutorials too.</p>
<h2>9. <a href="http://www.colourlovers.com/" target="_blank">Colour Lovers</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-09.png" alt="colour lovers logo" /></p>
<p>An international creative community that helps people discover their inner designer by providing a wealth of user created and shared color inspiration. The site also offers tools that make the creative process as simple as possible. No wonder there are now 745,446 COLOURlovers around the world!</p>
<h2>10. <a href="http://www.thebestdesigns.com/" target="_blank">The Best Designs</a></h2>
<p><img src="http://i133.photobucket.com/albums/q62/anya678/task-11-10/top-inspirational-websites-for-designers-10.png" alt="the best designs logo" width="549" height="73" /></p>
<p>Grab your cup of inspiration from around the world with this website as it showcases only the most impressive designs from various locations: brochures, <a href="http://www.psprint.com/resources/small-business-marketing/calendars/spread-your-message-with-stickers-calendars.asp" target="_blank">calendars</a>, cards and web designs &#8211; everything is creatively mixed here! Aside from Flash and CSS, TBD has recently added a themes gallery which features some of the best WordPress Themes available.</p>
<blockquote><p><em>Jennifer Moline writes for the PsPrint Blog about <a href="http://www.psprint.com/greeting-cards" target="_blank">card printing</a>, graphic design and small-business marketing.</em></p></blockquote>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4575&amp;ts=1328331552" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4575"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/top-10-inspirational-websites-for-designers/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Redesigning Your Site for the New Year</title>
		<link>http://www.orphicpixel.com/redesigning-your-site-for-the-new-year/</link>
		<comments>http://www.orphicpixel.com/redesigning-your-site-for-the-new-year/#comments</comments>
		<pubDate>Sun, 25 Dec 2011 21:00:00 +0000</pubDate>
		<dc:creator>Guest Author</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[new look]]></category>
		<category><![CDATA[New Year]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[seo redesign]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.orphicpixel.com/?p=4487</guid>
		<description><![CDATA[The New Year is quickly approaching. For many of us it sparks an urge for change. We make New Year’s resolutions to improve the way we look and live. For website and blog owners, this could spark the urge to change our sites. With new SEO metrics planned for the year 2012, redesigning your site [...]<p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>The New Year is quickly approaching. For many of us it sparks an urge for change. We make New Year’s resolutions to improve the way we look and live. For website and blog owners, this could spark the urge to change our sites. With new SEO metrics planned for the year 2012, redesigning your site might be a resolution you will want to make. Here are a few benefits of changing your current site for the New Year.</p>
<p><img class="aligncenter size-full wp-image-4498" title="Image2" src="http://www.orphicpixel.com/wp-content/uploads/2011/12/Image2.jpg" alt="" width="570" height="403" /></p>
<p><strong>A Fresh Start:</strong></p>
<p>There are times in website ownership where we feel our sites are outdated, bland, and have just lost their appeal. We get stuck in a rut where we are happy with the traffic we have but wish for more, we like the color scheme, but imagine better. The New Year is great reason to change the face of your site and create a fresh new look and appeal, ultimately creating fresh traffic.</p>
<p>&nbsp;</p>
<p><strong>SEO Readiness:</strong></p>
<p>In 2012 there will be many changes to SEO metrics and how a site is ranked. This will affect all the sites that are currently live. We all know you must adapt to the changes in page rank or your site falls behind. Redesigning your site gives you the opportunity to prepare for the changes that are coming. With more emphasis on quality content rather than quantity of pages, you can adapt your site to utilize more quality.</p>
<p>&nbsp;</p>
<p><strong>Integrate New Features:</strong></p>
<p>There have been new web design features that have popped up in 2011. Widgets, gadgets, and apps have been created to make your site more user-friendly, less cluttered, and more appealing to your followers. Many of us have spent all year putting off the addition of these features. Redesigning for 2012 will give you the chance to add these features, integrate more social features to spark interaction on your site, and increase conversion rates.</p>
<p><img class="aligncenter size-full wp-image-4499" title="Image3" src="http://www.orphicpixel.com/wp-content/uploads/2011/12/Image3.jpg" alt="" width="570" height="403" /></p>
<p><strong>Opportunity for Migration:</strong></p>
<p>It seems the popularity of WordPress boomed in 2011, yet there are many who have yet migrated to this easy to use platform. Use this time to make the move and see what the buzz is about. WordPress offers easy updating, scheduling, and a plethora of SEO tools and widgets to make your site more successful and easier to manage.</p>
<p>&nbsp;</p>
<p><strong>Take a New Direction:</strong></p>
<p>The internet is always evolving and changing. Often our interests change as well. If you have lost interest in your site’s theme or niche, the New Year may offer a new direction for you. Determine if your site still interests you and the people who visit. If you have another idea for it, implement it in 2012 and regain your interest in your site.</p>
<p>&nbsp;</p>
<p><strong>Re-establish Marketing:</strong></p>
<p>Marketing techniques change with the internet. Keywords, meta-tags, SEO strategies, and even social media trends are constantly moving in other directions. By redesigning your site you will be in the mode to change your marketing with it. Take this time to go over the effectiveness of your keywords, Adwords, and social media standings. Tweak whatever is needed for the coming year and increase your traffic.</p>
<p>&nbsp;</p>
<p><strong>Monetizing:</strong></p>
<p>Many site owners are unsure of when the time is right to monetize their sites and blogs. If you have been putting it off now could be the time. Explore your options in affiliate marketing and advertising and monetize your blog for 2012 revenue.</p>
<p>&nbsp;</p>
<p>The New Year promises many changes in the internet and how sites are perceived. If you are currently on the fence about changing your site, its direction, or how you market it, use the New Year as a reason to get things done and redesign. A fresh start for a fresh year may just be what your site needs.</p>
<p>&nbsp;</p>
<blockquote><p><em>Mark Williams has been in the <a href="http://www.mintleafstudio.com.au">web design Melbourne</a>, Australia industry for over ten years and loves to share his ideas. As a freelance writer, he is able to bring a fresh perspective on many topics like this one.</em></p></blockquote>
<img src="http://www.orphicpixel.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=4487&amp;ts=1328331552" style="display:none;" alt="pixelstats trackingpixel"/><p><a href="http://www.launchbit.com/az/116-213/"><img width="468" height="60" src="http://www.launchbit.com/az-images/116-213/" /></a><br />
<small>(Powered by <a href="http://www.launchbit.com/lb/116-213/">LaunchBit</a>)</small></p>
<div class="shr-publisher-4487"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://www.orphicpixel.com/redesigning-your-site-for-the-new-year/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

