<?xml version="1.0" encoding="iso-8859-1"?>
<!-- generator="wordpress/2.3.3" -->
<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/"
	>

<channel>
	<title>Just Designing &#187; Website Design Blog</title>
	<link>http://www.justdesigning.co.uk/blog</link>
	<description>Just another WordPress weblog</description>
	<pubDate>Wed, 23 Jul 2008 10:19:42 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.3.3</generator>
	<language>en</language>
			<item>
		<title>Just Search www.justsearching.co.uk</title>
		<link>http://www.justdesigning.co.uk/blog/just-search-wwwjustsearchingcouk/</link>
		<comments>http://www.justdesigning.co.uk/blog/just-search-wwwjustsearchingcouk/#comments</comments>
		<pubDate>Tue, 22 Jul 2008 08:20:30 +0000</pubDate>
		<dc:creator>neil</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/just-search-wwwjustsearchingcouk/</guid>
		<description><![CDATA[Just in case you wondered Just Designing is part of Just Search (www.justsearching.co.uk). We are not primarily a web design house, however Just search (www.justsearching.co.uk) have an in house programming team of over 18 members and expanding.
This means we have a combination of Designer, CSS experts, SEO experts. We generaly carry out the majority of [...]]]></description>
			<content:encoded><![CDATA[<p>Just in case you wondered Just Designing is part of Just Search (www.justsearching.co.uk). We are not primarily a web design house, however Just search (www.justsearching.co.uk) have an in house programming team of over 18 members and expanding.</p>
<p>This means we have a combination of Designer, CSS experts, SEO experts. We generaly carry out the majority of our web design projects in PHP, we have created our own version of the popular Open source e-commerce cart, which we have used our knowledge of SEO to create a very good SEO friendly shopping cart.</p>
<p>Some of Just search&#8217;s (www.justsearching.co.uk) shopping cart features are:</p>
<ul>
<li>Valid HTML</li>
<li>SEO friendly URL&#8217;s</li>
<li>Unique title and descriptions per page</li>
<li>Search Engine Sitemaps</li>
<li>RSS feed</li>
<li>Much more&#8230;</li>
</ul>
<p>Just Search (www.justsearching.co.uk) can also develope Content management systems where clients again will have a search  engine friendly website, where they can add / edit and delete pages and news articles.</p>
<p>Finally Just Search (www.justsearching.co.uk) can also create bespoke web based systems, such as price comparison sites, directory and other tools.</p>
<p>For more information please contact Just search (www.justsearching.co.uk) and ask for a web development advisor.</p>
<p>The Just Search Team.</p>
<p>P.S Small Thanks to Mr Daz for his help with <a href="http://www.mrdaz.com/just-search/">Just Searching</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/just-search-wwwjustsearchingcouk/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Print Friendly Pages</title>
		<link>http://www.justdesigning.co.uk/blog/print-friendly-pages/</link>
		<comments>http://www.justdesigning.co.uk/blog/print-friendly-pages/#comments</comments>
		<pubDate>Mon, 12 May 2008 15:27:09 +0000</pubDate>
		<dc:creator>Sam Rutley</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/print-friendly-pages/</guid>
		<description><![CDATA[CSS (Cascading Style Sheets) have been around for a long time now, allowing developers and designers to separate their code and control the styling of a website from an external source. Many websites use CSS to control their site layout and design, however many do not use CSS to its full potential. Tino (one of [...]]]></description>
			<content:encoded><![CDATA[<p>CSS (Cascading Style Sheets) have been around for a long time now, allowing developers and designers to separate their code and control the styling of a website from an external source. Many websites use CSS to control their site layout and design, however many do not use CSS to its full potential. Tino (one of our programmers) gave an example last week, using CSS to produce a drop down menu. A little known feature in CSS is the ability to set different designs for different devices.</p>
<p>The following table describes each of the various media types that can be specified:</p>
<table>
<tr>
<td>All</td>
<td>For any device</td>
</tr>
<tr>
<td>Aural</td>
<td>For speech synthesisers</td>
</tr>
<tr>
<td>Braille</td>
<td>For Braille tactile feedback devices</td>
</tr>
<tr>
<td>Embossed</td>
<td>For paged Braille printers</td>
</tr>
<tr>
<td>Handheld</td>
<td>For handheld devices</td>
</tr>
<tr>
<td>Print</td>
<td>For printed pages</td>
</tr>
<tr>
<td>Projection</td>
<td>For projectors</td>
</tr>
<tr>
<td>Screen</td>
<td>For colour computer screens</td>
</tr>
<tr>
<td>TV</td>
<td>For television</td>
</tr>
</table>
<p>I find the “print” media type the most useful, especially when designing pages that are likely to be printed out, such as product specifications, reports and order confirmations. Use the following HTML code to specify the media as print:</p>
<p><code>
<link rel="stylesheet" type="text/css" media="print" href="printstylesheet.css" /></code></p>
<p>In the printstylesheet.css file you may now want to specify a different position for the logo i.e. at the top left hand side of the page and to remove the navigation box by setting display to none. Below is example code to implement this:</p>
<p><code>#headerLogo {<br />
  position: absolute;<br />
  top: 0px;<br />
  left: 0px;<br />
  height: 80px;<br />
}</p>
<p>#navigation {<br />
  display: none;<br />
}</code></p>
<p>Sam Rutley<br />
Developer</p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/print-friendly-pages/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Browser Compatibility</title>
		<link>http://www.justdesigning.co.uk/blog/browser-compatibility/</link>
		<comments>http://www.justdesigning.co.uk/blog/browser-compatibility/#comments</comments>
		<pubDate>Fri, 09 May 2008 16:27:48 +0000</pubDate>
		<dc:creator>halaiv</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/browser-compatibility/</guid>
		<description><![CDATA[Latest research conducted by Xitimonitor.com revealed Firefox usage stats for Europe are almost up to 29%, that equates to a 4.5 percentage points increase compared to 12 months ago.
It also estimated Internet Explorer usage stats currently at 65%, is falling by 5 percentage points on a yearly basis, the figures seem to suggest, people are [...]]]></description>
			<content:encoded><![CDATA[<p>Latest research conducted by Xitimonitor.com revealed Firefox usage stats for Europe are almost up to 29%, that equates to a 4.5 percentage points increase compared to 12 months ago.</p>
<p>It also estimated Internet Explorer usage stats currently at 65%, is falling by 5 percentage points on a yearly basis, the figures seem to suggest, people are switching to Mozilla Firefox, which not only has a large user base, but open source feature enable users to create submit and share a variety of tools and functionality, personally I cant wait to see the final release of Firefox 3 (currently available in beta for testing purposes) which is expected to be release in June 2008.</p>
<p>Vipul<br />
Web Developer</p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/browser-compatibility/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Designing Logos</title>
		<link>http://www.justdesigning.co.uk/blog/designing-logos/</link>
		<comments>http://www.justdesigning.co.uk/blog/designing-logos/#comments</comments>
		<pubDate>Wed, 07 May 2008 09:00:58 +0000</pubDate>
		<dc:creator>maynem</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Designing Logos]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/designing-logos/</guid>
		<description><![CDATA[In todays web 2.0 environment we are seeing thousands of fancy logos pop up on the web on a daily basis but what does it take to make a truly memorable logo. If we delve into the world of logos a little deeper we should consider that a logo is a symbol or a message [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoPlainText">In todays web 2.0 environment we are seeing thousands of fancy logos pop up on the web on a daily basis but what does it take to make a truly memorable logo. If we delve into the world of logos a little deeper we should consider that a logo is a symbol or a message that summarises your company and its values. You have to think whether your logo truly does this. For me there are few truly memorable logos in todays over crowded market place. Apple is probably the one that stands out for me. Apple&#8217;s logo uses no text and uses the simple shape of an apple yet most people recognise it and the message behind it is very clear - our products are appealing. Another good example is Google. The logo itself is rather unispiring yet it is simple enough to be recognised around the world.</p>
<p class="MsoPlainText">So lets have a look at some of the basic ideas behind logo design. Firstly you need to consider the message that you are trying to promote. This is one of the core concepts of logo design. Once you have your concept you should look around for inspiration. Maybe take a look at your competition and other logo websites. Although its good to look at others designs its important not to be sucked in by them and start copying them. Many fall into this trap in the web 2.0 era. Your logo will not be well recognised if it looks like many others. Once you have your idea you should move onto the creation stage.</p>
<p class="MsoPlainText">At the creation stage many people will chose to draw there logo ideas on paper first. Then once a basic idea has been chosen then you can start to perfect it by transforming it into a digital image. Remember that you will need other peoples input on your ideas. Get several people (stakeholders) to look over the ideas before digitalisation. you can then start looking at colour schemes and shaping your logo. Limiting your logo to a few colours can be extremely effective. Colours are also important as they can potray a lot in a persons mind. Yellow with black stripes for example could portray danger in a persons mind. Once you have your final logo design carryout some testing to see what people think. Does it stand out from the crowd? Is it different?</p>
<p class="MsoPlainText">Some good sources of inspiration are <a href="http://www.logolounge.com/">www.logolounge.com</a> and logopond.com</p>
<p class="MsoPlainText">Mark<br />
Web Designer</p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/designing-logos/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Css Font-Face - Src: url</title>
		<link>http://www.justdesigning.co.uk/blog/css-font-face-src-url/</link>
		<comments>http://www.justdesigning.co.uk/blog/css-font-face-src-url/#comments</comments>
		<pubDate>Fri, 02 May 2008 13:18:18 +0000</pubDate>
		<dc:creator>Gary</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/css-font-face-src-url/</guid>
		<description><![CDATA[That’s right it is now an option in CSS that you don’t have to rely on your standard fonts that come pre installed. For a long time this has been a big drawback for web designers. If you wanted to use a fancy font or break from the norm and not use a standard font [...]]]></description>
			<content:encoded><![CDATA[<p>That’s right it is now an option in CSS that you don’t have to rely on your standard fonts that come pre installed. For a long time this has been a big drawback for web designers. If you wanted to use a fancy font or break from the norm and not use a standard font then you have always had to place your text in an image.</p>
<p>Well from now on you won’t! As long as all your end users use Safari! So this doesn’t make a massive story because you are still limited but its progress, and it’s in the right direction.</p>
<p>You can now use any font you like by specifying the source of the font in your Css file. If you use a non standard font then you can upload the font file to your server and in your CSS file specify its path just like you would with an image.</p>
<p>First you need to define the font:</p>

<div class="wp_codebox"><table width="100%" ><tr><td colspan="2" class="msgheader"><div class="codebox_right"><a href="###" onclick="copycode($('49code3'));">[Copy to clipboard]</a><a href="###" onclick="toggle_collapse('493');">[<span id="493_symbol">-</span>]</a></div><div class="codebox_left"><span id="l49code3"><a href="#" onclick="javascript:showCodeTxt('49code3'); return false;">View Code</a>CSS</span></div></td></tr><tr id="493"><td width="1%" class="line_numbers"><pre>1
2
3
4
5
6
7
</pre></td><td class="code" id="49code3"><pre class="css"><span style="color: #a1a100;">@font-face {</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">font-family</span>: spacial <span style="color: #000000; font-weight: bold;">font</span>;
&nbsp;
src: <span style="color: #993333;">url</span><span style="color: #66cc66;">&#40;</span><span style="color: #933;">’special<span style="color: #6666ff;">.otf</span>’</span><span style="color: #66cc66;">&#41;</span>;
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>You need to repeat this for any bold or other versions of the font you will use. Then you can use the font in your normal css statement:</p>

<div class="wp_codebox"><table width="100%" ><tr><td colspan="2" class="msgheader"><div class="codebox_right"><a href="###" onclick="copycode($('49code4'));">[Copy to clipboard]</a><a href="###" onclick="toggle_collapse('494');">[<span id="494_symbol">-</span>]</a></div><div class="codebox_left"><span id="l49code4"><a href="#" onclick="javascript:showCodeTxt('49code4'); return false;">View Code</a>CSS</span></div></td></tr><tr id="494"><td width="1%" class="line_numbers"><pre>1
2
3
4
5
</pre></td><td class="code" id="49code4"><pre class="css">p <span style="color: #66cc66;">&#123;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">font-family</span>: Special,<span style="color: #993333;">sans-serif</span>; <span style="color: #000000; font-weight: bold;">font-weight</span>: <span style="color: #993333;">normal</span>;
&nbsp;
<span style="color: #66cc66;">&#125;</span></pre></td></tr></table></div>

<p>Gary<br />
Web Designer</p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/css-font-face-src-url/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Analytics</title>
		<link>http://www.justdesigning.co.uk/blog/analytics/</link>
		<comments>http://www.justdesigning.co.uk/blog/analytics/#comments</comments>
		<pubDate>Mon, 28 Apr 2008 16:33:13 +0000</pubDate>
		<dc:creator>Sam Rutley</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/analytics/</guid>
		<description><![CDATA[Analytics packages are very useful resources for web designers and can help you find out more about your website and the people who use it. Many packages allow you to see statistics such as how a user has got to your site (e.g. direct, Google, BBC etc&#8230; ), how users move around your website and [...]]]></description>
			<content:encoded><![CDATA[<p>Analytics packages are very useful resources for web designers and can help you find out more about your website and the people who use it. Many packages allow you to see statistics such as how a user has got to your site (e.g. direct, Google, BBC etc&#8230; ), how users move around your website and how long they spend on each page. These figures can be used to analyse several things, however by far the most useful feature is goal tracking, which allows you to follow a user around your site until they make a purchase, seeing how they arrived at the checkout or enquiry form.</p>
<p>These figures can be used to improve your website, if users are reaching the payment page but not purchasing, maybe they don’t want to use the payment gateway you provide, or prehaps as you don’t use SSL they don’t trust your site. If users are adding products to baskets but never reaching payment then maybe the payment process is too long- we recommend payment should be 3 clicks away from the homepage for all products. Finally, and probably the most common is when a site recieves a lot of visitors, but few view the products, this is usually because prices are too high.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/analytics/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Google Chart API</title>
		<link>http://www.justdesigning.co.uk/blog/google-chart-api/</link>
		<comments>http://www.justdesigning.co.uk/blog/google-chart-api/#comments</comments>
		<pubDate>Fri, 25 Apr 2008 08:49:46 +0000</pubDate>
		<dc:creator>halaiv</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Google Chart API]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/google-chart-api/</guid>
		<description><![CDATA[The Google Chart API is a tool that enables developers to easily create charts dynamically by sending an HTTP request that includes data to the Chart API which returns a PNG image of the chart which is then embedded in a webpage with an image tag it really is that simple.
Many types of chart are [...]]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://code.google.com/apis/chart">Google Chart API</a> is a tool that enables developers to easily create charts dynamically by sending an HTTP request that includes data to the Chart API which returns a PNG image of the chart which is then embedded in a webpage with an image tag it really is that simple.</p>
<p>Many types of chart are supported, all simply by making the request into an image tag you can simply include the chart in a webpage. It was originally developed by Google in-house exclusively for Google products such as Google Finance and Google Analytics, it has now been opened up to developers to incorporate into web pages and report usage.</p>
<p>Here are a few examples of what can be created:</p>
<p><center></p>
<table border="1" bordercolor="black" cellpadding="2" cellspacing="2">
<tr>
<td style="text-align: center"><img src="http://chart.apis.google.com/chart?cht=lc&amp;chd=s:cEAELFJHHHKUju9uuXUc&amp;chco=76A4FB&amp;chls=2.0,0.0,0.0&amp;chxt=x,y&amp;chxl=0:|M|T|W|T|F|S|S|1:|0|50|100&amp;chs=250x125&amp;chg=20,50,1,5" alt="Bar Chart" /></td>
<td style="text-align: center"><img src="http://chart.apis.google.com/chart?cht=s&amp;chd=s:pqokeYONOMEPOQVTXZdeca,Zcglprqxuuxztpoonkeggjp&amp;chls=4.0,3.0,0.0&amp;chs=250x125&amp;chxt=x,y&amp;chxl=0:|Jun|July|Aug|1:||20|30|40|50&amp;chf=a,s,efefeff0" alt="Scatter Plot Chart" /></td>
</tr>
<tr>
<td style="text-align: center">Bar Chart</td>
<td style="text-align: center">Scatter Plot Chart</td>
</tr>
<tr>
<td style="text-align: center"><img src="http://chart.apis.google.com/chart?cht=p3&amp;chd=t:60,40&amp;chs=250x125&amp;chl=A|B" alt="Pie Chart" /></td>
<td style="text-align: center"><img src="http://chart.apis.google.com/chart?cht=lc&amp;chd=s:pqokeYONOMEBAKPOQVTXZdecaZcglprqxuux393ztpoonkeggjp&amp;chco=676767&amp;chls=4.0,3.0,0.0&amp;chs=250x125&amp;chxt=x,y&amp;chxl=0:|1|2|3|4|5|1:|0|50|100&amp;chf=c,lg,0,76A4FB,1,ffffff,0|bg,s,EFEFEF" alt="Line Chart" /></td>
</tr>
<tr>
<td style="text-align: center">Pie Chart</td>
<td style="text-align: center">Line Chart</td>
</tr>
</table>
<p></center>Google API also supports other cool functionality as well as Charts, Maps, Calendars and much, much more.</p>
<p>Vipul</p>
<p>Web Developer</p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/google-chart-api/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Top 5 Colour Resources for Web Design</title>
		<link>http://www.justdesigning.co.uk/blog/top-5-colour-resources-for-web-design/</link>
		<comments>http://www.justdesigning.co.uk/blog/top-5-colour-resources-for-web-design/#comments</comments>
		<pubDate>Thu, 24 Apr 2008 09:14:49 +0000</pubDate>
		<dc:creator>Tino Triste</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/top-5-colour-resources-for-web-design/</guid>
		<description><![CDATA[Colour harmony is very important in web design. Good colour combinations can by itself grab visitors attention and boost your conversion rates. Web site colours should also be used to convey your company’s statement or communicate to your target audience.
Achieving pleasant colour schemes is not always easy, however I have a set of web based [...]]]></description>
			<content:encoded><![CDATA[<p>Colour harmony is very important in web design. Good colour combinations can by itself grab visitors attention and boost your conversion rates. Web site colours should also be used to convey your company’s statement or communicate to your target audience.</p>
<p>Achieving pleasant colour schemes is not always easy, however I have a set of web based tools which give me a helping hand.</p>
<p><a href="http://kuler.adobe.com/" rel="nofollow">Adobe Kuler</a> – This great tool from Adobe labs enables you to create harmonious colours online with a few minutes. You can also browse the huge database of colour palettes  made by the community.</p>
<p><a href="http://www.colourlovers.com/" rel="nofollow">Colour Lovers</a> – You can find ideas for cutting edge designs using colour lovers, with thousands of colours palettes, single colours and background pattern to choose from.</p>
<p><a href="http://wearpalettes.blogspot.com/" rel="nofollow">wear palettes</a> – A collection of over 1500 colour palettes inspired by the clothes featured in the fashion blog <a href="http://thesartorialist.blogspot.com" rel="nofollow">Sartorialist</a>.</p>
<p><a href="http://www.tartanmaker.com/" rel="nofollow">Tartan Maker</a> – A “new trendsetting online application for cool designers”. Excellent for creating tartan backgrounds.</p>
<p><a href="http://www.stripegenerator.com/" rel="nofollow">Stripe Generator</a> - A tool for web designers who want to generate web 2.0 stripes. Set the spacing, colors, size, background and orientation, and then download your stripes to use wherever you want.</p>
<p>Tino</p>
<p>Web Designer</p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/top-5-colour-resources-for-web-design/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Images And The Web</title>
		<link>http://www.justdesigning.co.uk/blog/images-and-the-web/</link>
		<comments>http://www.justdesigning.co.uk/blog/images-and-the-web/#comments</comments>
		<pubDate>Fri, 18 Apr 2008 16:03:22 +0000</pubDate>
		<dc:creator>Gary</dc:creator>
		
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/images-and-the-web/</guid>
		<description><![CDATA[When it come to websites there are 3 different file types that rule the roost. Gif, Jpg and PNG. they all have their place but when should we use them?
Jpg
Jpg or Jpeg which is its correct name were developed for the use of photographs, a jpeg can handle the thousands of different colors. A jpeg [...]]]></description>
			<content:encoded><![CDATA[<p>When it come to websites there are 3 different file types that rule the roost. Gif, Jpg and PNG. they all have their place but when should we use them?</p>
<p><u>Jpg</u></p>
<p>Jpg or Jpeg which is its correct name were developed for the use of photographs, a jpeg can handle the thousands of different colors. A jpeg can besaved with different levels of compressionwhich obviousy means different qualities. If you save with 0% comression then you will have a perfect image but it will have a large file size. At the other end of the scale you can have a file saved at 99% compression but the image will be blured and blocky. There is however a perfect medium between quality and file size and this is 60% compression.</p>
<p>Downside to the Jpeg is that it cant be animated and it does not support transparency, also it is not a good fily type to choose if you have large blocks of the same color in an image as the edges will becpome blured. However this was developed for photographs.</p>
<p><u>Gif</u></p>
<p>Gifs have been used on the web for a long time. they can be saved using different amounts of colour from 8-bit color to 256-bit color. Gifs are a lossless file type which means they quality of the image does not degrade every time it is opened and saved. Because of the way a gif compresses the image it can create small file types which is ideal for the web. Gifs can also be interlaced so it can speed up the rate a webpage loads. this works by placing a poor quality version of the image to start of with and then progressivly improves the image untill it is full quality.</p>
<p>Finaly gifs can be animated, this means in the past (before flash) people had really annoying images that changed colors and spun arround! (thank god there not popular now!). Animated gif can however be used in a nice design, maybee in a banner that rotaes diferent messages.</p>
<p><u>PNG</u></p>
<p>Compared to Jpg and gif&#8217;s png&#8217;s are relativly new, It was invented when there was a taxation placed on gifs. png&#8217;s are very similar to gifs in the way they opereate. they are not animated but the 8bit version of the has simple transparency like the gif (on or off). Because a png 8 can compress better it can often make smaller file sizes than the Gif and the png is also lossless.</p>
<p>PNG 24 is more similar to a jpg quality, its not good enough to replace a jpeg but again being lossless it is a good file format for saving larger pictures.</p>
<p>The PNG 24 also handles multi level transparency, this means that you can set the transparancy on areas of a image on a scale so you can place a gradient of transparency or different levels of transparency. The only down side to this is that the way Png&#8217;s handle this means they do not work in IE6 or below. They do however work in firefox and IE7 but with al lot of people still using the old IE6 browser your work may not look correct or give the desired effect.</p>
<p>Gary<br />
Web Designer</p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/images-and-the-web/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Do You Understand CSS Colour Modes</title>
		<link>http://www.justdesigning.co.uk/blog/do-you-understand-css-colour-modes/</link>
		<comments>http://www.justdesigning.co.uk/blog/do-you-understand-css-colour-modes/#comments</comments>
		<pubDate>Wed, 16 Apr 2008 09:01:17 +0000</pubDate>
		<dc:creator>maynem</dc:creator>
		
		<category><![CDATA[CSS]]></category>

		<category><![CDATA[Do You Understand CSS Colour Modes]]></category>

		<guid isPermaLink="false">http://www.justdesigning.co.uk/blog/do-you-understand-css-colour-modes/</guid>
		<description><![CDATA[Colours are an important factor in any website design but do you know the differences between the different css colour modes? Apparently many people do not so in this article I will outline the 3 main colour modes. It&#8217;s important to remember that these colour modes are the ones used in CSS2 and CSS3 and [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal"><span lang="EN-GB">Colours are an important factor in any website design but do you know the differences between the different css colour modes? Apparently many people do not so in this article I will outline the 3 main colour modes. It&#8217;s important to remember that these colour modes are the ones used in CSS2 and CSS3 and are supported by most browsers.</span></p>
<p class="MsoNormal"><strong><span lang="EN-GB">RGB Mode</span></strong></p>
<p class="MsoNormal"><span lang="EN-GB">RGB mode has been in use in css for some time and a typical rgb colour would look something like this, (255, 0, 0). This mode uses 256 steps for each of the primary colours and users can also include percentages to set the levels of colours. I find that this method is rather long winded compared to the two other colour modes. The other colour modes essentially simplify the colour picking process.</span></p>
<p class="MsoNormal"><strong><span lang="EN-GB">Hexidecimal Mode</span></strong></p>
<p class="MsoNormal"><span lang="EN-GB">This is probably the colour mode of choice for designers as it is easy to use. The colour black for example in hexadecimal mode would look like this #000000. The hexadecimal mode works by assigning two digits or letters for each colour (red, green and blue). The higher the digits then the brighter the colour will be. Many colour picking tools such as the one in Photoshop will give you colours in this mode as well as RGB.</span></p>
<p class="MsoNormal"><strong><span lang="EN-GB">HTML Keyword Colour Mode</span></strong></p>
<p class="MsoNormal"><span lang="EN-GB">This mode uses keywords. Designers can enter certain colours into the html code in order to assign a colour to an item. This mode is limited as HTML4 only include 16 colours. These include black, white, navy, maroon, teal, white, yellow etc. Most people don’t use this mode as it limits the colours and styles they can use. The design of a page is essentially limited. </span></p>
<p class="MsoNormal"><span lang="EN-GB">These are the standard colour modes that you will find in use today but in the future we may see the introduction of new colour modes. Maybe pre-defined gradients will come in to play. </span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.justdesigning.co.uk/blog/do-you-understand-css-colour-modes/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
