<?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>Powerusers</title>
	<atom:link href="http://nikhilmisal.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://nikhilmisal.com</link>
	<description>The Design Blog for Web Design Resources and Inspiration</description>
	<lastBuildDate>Sat, 03 Dec 2011 17:56:57 +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>Best Design Principle for a Mobile Website</title>
		<link>http://nikhilmisal.com/best-design-principle-for-a-mobile-website/</link>
		<comments>http://nikhilmisal.com/best-design-principle-for-a-mobile-website/#comments</comments>
		<pubDate>Fri, 18 Nov 2011 21:45:07 +0000</pubDate>
		<dc:creator>Richard Fisher</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[mobile website design]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2776</guid>
		<description><![CDATA[Did you know that more than 700 million people on the planet use internet on their mobile phones? The number is growing fast, with over 2.4 billion mobile phone users! That calls for a quick re-evaluation of your website – is it compatible with mobile phones? Make sure that the mobile version of your website [...]]]></description>
			<content:encoded><![CDATA[<div class="d"><img class="alignleft size-full wp-image-2792" title="reports" src="http://nikhilmisal.com/wp-content/uploads/2011/11/reports.png" alt="Statistics" width="200" height="138" /><br />
Did you know that more than 700 million people on the planet use internet on their mobile phones?<br />
The number is growing fast, with over 2.4 billion mobile phone users! That calls for a quick re-evaluation of your website – is it compatible with mobile phones? Make sure that the mobile version of your website is as good as, or even better than, the PC version or you could be losing 30% of your visitors!<br />
So what basic principles should you follow to create or revamp your mobile website? Well, if you have decided to develop a strategy for a mobile website, here are a few key principles that shouldn’t be ignored.</div>
<p><span id="more-2776"></span></p>
<div class="d1">
<h3>Which of the two situations are you in?</h3>
<p><img class="alignright size-full wp-image-2782" title="bulb" src="http://nikhilmisal.com/wp-content/uploads/2011/11/bulb.png" alt="Which of the two situations you are?" width="150" height="200" /></p>
<p>i. You have a PC website but want to develop the mobile version from scratch</p>
<p>ii. You have the mobile version but want to revamp it</p>
<p>Depending upon the situation you’ll have to follow the principles mentioned below. The softwares used for coding and re-coding are different. Try to make a new mobile website on xhtml or xml. Recoding can be done manually or by using certain website auto-transformation applications.</p>
</div>
<div class="d1">
<h3>Where does your business stand?</h3>
<p><img class="alignleft size-full wp-image-2799" title="space" src="http://nikhilmisal.com/wp-content/uploads/2011/11/space.png" alt="Where does your business stand?" width="192" height="200" />There is a rule called AIDA – Attention, Interest, Desire and Action. Brands or businesses are at different stages at different times. The way you create or revamp the mobile website is influenced a great deal by what your current business strategy is. Are you launching a brand? That would call for something engaging. Are you trying to finally make sales after the entire launch process – perhaps more product information should be available.</p>
</div>
<div class="d1">
<h3>Know your customers</h3>
<p><img class="alignright size-full wp-image-2797" title="services" src="http://nikhilmisal.com/wp-content/uploads/2011/11/services.png" alt="Know your customers" width="200" height="230" />Remember a website cannot be everything for everyone. It has to be focused for different target markets. For example, if you have an e-music store, you should find out what the common characteristics of the website visitors are – their age, their education, their expectations from your website, etc.</p>
<p>Also, you must know what devices (varying in feature such as screen sizes) and internet browsers are being used to access your mobile website. The more devices and browsers, the trickier it becomes for you to develop a universally efficient mobile website.</p>
</div>
<div class="d1">
<h3>KISS Creatively</h3>
<p><img class="alignright size-full wp-image-2784" title="pen" src="http://nikhilmisal.com/wp-content/uploads/2011/11/pen.png" alt="KISS Creativily" width="200" height="200" /></p>
<p>Yes, do remember to Keep it Simple and Short. Simplicity helps:</p>
<p>i. In letting the pages download more quickly</p>
<p>ii. Making comprehension of the content easier</p>
<p>iii. Making interaction via click/ tap easier</p>
<p>iv. Retaining the website visitor for a longer time period – through more effective engagement</p>
<p>However, simplicity doesn’t mean that it can’t be exciting. There are number of websites that have made simplicity their strength along with vibrant colors, fonts and graphics. Click here to see a collection of great mobile websites.</p>
</div>
<div class="d1">
<h3>Make interaction Engaging</h3>
<p><img class="size-full wp-image-2786 alignleft" style="margin: 0 10px 0 0;" title="tab" src="http://nikhilmisal.com/wp-content/uploads/2011/11/tab.png" alt="Make Interaction Engaging" width="250" height="188" />You must realize that people tap rather than click on their mobile phones. So make the ‘clickable’ options on the original website converted into ‘tappable’ options on the mobile website. Also, add features that inform the user when interaction has been made. For example if an option has been tapped upon, let that button or link change in color, shape or form. Also, when a page is loading, display an animated figure that tells the user that something is going on.</p>
</div>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://nikhilmisal.com/mcommerce-in-2011-trail-blazing-retailers/' title='mCommerce in 2011: Trail blazing retailers'>mCommerce in 2011: Trail blazing retailers</a></li>
<li><a href='http://nikhilmisal.com/designing-websites-with-readability-in-mind/' title='Designing Websites with Readability in Mind'>Designing Websites with Readability in Mind</a></li>
<li><a href='http://nikhilmisal.com/mobile-website-design-trends/' title='Mobile Website Design Trends'>Mobile Website Design Trends</a></li>
<li><a href='http://nikhilmisal.com/cross-cultural-web-design-thinking-global-from-the-start/' title='Cross-Cultural Web Design: Thinking Global From the Start'>Cross-Cultural Web Design: Thinking Global From the Start</a></li>
<li><a href='http://nikhilmisal.com/things-to-consider-before-using-adobe-flash-heavily/' title='Things to Consider Before Using Adobe Flash Heavily on Website'>Things to Consider Before Using Adobe Flash Heavily on Website</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/best-design-principle-for-a-mobile-website/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>mCommerce in 2011: Trail blazing retailers</title>
		<link>http://nikhilmisal.com/mcommerce-in-2011-trail-blazing-retailers/</link>
		<comments>http://nikhilmisal.com/mcommerce-in-2011-trail-blazing-retailers/#comments</comments>
		<pubDate>Thu, 10 Nov 2011 21:43:53 +0000</pubDate>
		<dc:creator>James Bentham</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[mobile website design]]></category>
		<category><![CDATA[website. design]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2729</guid>
		<description><![CDATA[Although still comparatively new, several big retailers have already taken up mobile commerce options to great effect. These brands have shown a distinct lack of trepidation when implementing and innovating, examining the mobile behaviour of their customers and tailoring their product and shopping options in order to maximise gain. Marks &#38; Spencer The first of [...]]]></description>
			<content:encoded><![CDATA[<p>Although still comparatively new, several big retailers have already taken up <a href="http://www.migcan.com">mobile commerce</a> options to great effect. These brands have shown a distinct lack of trepidation when implementing and innovating, examining the mobile behaviour of their customers and tailoring their product and shopping options in order to maximise gain.</p>
<p><span id="more-2729"></span></p>
<div id="block1">
<h2>Marks &amp; Spencer</h2>
<p><img class="size-full wp-image-2741 alignright" style="border-style: initial; border-color: initial;" title="M&amp;S" src="http://nikhilmisal.com/wp-content/uploads/2011/11/MandS.png" alt="" width="150" height="178" /><br />
The first of the major UK high street retailers to launch a full mobile web shopping app, M &amp; S have seen great success for blazing the trail. 13,000 orders were generated from 1.2m users in just the first 3 months, with purchases ranging from clothing to electrical goods. A pair of leather sofas was their largest sale at £3,280.</p>
</div>
<div id="block2">
<h2>Amazon</h2>
<p><img class="size-full wp-image-2744 alignleft" title="amazon_iphone" src="http://nikhilmisal.com/wp-content/uploads/2011/11/amazon_iphone.png" alt="" width="120" height="223" /></p>
<div class="d2">Web colossus Amazon was swift to set up a strong mobile presence. They optimised their main website for mobile phones, as well as creating iPhone and Android apps for a number of territories. Amazon in fact helped to unify cross-platform user accounts, with customers being able to add items they see on their phone to a basket, then return and seamlessly pay later on their PC later on. With the search feature also being used so prolifically by site users, searching had to be given priority space at the top of the navigation.</div>
</div>
<div id="block3">
<h2>eBay</h2>
<p><img class="alignright size-full wp-image-2759" title="ebay_page" src="http://nikhilmisal.com/wp-content/uploads/2011/11/ebay_page.png" alt="" width="175" height="306" /></p>
<p>Equally as successful as Amazon’s mobile launch, eBay announced over $2bn revenue through their global mobile platform throughout 2010. Their channel was downloaded 30 million times and an item was purchased every 2 seconds on average in the UK. The eBay app allows users to both purchase and sell products through their mobile device. This functionality is paired with a high level of usability, engaging customers and making using the channel a pleasurable experience. Both eBay and Amazon have implemented barcode scanning since their respective launches, allowing instantaneous and direct comparisons to be drawn between high street prices and online purchases. eBay’s app has provided some very high end sales, a $330,000 Lamborghini and a $150,000 yacht.</p>
</div>
<div id="block4">
<h2>Catching up</h2>
<p>The arguments for other retailers to follow these brands and capitalise on the mobile channel are fairly clear. Throughout 2011 brands including Tesco and Next to high end fashion label Dolce and Gabbana have all jumped on the bandwagon and those who choose not to go down that route will quickly get left behind. Forecasts are suggesting that the mobile shopping market could be worth more than $100bn per annum by 2015, as mobile offers the opportunity to marry together product information, marketing and editorial content with experiences in both digital and in-store environments. Connecting up these brand aspects ultimately mean more customer interest converting to sales.</p>
</div>
<div id="block5">
<h2>Barriers</h2>
<p>Between retailers and the wonderful world of mobile commerce, a number of factors have to be taken into consideration. The proportion of mobile browsing over the web over the next 5 years needs to be considered and to what extent this will lead to an increase in conversions from apps and mobile optimised sites.</p>
<div id="mobile_browser-ww-monthly-201010-201110-bar" width="500" height="300" style="width:500px; height: 300px;"></div>
<p><!-- You may change the values of width and height above to resize the chart -->
<p>Source: <a href="http://gs.statcounter.com/#mobile_browser-ww-monthly-201010-201110-bar">StatCounter Global Stats &#8211; Mobile Browser Market Share</a></p>
<p><script type="text/javascript" src="http://www.statcounter.com/js/FusionCharts.js"></script><script type="text/javascript" src="http://gs.statcounter.com/chart.php?mobile_browser-ww-monthly-201010-201110-bar"></script><br />
From there, the transactional system needs to be established, which can be run via one of two options. An integrated solution, which powers an app and/or mobile website through exposed APIs, future-proofs the mobile site and user experience but requires a significant investment up front. It will allow you however, to shorten the checkout process, alter the login system or deal with cookies differently. Alternatively, a responsive web design solution could be used, whereby the retailer’s normal website is formatted down to a smaller display window. This is naturally a less costly option and requires little input from the eCommerce team. However, small changes are more prone to causing complete website failure and the quality of the user experience offered is much decreased as it is not tailored specifically for mobile users.</p>
</div>
<div id="block6">
<h2>Future</h2>
<p><img class="alignleft size-full wp-image-2763" title="html5" src="http://nikhilmisal.com/wp-content/uploads/2011/11/html5.png" alt="" width="203" height="203" /></p>
<div class="d3">Developments in the underlying technology have already begun to be implemented, with the emergence of new HTML5, CSS3 and Javascript standards revolutionising the way mobile websites, apps and their corresponding user experience are designed. One of the main aims of current development is to reduce page loads in the transactional system, meaning better functionality for users with a weaker network connection.</div>
</div>
<h2>Conclusion</h2>
<p>2011 has seen the rise of the fully integrated shopping experience, including mobile, social and in store digital environments, to better connect users with the brand itself. Mobile channels will continue to be crucial to content engagement, allowing customers to jump the in store queues and compare products instantly with competitors.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://nikhilmisal.com/best-design-principle-for-a-mobile-website/' title='Best Design Principle for a Mobile Website'>Best Design Principle for a Mobile Website</a></li>
<li><a href='http://nikhilmisal.com/mobile-website-design-trends/' title='Mobile Website Design Trends'>Mobile Website Design Trends</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/mcommerce-in-2011-trail-blazing-retailers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Things to Consider Before Using Adobe Flash Heavily on Website</title>
		<link>http://nikhilmisal.com/things-to-consider-before-using-adobe-flash-heavily/</link>
		<comments>http://nikhilmisal.com/things-to-consider-before-using-adobe-flash-heavily/#comments</comments>
		<pubDate>Sat, 15 Oct 2011 22:15:02 +0000</pubDate>
		<dc:creator>Maria Rainier</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[flash website]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2703</guid>
		<description><![CDATA[Flash is one of the most prevalent web standards on the Internet and has been for years now. If you have watched a video or played a game from within your browser, chances are it was using Flash. Some websites, such as Newgrounds, are even dominated entirely by Flash content. Flash is also common on promotional sites for movies and video games. While Flash is a terrific tool and can lead to some very well designed pages, it also has a few key drawbacks you should be aware of.]]></description>
			<content:encoded><![CDATA[<div id="block1">
<div class="d1">Flash is one of the most prevalent web standards on the Internet and has been for years now. If you have watched a video or played a game from within your browser, chances are it was using Flash. Some websites, such as Newgrounds, are even dominated entirely by Flash content. Flash is also common on promotional sites for movies and video games. While Flash is a terrific tool and can lead to some very well designed pages, it also has a few key drawbacks you should be aware of.</div>
<p><span id="more-2703"></span><br />
<a href="http://www.saizenmedia.com/reinvented/" target="_blank"><img class="alignright size-full wp-image-2707" title="Saizen Media Studio" src="http://nikhilmisal.com/wp-content/uploads/2011/10/saizen-media.png" alt="Saizen Media Studio" width="450" height="415" /></a>
</div>
<div id="block2">
<div class="d2">
<h3>Security</h3>
<p>As great as Flash can be to create dynamic looking sites, it can also be dangerous. Adobe has been adamant about fixing issues within Flash, but as quickly as updates come out, new security holes are found. Many a user has fallen victim to Flash exploits and some don’t even know. Part of the reason Flash is plagued with so many security problems is how widely it’s used. Because it’s installed on nearly every computer ever made, there is a large incentive for a hacker to find exploits.</p>
</div>
<p><img class="alignleft size-full wp-image-2712" title="Security" src="http://nikhilmisal.com/wp-content/uploads/2011/10/lock_open.png" alt="" width="128" height="128" /></p>
</div>
<div id="block3">
<div class="d3">
<p><img class="alignright size-full wp-image-2718" title="Apple_iPhone_4" src="http://nikhilmisal.com/wp-content/uploads/2011/10/Apple_iPhone_4.png" alt="" width="142" height="250" /></p>
<h3>Mobile Devices</h3>
<p>Mobile devices are the wave of the future and many mobile devices are already making up an impressive part of web traffic. While some high-end Android phones and tablets are Flash compatible, mobile flash is still plagued with lag and unresponsiveness. Apple has announced that it neither now, nor will ever support Flash on its iPhone and iPad devices. Since the iPad makes up most of the tablet market at current, that is a big deal.</p>
</div>
<div class="d4">
<h3>Slow Connections</h3>
<p>While the availability of high-speed connections has increased dramatically for homes, more and more users find themselves in public locations. The Wi-Fi at your local Starbucks is likely far slower than at home and, as a result, Flash content takes ages to load. Many users get frustrated and stop visiting your site. There are plenty of users who don’t distinguish between connection speeds and will assume the problem is on your end. Nothing is worse than bad word of mouth that isn’t earned. Cutting down on Flash elements is the best way to ensure a fast-loading websites.</p>
</div>
</div>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://nikhilmisal.com/simply-captivating/' title='Simply Captivating'>Simply Captivating</a></li>
<li><a href='http://nikhilmisal.com/designing-websites-with-readability-in-mind/' title='Designing Websites with Readability in Mind'>Designing Websites with Readability in Mind</a></li>
<li><a href='http://nikhilmisal.com/mobile-website-design-trends/' title='Mobile Website Design Trends'>Mobile Website Design Trends</a></li>
<li><a href='http://nikhilmisal.com/15-must-read-articles-for-web-developers/' title='15 Must Read Articles for Web Developers'>15 Must Read Articles for Web Developers</a></li>
<li><a href='http://nikhilmisal.com/12-creative-peace-of-web-design/' title='12 Creative Peace of Web Design'>12 Creative Peace of Web Design</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/things-to-consider-before-using-adobe-flash-heavily/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Reviewed: depositphotos.com Affordable Place for Royalty Stock Images</title>
		<link>http://nikhilmisal.com/reviewed-depositphotos-com-affordable-place-for-royalty-stock-images/</link>
		<comments>http://nikhilmisal.com/reviewed-depositphotos-com-affordable-place-for-royalty-stock-images/#comments</comments>
		<pubDate>Wed, 12 Oct 2011 20:54:00 +0000</pubDate>
		<dc:creator>Nikhil</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[review]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2688</guid>
		<description><![CDATA[Thinking to launch website for your organization or just entering into the blogging world??? You may face lot of troubles searching for quality images on the internet. There are many resources available for Royalty Free images but amongst them only few stands tall. Depositphotos.com is one of the best resources available for Royalty free images [...]]]></description>
			<content:encoded><![CDATA[<p>Thinking to launch website for your organization or just entering into the blogging world??? You may face lot of troubles searching for quality images on the internet. There are many resources available for Royalty Free images but amongst them only few stands tall. <a title="Depositphotos" href="http://depositphotos.com" target="_blank">Depositphotos.com</a> is one of the best resources available for Royalty free images and vectors.</p>
<h3>Pros:</h3>
<ol>
<li>Free Trial Subscription – You can enjoy <a title="Free Photos at Depositphotos" href="http://depositphotos.com/free-photos.html" target="_blank">free subscription</a> for 7 days and download 5 images per day. This means you can enjoy 35 images absolutely free.</li>
<li>Pay per Credit – You can pay for the images depending upon its size. Depositphotos follow credit base currency. So can buy an image in exchange of credits.</li>
<li>Various Subscription Plans – There are various subscription plans available ranging from 3 days to 12 months.</li>
<li>Loads of images – Lots of images are available to choose your favorite one.</li>
</ol>
<div><span id="more-2688"></span></div>
<h3>Cons:</h3>
<p>I searched for keyword ‘color’ on Depositphotos.com and Shutterstock.com and got following result.</p>
<p>Depositphotos.com</p>
<p><a href="http://depositphotos.com/search.php?query=color&amp;search_photos=1&amp;search_vectors=1&amp;sorting=best_match"><img class="aligncenter size-full wp-image-2689" title="depositphotos" src="http://nikhilmisal.com/wp-content/uploads/2011/10/depositphotos.jpg" alt="" width="530" height="203" /></a></p>
<p>&nbsp;</p>
<p>Shutterstock.com<a href="http://www.shutterstock.com/cat.mhtml?lang=en&amp;search_source=search_form&amp;version=llv1&amp;anyorall=all&amp;safesearch=1&amp;searchterm=color&amp;search_group=&amp;orient=&amp;search_cat=&amp;searchtermx=&amp;photographer_name=&amp;people_gender=&amp;people_age=&amp;people_ethnicity=&amp;people_number=&amp;commercial_ok=&amp;color=&amp;show_color_wheel=1"><img class="aligncenter size-full wp-image-2690" title="shtterstock" src="http://nikhilmisal.com/wp-content/uploads/2011/10/shtterstock.jpg" alt="" width="530" height="250" /></a></p>
<p>Noticed any difference?</p>
<p><span class="Apple-style-span" style="font-size: 15px; font-weight: bold;">Conclusion:</span></p>
<p>Depositphotos.com is a good place where loads of Royalty free images and vectors are available to choose a best one for yourself at descent price.</p>
<p><span class="Apple-style-span" style="font-size: 15px; font-weight: bold;">Rating:</span></p>
<p style="padding: 7px 5px 7px 50px; background: #ddd url('http://nikhilmisal.com/wp-content/uploads/2011/10/star.png') top left no-repeat; border: #333 solid 1px; font-size: 1.4em; width: 50px; margin-bottom: 20px; color: #39b54a;"><strong>3.5/5</strong></p>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li>No Related Posts</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/reviewed-depositphotos-com-affordable-place-for-royalty-stock-images/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Designing Websites with Readability in Mind</title>
		<link>http://nikhilmisal.com/designing-websites-with-readability-in-mind/</link>
		<comments>http://nikhilmisal.com/designing-websites-with-readability-in-mind/#comments</comments>
		<pubDate>Mon, 10 Oct 2011 21:36:48 +0000</pubDate>
		<dc:creator>Natalie Hunter</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[readability]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2672</guid>
		<description><![CDATA[Have you ever visited a website that was so hideous that you immediately clicked the back button on your browser? It didn&#8217;t matter how much the site fit your search terms, or how awesome the content of it might have been, you were out of there. A site will gain or lose a visitor within [...]]]></description>
			<content:encoded><![CDATA[<p>Have you ever visited a website that was so hideous that you immediately clicked the back button on your browser? It didn&#8217;t matter how much the site fit your search terms, or how awesome the content of it might have been, you were out of there. A site will gain or lose a visitor within seconds, often depending on how easily readable the content on your site is. Whether you&#8217;re designing a huge site like the next youtube or just promoting your little <a href="http://www.onlineschools.org/" target="_blank">online school</a>, if your website is not designed with readability in mind, most visitors will not even make a halfhearted attempt to read your message.</p>
<p><span id="more-2672"></span></p>
<h3>Some Tips for Readable Designs</h3>
<p style="text-align: center;"><a href="http://www.flickr.com/photos/yakanama/"><img class="size-full wp-image-2673 aligncenter" title="Color Combination" src="http://nikhilmisal.com/wp-content/uploads/2011/10/color.jpg" alt="" width="530" height="398" /></a></p>
<p>In his study on <a href="http://web.mst.edu/~rhall/web_design/color_readability.html" target="_blank">Color Combinations and Readability</a>, Dr. Richard H. Hall of Missouri S &amp; T indicates that darker text on lighter backgrounds rates higher for readability than do other contrast combinations. Though black text on a white background is traditionally accepted amongst web designers as the ideal for readability, his studies indicate that other high contrast color combinations, such as dark blue on light blue, might work just as well from a readability standpoint. The W3C has published an algorithm that may help web designers determine if the <a href="http://www.w3.org/TR/AERT#color-contrast" target="_blank">color contrast</a> between text and background is sufficient from a readability standpoint.</p>
<p><a href="http://www.flickr.com/photos/darwinbell/" target="_blank"><img class="aligncenter size-full wp-image-2674" title="Font Selection" src="http://nikhilmisal.com/wp-content/uploads/2011/10/choose-font.jpg" alt="" width="530" height="336" /></a></p>
<p><a href="http://webaim.org/techniques/fonts/" target="_blank">Font choice</a> can also have a huge impact on readability. A good monospace font, like Courier, is more easy to read than any highly ligatured fantasy font. Serif fonts, like Times New Roman or Verdana, are also popular choices for readability. All of the aforementioned fonts are commonly available on client machines regardless of OS.</p>
<p>Most modern web browsers will allow users to adjust the text size to a more comfortable level. To take advantage of this feature, web designers should set font-size using relative measures of ems (em) or percentages (%).<img class="alignright size-full wp-image-2677" title="font-size" src="http://nikhilmisal.com/wp-content/uploads/2011/10/font-size.jpg" alt="" width="200" height="50" /> Absolute measures, such as the commonly used pixel (px), may prevent visitors from resizing text. Your audience may abandon you if you do not make it easier for visitors to resize any small text on your pages to a more comfortable level than it is for them to just hit the back button on their browser and go to another, more user friendly website.</p>
<p>Besides these text-based points, readability is also influenced by the images on a site. Just think of a generic MySpace page with the blinking text, animated graphics and autoplaying music. Though these bells and whistles might have been considered exciting and flashy in the late 90s, most web designers now know better than to use them. However, the reasons that these are terrible design choices still apply. Excessive clutter, whether it&#8217;s several images or discrete blocks of text, directly affect the readability of a site. A websurfer&#8217;s eye scans rather than actively reads, and any interruptions to this activity may cause them to write you off. Use negative space to your advantage, and you will get a much more professional look and less that of the flashy used-car-salesman of the internet.</p>
<h3>The Importance of Readability in Website Design</h3>
<p><a href="http://www.flickr.com/photos/thomashawk/" target="_blank"><img class="aligncenter size-full wp-image-2675" title="Readability in Web Design" src="http://nikhilmisal.com/wp-content/uploads/2011/10/readability-in-webdesign.jpg" alt="" width="530" height="336" /></a></p>
<p>Perhaps even above beautiful graphics and good placement, readability is one of the most important factors in website design. If you fail to account for readability in your web design, preferring instead exciting fonts or flashy images, you have failed to take into account true aesthetics. If you pay attention to color choice, fonts and clean layouts, you will be that much closer to creating truly beautiful websites.</p>
<h6>top image credits: <a href="http://www.flickr.com/photos/rohdesign/" target="_blank">Mike Rohde</a></h6>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://nikhilmisal.com/best-design-principle-for-a-mobile-website/' title='Best Design Principle for a Mobile Website'>Best Design Principle for a Mobile Website</a></li>
<li><a href='http://nikhilmisal.com/things-to-consider-before-using-adobe-flash-heavily/' title='Things to Consider Before Using Adobe Flash Heavily on Website'>Things to Consider Before Using Adobe Flash Heavily on Website</a></li>
<li><a href='http://nikhilmisal.com/simply-captivating/' title='Simply Captivating'>Simply Captivating</a></li>
<li><a href='http://nikhilmisal.com/mobile-website-design-trends/' title='Mobile Website Design Trends'>Mobile Website Design Trends</a></li>
<li><a href='http://nikhilmisal.com/using-visual-metaphors-in-web-design-part-1/' title='Using Visual Metaphors in Web Design: Part 1'>Using Visual Metaphors in Web Design: Part 1</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/designing-websites-with-readability-in-mind/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Simply Captivating</title>
		<link>http://nikhilmisal.com/simply-captivating/</link>
		<comments>http://nikhilmisal.com/simply-captivating/#comments</comments>
		<pubDate>Mon, 22 Aug 2011 19:51:27 +0000</pubDate>
		<dc:creator>Bill Post</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2631</guid>
		<description><![CDATA[Let&#8217;s imagine that you want to plant some geraniums on your balcony, and you happen to live across the street from two garden centers. Garden center #1 is lavishly decorated. There are plants and flowers everywhere, and simply to walk into the center is to experience sensory overload. It&#8217;s the most beautiful place you can [...]]]></description>
			<content:encoded><![CDATA[<p>Let&#8217;s imagine that you want to plant some geraniums on your balcony, and you happen to live across the street from two garden centers. Garden center #1 is lavishly decorated. There are plants and flowers everywhere, and simply to walk into the center is to experience sensory overload. It&#8217;s the most beautiful place you can think of to visit, and you like to stop by and simply enjoy the ambience &#8212; but you have no idea where you would find a geranium there, although you&#8217;re certain that if there was one place on Earth where geraniums could be purchased, this would be the place. Garden center #2 is much more bare bones &#8212; it is laid out beautifully but simply, with a stone bench and a fountain in the middle and several specialized areas radiating out from that central point. You only have ten minutes. Which garden center would you go to?</p>
<p><span id="more-2631"></span></p>
<p>Okay, it was a trick question. Both centers sound beautiful. Personally, I would wait until I had plenty of time, and spend a good couple of hours poking around them both. But you can see my point. Though there are many of us out there who like to poke around the Internet and explore web sites, most people appreciate and return to those web sites they can rely on to help them find information or a product or service quickly, when they have only a few minutes. That&#8217;s why so many web designers are turning to a simpler model for their web designs. It&#8217;s not just an aesthetic issue &#8212; it&#8217;s also an ease of use issue.</p>
<p>It&#8217;s not simply a matter of having a simple design, though. Web sites seem to work more efficiently for their users if <em>everything</em> is kept simple: thoughts, concepts, words, fonts, colors. It&#8217;s partly a matter of branding &#8212; and partly a matter of finding your niche. Here are a few basic principles I have found while working with clients who are designing not only web sites, but also the rest of their business marketing materials: brochures, business cards, letterhead, newsletters. For all of the above purposes, the &#8220;keep it simple&#8221; mantra applies:</p>
<ul>
<li><strong>When designing your site, ask yourself what the ONE message is that you want your site to convey.</strong> You should be able to summarize your message in a short phrase (preferably a phrase that matches your site&#8217;s domain name, making it particularly memorable!). Zen Habits. The Tarot Lady. Knitting Help. Green Life. Sports Writer.</li>
</ul>
<div><img class="aligncenter size-full wp-image-2645" title="wdyl" src="http://nikhilmisal.com/wp-content/uploads/2011/08/wdyl.jpg" alt="" width="530" height="254" /></div>
<ul>
<li><strong>The logo, theme, and color scheme that is used for one purpose should be carried through to the rest of the business&#8217; marketing materials: web site, newsletter, letterhead, business cards. All should match.</strong> That way, customers and clients immediately recognize materials that relate to the business. This seems like an old truism, but it&#8217;s one that new business owners often don&#8217;t realize. If you are working with a new business owner, take some time to explain this concept. I have found that some people want one look for their web sites and something different for their business cards &#8212; and I can&#8217;t think of a single instance where that is ever a good idea.</li>
</ul>
<div><img class="aligncenter size-full wp-image-2641" title="Logo" src="http://nikhilmisal.com/wp-content/uploads/2011/08/Logo.jpg" alt="" width="530" height="592" /></div>
<div>image by <a href="http://www.flickr.com/photos/spo0ky/" target="_blank">*spo0ky*</a></div>
<ul>
<li><strong>Just as one shouldn&#8217;t change horses in midstream, it&#8217;s better not to change your brand frequently.</strong> Even if it means taking longer to develop a web site or business cards, it&#8217;s worth taking the time to get your brand just right. It should be something simple, recognizable, and timeless &#8212; and it should be just right for your niche. If you are not quite sure if your site design is just right, then don&#8217;t unveil it yet &#8212; take a little longer.</li>
</ul>
<ul>
<li><strong>Choose a font and type size that are clear and readab</strong><strong>le.</strong> The serif versus sans serif debate over font has been raging for years, with no end in sight &#8212; choose the one you think is most readable, and, again, stick with it. Don&#8217;t change fonts for different sections of your site. (One exception: you may wish to carefully choose your headline font to contrast with your body text font, a device that many designers manage to use effectively.) Likewise, make your typeface large enough to read, but not so large that it takes forever to scroll through the site.</li>
</ul>
<ul>
<li><strong>Keep blog posts simple,</strong> organized around one clear theme that can be summarized in a short headline. If you have a complicated topic you&#8217;d like to explore, break it up into several blog posts.</li>
</ul>
<p>&nbsp;</p>
<p>Finally, I can&#8217;t leave you without offering a few examples. Take a look at the following three web sites, which are very clean and simple in their design (I had nothing to do with designing them &#8212; these are just a few web sites that I admire). Enjoy!</p>
<ul>
<li><strong>The web site of Kilian Muster</strong> (<a href="http://www.kilianmuster.com/">http://www.kilianmuster.com/</a>). This web site is very understated. There are not a lot of colors jumping out at you. One blog post is highlighted per day, but it&#8217;s easy to find the others if you feel like it.</li>
</ul>
<div><img class="aligncenter size-full wp-image-2640" title="KilianMuster" src="http://nikhilmisal.com/wp-content/uploads/2011/08/KilianMuster.jpg" alt="" width="530" height="281" /></div>
<ul>
<li><strong>The Morning News.</strong> (<a href="http://www.themorningnews.org/">http://www.themorningnews.org/</a>). This is a nice example of a web site that provides plenty of content right on its home page &#8211; but yet the home page manages to look simple instead of busy, thanks to a black and white color scheme, a sans serif font (I guess it&#8217;s clear where I fall in the great serif/sans serif font debate!), and good clear organization.</li>
</ul>
<div><img class="aligncenter size-full wp-image-2647" title="TheMorningNews" src="http://nikhilmisal.com/wp-content/uploads/2011/08/TheMorningNews.jpg" alt="" width="530" height="152" /></div>
<ul>
<li><strong>Simple Bits.</strong> (<a href="http://simplebits.com/">http://simplebits.com/</a>). Blog pages tend to be anything but simple &#8212; but this one manages to keep its look calm and elegant. And all with a serif font!</li>
</ul>
<div><img class="aligncenter size-full wp-image-2642" title="SimpleBits" src="http://nikhilmisal.com/wp-content/uploads/2011/08/SimpleBits.jpg" alt="" width="530" height="186" /></div>
<p>&nbsp;<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://nikhilmisal.com/things-to-consider-before-using-adobe-flash-heavily/' title='Things to Consider Before Using Adobe Flash Heavily on Website'>Things to Consider Before Using Adobe Flash Heavily on Website</a></li>
<li><a href='http://nikhilmisal.com/mobile-website-design-trends/' title='Mobile Website Design Trends'>Mobile Website Design Trends</a></li>
<li><a href='http://nikhilmisal.com/15-must-read-articles-for-web-developers/' title='15 Must Read Articles for Web Developers'>15 Must Read Articles for Web Developers</a></li>
<li><a href='http://nikhilmisal.com/12-creative-peace-of-web-design/' title='12 Creative Peace of Web Design'>12 Creative Peace of Web Design</a></li>
<li><a href='http://nikhilmisal.com/things-you-should-consider-before-building-your-website/' title='Things You Should Consider Before Building Your Website'>Things You Should Consider Before Building Your Website</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/simply-captivating/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Avoid the Pigeonhole &#8211; Tips to Increase Traffic on Your Blog</title>
		<link>http://nikhilmisal.com/avoid-the-pigeonhole-tips-to-increase-traffic-on-your-blog/</link>
		<comments>http://nikhilmisal.com/avoid-the-pigeonhole-tips-to-increase-traffic-on-your-blog/#comments</comments>
		<pubDate>Sat, 23 Apr 2011 09:20:12 +0000</pubDate>
		<dc:creator>Isabella York</dc:creator>
				<category><![CDATA[Designer Posts]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[increase blog traffic]]></category>
		<category><![CDATA[increase traffic]]></category>
		<category><![CDATA[tips]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2545</guid>
		<description><![CDATA[A niche business can be a double edged sword. It can be a good thing because you offer a particular product or service and therefore there are relatively few competitors. However, this also means that your products or services aren&#8217;t needed by everyone or during every season, thus reducing your target market. When building a website to cater [...]]]></description>
			<content:encoded><![CDATA[<p>A niche business can be a double edged sword. It can be a good thing because you offer a particular product or service and therefore there are relatively few competitors. However, this also means that your products or services aren&#8217;t needed by everyone or during every season, thus reducing your target market. When building a website to cater to your niche business, it&#8217;s important to keep these qualities in mind. From design to content, every aspect of your website can make or break the success of your online traffic and, to a great extent, your business. To guard against this, here are some points to consider when developing your niche business&#8217;s website.</p>
<p><span id="more-2545"></span></p>
<div class="part1 parts">
<h3><strong>1. Friendliness Is Attractive</strong></h3>
<p><img title="Friendliness Is Attractive" src="http://nikhilmisal.com/wp-content/uploads/2011/04/friendliness-is-attractive.jpg" alt="" width="530" height="323" /></p>
<p>Whether or not your website is for a niche business, the surest way to drive people away is to have a confusing and unfriendly design. Make sure your website is easily navigable with a well laid out navigation bar and other options for your audience to find exactly what they need. This may include putting navigation links at the top and the bottom, providing a search box, or making your archive easily accessible. Watch the colors you use and take care to choose combinations that do not strain the eyes. While good web designers will know these things, tastes differ, so make sure to still communicate preferences to your designer from the beginning.  Remember, even if you have stellar content, if your design and layout is not user-friendly, people will not waste their time trying to figure it out.</p>
</div>
<div class="part2 parts">
<h3><strong>2. Be Needed</strong></h3>
<blockquote><p>&#8220;Make your customers think about you, your products, and your site</p>
</blockquote>
<p>As much as you need them, one of the best ways to get a loyal audience is to make them need you. What&#8217;s the way to do this? Offer valuable, focused and relevant content. The goal here is to make your customers think about you, your products, and your site the moment they need what your business is selling or anything related to it. Be sure to offer how-to tutorials, expert advice, and a blog where you can write about topics that you know your target demographic is looking for.</p>
</div>
<div class="part3 parts">
<h3><strong>3. Keywords Will Open Doors</strong></h3>
<p><img title="Keywords Will Open Doors" src="http://nikhilmisal.com/wp-content/uploads/2011/04/keywords.jpg" alt="" width="359" height="250" />By using keywords that are relevant to your niche, there is a greater likelihood that the good content you create will rank higher in search engines and thus lead to more people going to your site. There are many ways to make your website rank high on search engines but some key things to do is to optimize your site for relevant keywords that don&#8217;t have too much competition. It might be your first instinct to try to use all the relevant keywords to your product, but to do this is ineffective because of the sheer amount of competition you will have with these keywords. The thing to do is to search for a dozen relevant keywords with two or three that are in the high competition list and the rest that are relevant but with less competition. If you have a static site and a blog, make sure to use these same keywords too!</p>
</div>
<div class="part4 parts">
<h3><strong>4. Links Are Gold</strong></h3>
<div id="p1">
<p>Exchanging links with websites that rank high in search engines is like a golden ticket to success. It won&#8217;t get you all the way there, but it will certainly give you a huge boost towards your goal website traffic. Popular websites have vast readership. One mention or a permanent link on their site opens up your site and business to their large following. The benefits that can come of this link exchange are twofold. One, you can potentially gain more loyal clients directly from this link exchange and indirectly from referrals made by the popular website&#8217;s readers.</p>
</div>
<p><img title="Links Are Gold" src="http://nikhilmisal.com/wp-content/uploads/2011/04/links-are-gold.jpg" alt="" width="187" height="250" /></p>
<div id="p2">
<p>Two, your traffic will increase exponentially almost overnight. This immediately translates to statistics that potential advertisers will love. And more advertisers will mean more money. How exactly do you get this wonderful link exchange? Popular blogs don&#8217;t just give them away. Aside from marketing yourself as an expert, you have to constantly churn out good content, keep posting in forums and other blogs (including the popular blogs you want to link to you), and doing everything you can to get your worthwhile content noticed.</p>
</div>
</div>
<div class="part5 parts">
<h3><strong>5. Be Consistent and Reliable</strong></h3>
<p><img title="Be Consistent and Reliable" src="http://nikhilmisal.com/wp-content/uploads/2011/04/consistent-reliable.jpg" alt="" width="530" height="223" />After all this work, while it&#8217;s appealing to just sit back, relax, and wait for the traffic to come, this is not how it works. A website needs work and care. You will need to consistently post updates, articles and other material that your readership or customers anticipate. Even if you already have stellar content, a large readership and a flourishing business and website, you will need to post on a regular basis. The upside of becoming a popular website or blog? You can ask other experts in the field for guest posts! This not only creates great content for your site, but you also pay it forward by giving other people a chance to achieve the same success you have!</p>
</div>
<p>Niche businesses can be challenging, to say the least. And while marketing them online can be just as difficult, by following these few key steps you&#8217;ll find people flocking to your site to purchase products or services.</p>
<p><em>Image credits:</em><br />
<em>Day to Night &#8211; Framed by <a href="http://www.flickr.com/photos/schtumple/">Schtumple</a></em><em><br />
</em> <em><a href="http://www.flickr.com/photos/scaramuzzino/"></a>Web 1.0 Keywords by <a href="http://www.flickr.com/photos/maryhodder/">mary hodder</a></em><br />
<em><a href="http://www.flickr.com/photos/maurymccown/"></a>Chain in gold by <a href="http://www.flickr.com/photos/28481088@N00/">tanakawho</a></em><br />
<em><a href="http://www.flickr.com/photos/28481088@N00/"></a>Reliable by <a href="http://www.flickr.com/photos/evaekeblad/">Eva the Weaver</a></em><em><a href="http://www.flickr.com/photos/evaekeblad/"></a></em></p>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://nikhilmisal.com/best-design-principle-for-a-mobile-website/' title='Best Design Principle for a Mobile Website'>Best Design Principle for a Mobile Website</a></li>
<li><a href='http://nikhilmisal.com/things-to-consider-before-using-adobe-flash-heavily/' title='Things to Consider Before Using Adobe Flash Heavily on Website'>Things to Consider Before Using Adobe Flash Heavily on Website</a></li>
<li><a href='http://nikhilmisal.com/simply-captivating/' title='Simply Captivating'>Simply Captivating</a></li>
<li><a href='http://nikhilmisal.com/cross-cultural-web-design-thinking-global-from-the-start/' title='Cross-Cultural Web Design: Thinking Global From the Start'>Cross-Cultural Web Design: Thinking Global From the Start</a></li>
<li><a href='http://nikhilmisal.com/25-tutorials-resources-on-jquery/' title='25+ Tutorials &amp; Resources on jQuery'>25+ Tutorials &amp; Resources on jQuery</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/avoid-the-pigeonhole-tips-to-increase-traffic-on-your-blog/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>10 Beautiful Texture Packs</title>
		<link>http://nikhilmisal.com/10-beautiful-texture-packs/</link>
		<comments>http://nikhilmisal.com/10-beautiful-texture-packs/#comments</comments>
		<pubDate>Wed, 13 Apr 2011 20:51:31 +0000</pubDate>
		<dc:creator>Nikhil</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[bokeh]]></category>
		<category><![CDATA[devianart]]></category>
		<category><![CDATA[download]]></category>
		<category><![CDATA[grungy]]></category>
		<category><![CDATA[paper]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2525</guid>
		<description><![CDATA[Hello everyone! I have compiled a nice set of beautiful texture packs. I found these textures while searching for bokeh texture on deviantArt. What is deviantArt? deviantART is the largest online social network for artists. It was created to entertain, inspire, and empower the artist in all of us. You can register for deviantART for free and exhibit, [...]]]></description>
			<content:encoded><![CDATA[<p>Hello everyone! I have compiled a nice set of beautiful texture packs. I found these textures while searching for bokeh texture on deviantArt.</p>
<div id="tip"><strong>What is deviantArt?</strong><br />
<a title="deviantART" href="http://deviantart.com" target="_blank">deviantART </a>is the largest online social network for artists. It was created to entertain, inspire, and empower the artist in all of us. You can register for deviantART for free and exhibit, promote, and share your works within a peer community dedicated to the arts.</div>
<p>I have added these textures to my library and thought that you might also like to include in your library too. So have a look at these texture beauties!</p>
<p><span id="more-2525"></span></p>
<h3>1. <a href="http://regularjane.deviantart.com/art/Raining-Light-Bokeh-Pack-144633308">Raining Light Bokeh Pack</a></h3>
<p><a href="http://regularjane.deviantart.com/art/Raining-Light-Bokeh-Pack-144633308" target="_blank"><img class="aligncenter size-full wp-image-2526" title="Raining Light Bokeh Pack" src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack1.jpg" alt="" width="530" height="530" /></a></p>
<h3>2. <a href="http://gloeckchen.deviantart.com/art/Heart-Bokeh-Textures-110665615">Heart Bokeh Textures</a></h3>
<p><a href="http://gloeckchen.deviantart.com/art/Heart-Bokeh-Textures-110665615" target="_blank"><img class="aligncenter size-full wp-image-2527" title="Heart Bokeh Textures." src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack2.jpg" alt="" width="530" height="353" /></a></p>
<h3>3. <a href="http://ladyamdis.deviantart.com/art/Dark-Symphony-Textures-95052738">Dark Symphony Textures</a></h3>
<p><a href="http://ladyamdis.deviantart.com/art/Dark-Symphony-Textures-95052738" target="_blank"><img class="aligncenter size-full wp-image-2528" title="Dark Symphony Textures" src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack3.jpg" alt="" width="530" height="442" /></a></p>
<h3>4. <a href="http://resurgere.deviantart.com/art/painted-textures-vol-10-46235948">Painted Textures Vol. 10</a></h3>
<p><a href="http://resurgere.deviantart.com/art/painted-textures-vol-10-46235948" target="_blank"><img class="aligncenter size-full wp-image-2529" title="Painted Textures" src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack4.jpg" alt="" width="300" height="576" /></a></p>
<h3>5. <a href="http://cloaks.deviantart.com/art/Woodwork-Texture-Pack-144906837">Woodwork Texture Pack</a></h3>
<p><a href="http://cloaks.deviantart.com/art/Woodwork-Texture-Pack-144906837" target="_blank"><img class="aligncenter size-full wp-image-2530" title="Woodwork Texture Pack" src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack5.jpg" alt="" width="400" height="700" /></a></p>
<h3>6. <a href="http://brokenvain-stock.deviantart.com/art/Colorful-Grunge-Pack-168080971">Colorful Grunge Pack</a></h3>
<p><a href="http://brokenvain-stock.deviantart.com/art/Colorful-Grunge-Pack-168080971" target="_blank"><img class="aligncenter size-full wp-image-2531" title="Colorful Grunge Pack" src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack6.jpg" alt="" width="530" height="530" /></a></p>
<h3>7. <a href="http://frasio.deviantart.com/art/Big-Pack-of-Light-Textures-68777286">Big Pack of Light Textures</a></h3>
<p><a href="http://frasio.deviantart.com/art/Big-Pack-of-Light-Textures-68777286" target="_blank"><img class="aligncenter size-full wp-image-2532" title="Big Pack of Light Textures" src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack7.jpg" alt="" width="397" height="298" /></a></p>
<h3>8. <a href="http://regularjane.deviantart.com/art/Glitter-Bokeh-Texture-Pack-137887485">Glitter Bokeh Texture Pack</a></h3>
<p><a href="http://regularjane.deviantart.com/art/Glitter-Bokeh-Texture-Pack-137887485" target="_blank"><img class="aligncenter size-full wp-image-2533" title="Glitter Bokeh Texture Pack" src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack8.jpg" alt="" width="400" height="400" /></a></p>
<h3>9. <a href="http://cloaks.deviantart.com/art/The-Ice-Texture-Pack-77940929">The Ice Texture Pack</a></h3>
<p><a href="http://cloaks.deviantart.com/art/The-Ice-Texture-Pack-77940929" target="_blank"><img class="aligncenter size-full wp-image-2534" title="The Ice Texture Pack" src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack9.jpg" alt="" width="400" height="700" /></a></p>
<h3>10. <a href="http://cloaks.deviantart.com/art/Natural-Paper-Texture-Pack-78124632">Natural Paper Texture Pack</a></h3>
<p><a href="http://cloaks.deviantart.com/art/Natural-Paper-Texture-Pack-78124632" target="_blank"><img class="aligncenter size-full wp-image-2535" title="Natural Paper Texture Pack" src="http://nikhilmisal.com/wp-content/uploads/2011/04/texpack10.jpg" alt="" width="400" height="700" /></a><br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://nikhilmisal.com/concept-wallpaper-pack-3/' title='Concept Wallpaper Pack #3'>Concept Wallpaper Pack #3</a></li>
<li><a href='http://nikhilmisal.com/free-elegant-social-icons-set/' title='Free Elegant Social Icons Set'>Free Elegant Social Icons Set</a></li>
<li><a href='http://nikhilmisal.com/free-under-water-wallpaper-pack-2/' title='Free Under Water Wallpaper Pack #2'>Free Under Water Wallpaper Pack #2</a></li>
<li><a href='http://nikhilmisal.com/best-places-to-get-quality-stuff/' title='60 Best Places to Get Quality Stuff'>60 Best Places to Get Quality Stuff</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/10-beautiful-texture-packs/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Create Simple Random Color Generator using JavaScript</title>
		<link>http://nikhilmisal.com/create-simple-random-color-generator-using-javascript/</link>
		<comments>http://nikhilmisal.com/create-simple-random-color-generator-using-javascript/#comments</comments>
		<pubDate>Mon, 14 Mar 2011 12:00:40 +0000</pubDate>
		<dc:creator>Nikhil</dc:creator>
				<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2469</guid>
		<description><![CDATA[Hello everyone! I am writing a post after long time since I was busy in 12 hours a day tight schedule for almost Six months. Although the experience was very awesome. So today, we are going to create a very simple Random Color Generator using JavaScript. Some of you guys might think it as very [...]]]></description>
			<content:encoded><![CDATA[<p>Hello everyone! I am writing a post after long time since I was busy in 12 hours a day tight schedule for almost Six months. Although the experience was very awesome.</p>
<p>So today, we are going to create a very simple Random Color Generator using JavaScript. Some of you guys might think it as very very simple but it&#8217;s really fun to create. If you haven&#8217;t created yet by yourself then I would suggest trying it. It actually takes 2-3 minutes for creating.</p>
<p><a title="Download" href="http://demo.nikhilmisal.com/random-color/color.zip"><img class="alignnone size-full wp-image-2283" style="margin-left: 90px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px;" title="Download Source Code" src="http://nikhilmisal.com/wp-content/uploads/2010/05/download-sc.jpg" alt="" width="150" height="100" /></a><a title="Preview" href="http://demo.nikhilmisal.com/random-color" target="_blank"><img class="alignnone size-full wp-image-2284" style="margin-top: 10px; margin-bottom: 10px; margin-left: 20px; margin-right: 80px;" title="Preview Demo" src="http://nikhilmisal.com/wp-content/uploads/2010/05/preview-d.jpg" alt="" width="150" height="100" /></a></p>
<p><span id="more-2469"></span></p>
<p>Here we are going to generate Hex Number. For this we will create an Array which will contain numbers ‘0’ to ‘9’ and characters ‘a’ to ‘f’ as the range of the Hex Number is from <em>0&#215;000000</em> to <em>0xFFFFFF</em>. Then we will pick an element from an array randomly and place it in the Hex Number.<img class="aligncenter size-full wp-image-2477" title="Generating Random Number" src="http://nikhilmisal.com/wp-content/uploads/2011/03/random_color.jpg" alt="" width="530" height="400" /></p>
<h3>Step1:</h3>
<p>Create an Array</p>
<pre class="brush: javascript">

var hexno=new String;
arr=new Array(&quot;0&quot;,&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;,&quot;6&quot;,&quot;7&quot;,&quot;8&quot;,&quot;9&quot;,&quot;a&quot;,&quot;b&quot;,&quot;c&quot;,&quot;d&quot;,&quot;e&quot;,&quot;f&quot;);
</pre>
<h3>Step 2:</h3>
<p>We will select an element randomly from array. Math.random() generates random number from 0 to 1 which will be multiplied by 15 (since our array contains 16 elements with base 0). Math.round() will round the number to its nearest natural number.</p>
<pre class="brush: javascript">

var n1=Math.round(Math.random()*15);

var n2=Math.round(Math.random()*15);

var n3=Math.round(Math.random()*15);

var n4=Math.round(Math.random()*15);

var n5=Math.round(Math.random()*15);

var n6=Math.round(Math.random()*15);
</pre>
<h3>Step 3:</h3>
<p>Get a corresponding number for all the six elements and put it in the string.</p>
<pre class="brush: javascript">

hexno=&quot;#&quot;+arr[n1]+&quot;&quot;+arr[n2]+&quot;&quot;+arr[n3]+&quot;&quot;+arr[n4]+&quot;&quot;+arr[n5]+&quot;&quot;+arr[n6];
</pre>
<h3>Step 4:</h3>
<p>Use the string to apply the color.</p>
<pre class="brush: javascript">
window.document.bgColor=hexno;
</pre>
<p>That&#8217;s it. Random Color Generator is ready. Try it out.<br />
Final Code:</p>
<pre class="brush: javascript">
var hexno=new String;
arr=new Array(&quot;0&quot;,&quot;1&quot;,&quot;2&quot;,&quot;3&quot;,&quot;4&quot;,&quot;5&quot;,&quot;6&quot;,&quot;7&quot;,&quot;8&quot;,&quot;9&quot;,&quot;a&quot;,&quot;b&quot;,&quot;c&quot;,&quot;d&quot;,&quot;e&quot;,&quot;f&quot;);

var n1=Math.round(Math.random()*15);
var n2=Math.round(Math.random()*15);
var n3=Math.round(Math.random()*15);
var n4=Math.round(Math.random()*15);
var n5=Math.round(Math.random()*15);
var n6=Math.round(Math.random()*15);

hexno=&quot;#&quot;+arr[n1]+&quot;&quot;+arr[n2]+&quot;&quot;+arr[n3]+&quot;&quot;+arr[n4]+&quot;&quot;+arr[n5]+&quot;&quot;+arr[n6];

document.write(&quot;&amp;lt;div id=&#039;tag&#039;&amp;gt;&quot;);

document.write(&quot;&amp;lt;h2&amp;gt;Hex Color&amp;lt;/h2&amp;gt;&quot;+&quot;&amp;lt;h3&amp;gt;&quot;+hexno+&quot;&amp;lt;/h3&amp;gt;&quot;);

document.write(&quot;&amp;lt;/div&amp;gt;&quot;);

window.document.bgColor=hexno;
</pre>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://nikhilmisal.com/how-to-create-simple-tabs-using-yui/' title='How to Create Simple Tabs using YUI'>How to Create Simple Tabs using YUI</a></li>
<li><a href='http://nikhilmisal.com/how-to-create-coda-slider-in-minutes/' title='How to Create Coda Slider in Minutes'>How to Create Coda Slider in Minutes</a></li>
<li><a href='http://nikhilmisal.com/why-these-31-blogs-rock-always/' title='Why these 31 Blogs Rock (Always)?'>Why these 31 Blogs Rock (Always)?</a></li>
<li><a href='http://nikhilmisal.com/create-simple-navigation-using-css3-styling/' title='Create Simple Navigation using CSS3 Styling'>Create Simple Navigation using CSS3 Styling</a></li>
<li><a href='http://nikhilmisal.com/how-to-add-social-sharing-icons-in-your-post/' title='How to Add Social Sharing Icons in Your Post'>How to Add Social Sharing Icons in Your Post</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/create-simple-random-color-generator-using-javascript/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Future Trends in Web Design – What Lies Ahead</title>
		<link>http://nikhilmisal.com/future-trends-in-web-design-%e2%80%93-what-lies-ahead/</link>
		<comments>http://nikhilmisal.com/future-trends-in-web-design-%e2%80%93-what-lies-ahead/#comments</comments>
		<pubDate>Tue, 18 Jan 2011 13:31:14 +0000</pubDate>
		<dc:creator>Bailey Digger</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[future web design trends]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://nikhilmisal.com/?p=2450</guid>
		<description><![CDATA[It’s no secret that the web is evolving rapidly, much faster than we can keep pace with it. No sooner does something become the rage than it’s replaced by something else at the top; in short, the Internet is transient and keeps morphing into new forms and taking on new avatars every now and then. [...]]]></description>
			<content:encoded><![CDATA[<p><!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } 		A:link { color: #0000ff } --><span style="font-size: small;">It’s no secret that the web is evolving rapidly, much faster than we can keep pace with it. No sooner does something become the rage than it’s replaced by something else at the top; in short, the Internet is transient and keeps morphing into new forms and taking on new avatars every now and then. The change is driven by the motivation to push for more – we want more automation, more sophistication, and more intuition in the way the web serves us. We want to do less, and at the same time, want the Internet to give us more. And as the web evolves from one form to another seamlessly, it follows that websites too are going to have to change if they don’t want to be classified outdated and irrelevant. So how drastically will website design change?</span></p>
<p><span style="font-size: small;"><span id="more-2450"></span></span></p>
<div id="tip"><em>The Internet is transient and keeps morphing into new forms and taking on new avatars every now and then.</em></div>
<h3>1. Horizontal Websites</h3>
<p><span style="font-size: small;">We’ve already see 	the advent and popularity of </span><span style="font-size: small;"><strong>horizontal 	websites</strong></span><span style="font-size: small;">, a new trend as far as the design 	aspect is concerned. Navigation is from side to side rather than up 	and down, and this kind of design works well for sites that feature 	multiple small blocks of content rather than long stretches of text; 	sites that feature photographs and graphics would prefer to go 	horizontal because of the convenience this design factor offers.</span></p>
<p><span style="font-size: x-small;"><img class="aligncenter size-full wp-image-2457" title="HorizontalWebsite" src="http://nikhilmisal.com/wp-content/uploads/2011/01/HorizontalWebsite.jpg" alt="" width="530" height="258" /><br />
</span></p>
<h3>2. Multi-Column Layouts</h3>
<p><span style="font-size: small;">We’re also looking 	at </span><span style="font-size: small;"><strong>multi-column layouts</strong></span><span style="font-size: small;"> which allows designers to fit more text into less space; this way, 	visitors don’t have to scroll up and down to read the entire text 	because it fits perfectly into one frame that’s been divvied into 	columns that improve readability and facilitate easy assimilation of 	the information.</span><img class="aligncenter size-full wp-image-2455" title="MultiColumn" src="http://nikhilmisal.com/wp-content/uploads/2011/01/MultiColumn.jpg" alt="" width="530" height="381" /></p>
<h3>3. Larger Photographs</h3>
<p><span style="font-size: small;">With the advent of 	high speed Internet, more and more designers are opting to include </span><span style="font-size: small;"><strong>large photographs</strong></span><span style="font-size: small;"> in 	their pages knowing that the pic</span><span style="font-size: small;">tures are not going to increase page 	load times and that they make a positive impact on visitors.</span></p>
<p><img class="aligncenter size-full wp-image-2458" title="LargeBackground" src="http://nikhilmisal.com/wp-content/uploads/2011/01/LargeBackground.jpg" alt="" width="530" height="265" /></p>
<h3><span style="font-size: small;">4. Less is More</span></h3>
<p><span style="font-size: small;">Designers are also 	beginning to realize that </span><span style="font-size: small;"><strong>less is more</strong></span><span style="font-size: small;"> – no longer do we have annoying design aspects like graphics that 	are completely unnecessary to the design cluttering up the page and 	no longer do designers feel the need to use every single design tool 	at their disposal in the building of a site.</span></p>
<p><img class="aligncenter size-full wp-image-2460" title="LessIsMore" src="http://nikhilmisal.com/wp-content/uploads/2011/01/LessIsMore.jpg" alt="" width="530" height="261" /><br />
<span style="font-size: small;">And finally, we’re 	seeing more utility value in websites with </span><span style="font-size: small;">web-masters</span><span style="font-size: small;"> realizing that unless they’re able to link their content with 	their design, their site is going to look and feel lopsided. No 	longer do </span><span style="font-size: small;">gray</span><span style="font-size: small;"> hat SEO 	techniques of stuffing keywords randomly into long stretches of text 	do the trick; as search engines become more sophisticated, websites 	know they cannot cheat them into pushing them to the top of their 	ranks. So </span><span style="font-size: small;"><strong>good web design has to incorporate 	good writing</strong></span><span style="font-size: small;"> as well if the site wants to be 	around and do well in the long term.</span><br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://nikhilmisal.com/letterpress-effects-in-web-design-trends-and-tutorials/' title='Letterpress Effects in Web Design- Trends and Tutorials'>Letterpress Effects in Web Design- Trends and Tutorials</a></li>
<li><a href='http://nikhilmisal.com/mobile-website-design-trends/' title='Mobile Website Design Trends'>Mobile Website Design Trends</a></li>
<li><a href='http://nikhilmisal.com/15-must-read-articles-for-web-developers/' title='15 Must Read Articles for Web Developers'>15 Must Read Articles for Web Developers</a></li>
<li><a href='http://nikhilmisal.com/12-creative-peace-of-web-design/' title='12 Creative Peace of Web Design'>12 Creative Peace of Web Design</a></li>
<li><a href='http://nikhilmisal.com/using-visual-metaphors-in-web-design-part-1/' title='Using Visual Metaphors in Web Design: Part 1'>Using Visual Metaphors in Web Design: Part 1</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://nikhilmisal.com/future-trends-in-web-design-%e2%80%93-what-lies-ahead/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

