<?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>Erratic Souls &#187; Webtools</title>
	<atom:link href="http://erraticsouls.com/tag/webtools/feed/" rel="self" type="application/rss+xml" />
	<link>http://erraticsouls.com</link>
	<description>Our Philosophy of Blogging: To write what we will in whatever way we choose, without fear of regret. Our meanderings may wander 'erratically' at times, and there is certainly no certainty we may not change our mind, but one thing is absolute, we will always be honest to ourselves...</description>
	<lastBuildDate>Thu, 28 May 2009 00:23:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Colours</title>
		<link>http://erraticsouls.com/colours/</link>
		<comments>http://erraticsouls.com/colours/#comments</comments>
		<pubDate>Sun, 20 Apr 2008 10:52:02 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Webtools]]></category>
		<category><![CDATA[colour]]></category>
		<category><![CDATA[hex]]></category>

		<guid isPermaLink="false">http://erraticsouls.com/?p=27</guid>
		<description><![CDATA[Colour [or 'color' for those of USA persuasion]: a quality which objects have, and which can be seen, only when light falls on them. No matter where you look, you see colour! Wars have been waged over them and others play with them. They bring fear, happiness, sorrow and all the myriad of other emotions [...]]]></description>
			<content:encoded><![CDATA[<p>Colour [or 'color' for those of USA persuasion]: <em>a quality which objects have, and which can be seen, only when light falls on them</em>. No matter where you look, you see colour! Wars have been waged over them and others play with them. They bring fear, happiness, sorrow and all the myriad of other emotions we all exprience. Red rag to a bull, green with envy, as calm as the blue sea, black with hatred &#8211; are just some of the feelings and &#8216;vibes&#8217; associated with colour. And in this new world known as the <span style="text-decoration: line-through;">Wide Web World</span>, <span style="text-decoration: line-through;">Web Wide World</span>, World Wide Web [or Internet], colours are used in thousands of different ways.</p>
<p>However, as any web designer will tell you, there are colours and then there are colours. It&#8217;s all black and white you see &#8211; but not really. White and black are not generally known as black after all [yes, yes, I know black and white are not colours but that's not the issue]. The point is, white becomes #ffffff and black becomes #000000 and everything colour-wise works from these junctures.</p>
<p>And as you delve deeper into colours and you work with them daily in code, you start to see colours in a different light again. RGB and Hex values slowly take over. You see a red car, but actually, you think to yourself, well, it&#8217;s not exactly red in the true sense at all &#8211; it is actually #a70909 with perhaps a hint of #be1212 in the sunlight. And you spot a great looking old wall with shades and cracks and it instantly appeals. Is if off-white, cream, grey [gray] in places, and that patch in the corner must be brown? But again, the colours just do not add up and your mind shifts into code mode again with flashes of #FEDCDC, #CCC4C4 and perhaps a dash of #602E1C.</p>
<p>Most graphics programs show you these codes when you choose a colour and even if you do not have a graphics program that does this, there are literally hundreds of places online [that's www or Net for some] where you can easily find the codes anyway.</p>
<p style="text-align: center;"><img src="http://erraticsouls.com/visual/colour1.png" alt="Colours make the world - well - colourful really" /></p>
<p>So, here&#8217;s a few resources on offer&#8230;</p>
<p><strong>Online</strong></p>
<p><a href="http://www.inspirationbit.com/dos-and-donts-colour/">Do&#8217;s and Dont&#8217;s</a><br />
A good article about choosing your colours using a colour wheel</p>
<p><a href="http://www.colorspire.com/">ColorSpire</a><br />
An excellent colour picker and a whole lot more. Fantastic tool. Thanks to <a href="http://erraticsouls.com/colours/#comment-33">Kevin</a> for pointing this out!</p>
<p><a href="http://chir.ag/phernalia/name-that-color/">Name That Colour</a><br />
Contains hex code, RGB and a very nifty addition, the actual name of the colour as well.</p>
<p><a href="http://www.colblindor.com/color-name-hue/">Colour Name and Hue</a><br />
With this little tool you can either enter RGB (Red-Green-Blue) values, HSB (Hue-Saturation-Brightness) numbers or a hexadecimal code for a color, to find its closest match of a named color and its corresponding hue. It is also possible to just use the sliders to see how color hues are changing. The list of colors comprises 1640 different color names extracted from several sources on the web.</p>
<p><a href="http://www.w3schools.com/HTML/html_colornames.asp">HTML Color Name</a><br />
A table that provides a list of the color names that are supported by all major browsers.</p>
<p><a href="http://johndyer.name/lab/colorpicker/">Photoshop-like JavaScript Color Picker</a><br />
This color picker mimics Photoshop color picker by layering transparent images.</p>
<p><a href="http://www.ficml.org/jemimap/style/color/wheel.html">4096 Colour Wheel</a><br />
Simple but very good. Hovering over a colour shows three varying hues and coliurs side by side. Nice for gradient work.</p>
<p><a href="http://www.wellstyled.com/tools/colorscheme2/index-en.html">Colour Scheme Generator</a><br />
Another wheel and gradient colour picker.</p>
<p><a href="http://www.colorsontheweb.com/colorwheel.asp">Colour Scheme Randomizer</a><br />
Spin the color wheel and get a selection of three random colors. The color wheel randomizes among some 16 million colors. And since each spin produces three different colors, that gives endless combinations. (or 2 to the power of 70 or so, which is a very large number). Enough to keep anyone busy for a while.</p>
<p><a href="http://r0k.us/graphics/SIHwheel.html">Interactive Colour Wheel</a><br />
Experiment with saturation, intensity, hue, and luma.</p>
<p><a href="http://gmazzocato.altervista.org/colorwheel/wheel.php">Accessibility Color Wheel</a><br />
If accessibility is your focus, this one is for you. Even includes Deuteranope, Protanope and Tritanope settings. If you are not sure what that means, take a look at this colour picker &#8211; it includes explainations for the less intelligent, such as myself.</p>
<p><a href="http://www.colorschemer.com/online.html">Colour Schemer</a><br />
Gives a nice options for creating a colour scheme with 16 matching colours. Simple but effective.</p>
<p><a href="http://www.december.com/html/spec/colorchooser.html">Interactive Colour Scheme Chooser</a><br />
You can use this interactive application to choose colors for sections of your Web pages [doh!]</p>
<p><a href="http://www.colorjack.com/sphere/">Colour Theory Visualizer</a><br />
Contains a lot of nice features, including the possibility to change the background so you can see how colours work on white and back. Even has an OSX widget for those who are Mac-oriented.</p>
<p>As mentioned above, there are hundreds, if not thousands available on the Net. Try a Google search for more.</p>
<p><strong>Free, Downloadable Programs</strong></p>
<p><a href="http://www.iconico.com/colorpic/">ColorPicker</a><br />
The significant difference between this tool and any of those highlighted above, is that this tool allows you to fin the colour of anything on your screen. And if you have ever tried using a color picker on a high resolution monitor? It&#8217;s impossible. That&#8217;s why this color picker has a magnifier attached. Grab palettes of up to 16 colors at once and use four advanced color mixers to select a spectrum of possibilities. An excellent tool!</p>
<p><a href="http://www.anryhome.com/software/">Anry Colour Picker</a><br />
Free color picker and color mixing tool features five formats of picked color value (HTML, RGB, HEX, HSB/HSV, HSL), 3x/9x zoom of any screen area, saving picked color history, RGB and RYB color wheels, two harmonious color finders and RGB color mixer. Supported platforms: Windows 95, 98, ME, NT, 2000, XP, 2003. No installation required.</p>
<p><a href="http://www.colorschemer.com/colorpix_info.php">ColorSchemer ColorPix</a><br />
ColorPix is a useful little color picker that grabs the pixel under your mouse and transforms it into a number of different color formats. You can use the built-in magnifier to zoom in on your screen, click on a color value to copy it directly to the clipboard, and even keep ColorPix on top of all other apps and out of the way.</p>
<p><strong>In Your Browser</strong></p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/271">ColorZilla for Firefox</a><br />
With ColorZilla you can get a color reading from any point in your browser, quickly adjust this color and paste it into another program. You can Zoom the page you are viewing and measure distances between any two points on the page. The built-in palette browser allows choosing colors from pre-defined color sets and saving the most used colors in custom palettes. DOM spying features allow getting various information about DOM elements quickly and easily. I use this one extensively and find it to be one of my most used Firefox addons.</p>
<p>Not being a Mac or Linux user myself, I do not wish to suggest what programs or addons are the best to use. I just wish Internet Explorer had an addon such as those described above, but to date, I am not aware of any that exist.</p>
]]></content:encoded>
			<wfw:commentRss>http://erraticsouls.com/colours/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Gee Mail!</title>
		<link>http://erraticsouls.com/gee-mail/</link>
		<comments>http://erraticsouls.com/gee-mail/#comments</comments>
		<pubDate>Sat, 05 Apr 2008 12:06:12 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Webtools]]></category>
		<category><![CDATA[email]]></category>
		<category><![CDATA[gmail]]></category>

		<guid isPermaLink="false">http://erraticsouls.com/?p=17</guid>
		<description><![CDATA[Once upon an eon ago, I used a webmail product called Hotmail. Truth be told, I think I still have an account or 50 in place, but none of them are ever used. I have also used Microsoft Outlook, Thunderbird, a work-based Outlook Web Access [OWA] and numerous other email options. But one stands out [...]]]></description>
			<content:encoded><![CDATA[<p>Once upon an eon ago, I used a webmail product called Hotmail. Truth be told, I think I still have an account or 50 in place, but none of them are ever used. I have also used Microsoft Outlook, Thunderbird, a work-based Outlook Web Access [OWA] and numerous other email options. But one stands out head and shoulders above the rest in my opinion, the monster we all know as G-Mail [or GoogleMail for some]. For more information on why it is called G-Mail in some places and Googlemail in others, do a quick search on Google itself.</p>
<p>And why do I choose G-Mail? Basically, it works. It rarely has any downtime, it is so easy to set up and use and it&#8217;s quick, reliable and does everything I want. The fact it is web-based has obvious benefits in that it is accessible from any location with an Internet connection and it has all the functionality and features that I need.</p>
<p style="text-align: center;"><img src="http://erraticsouls.com/visual/gmail.png" alt="G-Mail" width="500" height="151" /></p>
<p>The &#8216;but&#8217; though comes from my personal wish to set up an email account in my own fashion. Functionality is excellent and so is the ability to use it as your base email portal &#8211; by directing all other email accounts to this one location. The one downside in my opinion is that it offers little in terms of personal design. We all have our little hang-ups about font size, colours and shading, and G-Mail is not hot in this department. Sheesh, even Outlook has a few colours and themes to satisfy most tastes.</p>
<p>All is not lost though. For users of Firefox and the myriad of addons at your fingertips, there is <a title="G-Mail Skins" href="https://addons.mozilla.org/en-US/firefox/addon/2127">G-Mail Skins</a>,  which I have used and it looks great. The only trouble is it seems to just drop off on occasion and right this munute it just will not work at all [for me anyway].  There is an issue with the language setup it seems, but you can chase that up if you so desire.</p>
<p>An alternative to GMail Skins is <a title="G-Mail Redesigned" href="http://userstyles.org/styles/5867">G-Mail Redesigned</a> and personally I like this much better. The skins/themes are are very professional in &#8216;feel&#8217; and very simple to install. You will need to install the <a title="Stylish" href="https://addons.mozilla.org/en-US/firefox/addon/2108">Stylish addon</a> [another great tool] and it is then a simple matter of loading your skin.</p>
<p>And if you are looking for some other really handy ideas and ways of getting the most from your G-Mail account, take a look through the links below.</p>
<p><a title="Tips" href="http://www.g04.com/misc/GmailTipsComplete.html">http://www.g04.com/misc/GmailTipsComplete.html</a></p>
<p><a title="Life-Hacker" href="http://lifehacker.com/software/gmail/gmail-tips-and-tricks-monster-roundup-198488.php">http://lifehacker.com/software/gmail/gmail-tips-and-tricks-monster-roundup-198488.php</a></p>
<p>There are many more sites but these two will give you enough to do for a full day anyway&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://erraticsouls.com/gee-mail/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>So that&#8217;s what it looks like&#8230;</title>
		<link>http://erraticsouls.com/so-thats-what-it-looks-like/</link>
		<comments>http://erraticsouls.com/so-thats-what-it-looks-like/#comments</comments>
		<pubDate>Tue, 25 Mar 2008 12:59:53 +0000</pubDate>
		<dc:creator>James</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[Browsers]]></category>

		<guid isPermaLink="false">http://erraticsouls.com/?p=4</guid>
		<description><![CDATA[Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser.]]></description>
			<content:encoded><![CDATA[<p>Listen to most people who call themselves web designers but who do not care what a website looks like on any browser bar the one they choose for themselves, and you soon realise, well actually &#8211; they are not really web designers.</p>
<p>Car manufacturers make cars with bio-fuel options, different colours, and cater for people of all sizes with seat controls, safety belt adjustments and so on.<br />
TV channels know that what appeals to one will not appeal to another.</p>
<p>Common sense stuff you would think and yet wannabe web designers cannot see beyond the scope of their noses.</p>
<p>Anyway, for those people who do actually want to make their websites work in most browsers and try and reach a bigger audience with a stable design across all platforms, <a title="Browsershots" href="http://browsershots.org/">Browsershots</a> is an excellent tool for use in this aim.</p>
<p style="text-align: center;"><img style="vertical-align: middle;" src="http://erraticsouls.com/visual/browsershots.png" alt="Browsershots" width="461" height="132" /></p>
<p style="text-align: left;">From the maker of Browsershots:</p>
<blockquote>
<p style="text-align: left;">Browsershots makes screenshots of your web design in different browsers. It is a free open-source online service created by Johann C. Rocholl. When you submit your web address, it will be added to the job queue. A number of distributed computers will open your website in their browser.</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://erraticsouls.com/so-thats-what-it-looks-like/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
