<?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>Web Development - Web Development Tutorial for Developer&#039;s, Asp.net Tutorial, PHP Development, Wordpress Integration &#187; Web Design</title>
	<atom:link href="http://www.solutions4ever.net/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.solutions4ever.net</link>
	<description>Web Development Solutions Provider</description>
	<lastBuildDate>Fri, 03 Sep 2010 11:45:12 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Make PNG transparency work in Internet Explorer</title>
		<link>http://www.solutions4ever.net/2010/05/make-png-transparency-work-in-internet-explorer/</link>
		<comments>http://www.solutions4ever.net/2010/05/make-png-transparency-work-in-internet-explorer/#comments</comments>
		<pubDate>Fri, 28 May 2010 10:51:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[ASP.NET]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.solutions4ever.net/?p=183</guid>
		<description><![CDATA[
<p>Create a container to store your image. In this case I use a &#60;div&#62;.
Create your &#60;div&#62; inside your &#60;body&#62;, just like this.</p>
<p>&#60;body&#62; &#60;div&#62;&#60;/div&#62; &#60;/body&#62;</p>
<p>Next, create a &#60;style&#62; if you dont have one. Make sure they are between your &#60;head&#62; &#60;/head&#62;. Put the following css inside.</p>
<p>&#60;style&#62;
body {background-color:#000}
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}
&#60;/style&#62;</p>
<p>The  ... <a href="http://www.solutions4ever.net/2010/05/make-png-transparency-work-in-internet-explorer/" class="expert-read-more" >Read More</a>]]></description>
			<content:encoded><![CDATA[<div id="TixyyLink">
<p>Create a container to store your image. In this case I use a &lt;div&gt;.<br />
Create your &lt;div&gt; inside your &lt;body&gt;, just like this.</p>
<p>&lt;body&gt; &lt;div&gt;&lt;/div&gt; &lt;/body&gt;</p>
<p>Next, create a &lt;style&gt; if you dont have one. Make sure they are between your &lt;head&gt; &lt;/head&gt;. Put the following css inside.</p>
<p>&lt;style&gt;<br />
body {background-color:#000}<br />
div.flower {background:url(flower-transparent.png) no-repeat; height:100px; width:100px}<br />
&lt;/style&gt;</p>
<p>The CSS codes above displays your PNG image in a &lt;div&gt;. Works fine for Mozilla Firefox, but not for Internet Explorer. To get it working cross browser, create another set of css just for Internet Explorer right below your &lt;style&gt; &lt;/style&gt;. Insert the following codes.</p>
<p>&lt;!–[if gte IE 5]&gt;<br />
&lt;style type=&#8221;text/css&#8221;&gt;<br />
div.flower {<br />
background:none;<br />
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);<br />
}<br />
&lt;/style&gt;<br />
&lt;![endif]–&gt;</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.solutions4ever.net/2010/05/make-png-transparency-work-in-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Useful Tips for Effective Web Design</title>
		<link>http://www.solutions4ever.net/2010/02/useful-tips-for-effective-web-design/</link>
		<comments>http://www.solutions4ever.net/2010/02/useful-tips-for-effective-web-design/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 10:23:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.solutions4ever.net/2010/02/useful-tips-for-effective-web-design/</guid>
		<description><![CDATA[<p>       Neat and Easy Navigation: Navigation of links on your site plays a big role in formative the stickiness of your site (how long your visitor stays and explores your site). Ask yourself this, What do people do as soon as they open your site? They would possibly read the  ... <a href="http://www.solutions4ever.net/2010/02/useful-tips-for-effective-web-design/" class="expert-read-more" >Read More</a>]]></description>
			<content:encoded><![CDATA[<p>       Neat and Easy Navigation: Navigation of links on your site plays a big role in formative the stickiness of your site (how long your visitor stays and explores your site). Ask yourself this, What do people do as soon as they open your site? They would possibly read the content of the current page and then look around to find any other page that comfort them.</p>
<p>       Clean Layout Design: A clean layout that uses a lot of white space enhance a site&#8217;s looks and feel. Try to keep the focus on your content, use Dreamweaver templates for this. Use fonts that will be accessible on all computers to prevent your site looking messed up.</p>
<ol>
<li><strong>Program using pure CSS</strong>: The world is moving left from table based websites to pure CSS websites because it offers ease of access, reusability and considerably reduces file size apart from giving better control over the look of your website. The only most important skill you can study today to become a quality web designer is CSS programming!</li>
</ol>
<p>       Optimum Load Time: Make sure your load time is low. For this you should.<strong><br />
<strong>Minimize Graphics, Flash and scripts: </strong></strong>They vastly increase your file size. <strong><br />
<strong>Optimize your HTML &amp; script code:</strong></strong> Make sure that your site doesn&#8217;t have any unnecessary tags or unused scripts.<br />
<strong>Use Server Side Include (SSI) files</strong> where ever possible. SSI files once called from the web server reside in its cache so on succeeding requests they load faster.<br />
Design for all Screen Resolutions: A site that is easy-to-use always encourages people to stay and read your content. For site with long pages of content this is very critical as the amount of scrolling required is reduced. Suppose your site doesn&#8217;t look good for a particular resolution it is very probable that the visitor will close the browser window sense that the web page is not for their viewing. Designing stretch layouts that fit any screen resolution ensure that you know all your visitors see a visually attractive and professional site.</p>
<p>       <strong>Ensure Web site scalability:</strong> Make sure your code and design is scalable. As technology advances and configuration of computers &amp; their monitors keep growing and varying it is not possible to test your site in all screen sizes and platforms.</p>
<p>       Cross Browser Compatible: Make sure you check your site for <strong>Internet Explorer 5+, Mozilla Firefox 1+, Opera 7+, Safari 3+ and Netscape Navigator 6+</strong> as they make up 95% of the worlds browsers.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.solutions4ever.net/2010/02/useful-tips-for-effective-web-design/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>
