<?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>Red Graffix Blog</title>
	<atom:link href="http://www.redgraffix.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.redgraffix.com/blog</link>
	<description>Blogging on graphic design and web development from Red Graffix</description>
	<lastBuildDate>Tue, 10 Jan 2012 12:29:23 +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>Accessibility in Flash</title>
		<link>http://www.redgraffix.com/blog/2011/05/19/accessibility-in-flash/</link>
		<comments>http://www.redgraffix.com/blog/2011/05/19/accessibility-in-flash/#comments</comments>
		<pubDate>Thu, 19 May 2011 13:40:06 +0000</pubDate>
		<dc:creator>jason</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Notes]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.redgraffix.com/blog/?p=344</guid>
		<description><![CDATA[Accessibility in Flash, sounds like an oxymoron right? it is actually possible to an extent as I found out. When creating for the web one needs to keep in mind the needs of those who are blind, deaf, etc. Often when a blind user, using a screen reader, comes to a flash object on a [...]]]></description>
			<content:encoded><![CDATA[<img src="http://www.redgraffix.com/blog/wp-content/uploads/2011/05/accessible.jpg" alt="" title="accessible" width="150" height="150" class="alignleft size-full wp-image-341" />Accessibility in Flash, sounds like an oxymoron right? it is actually possible to an extent as I found out.  When creating for the web one needs to keep in mind the needs of those who are blind, deaf, etc.  Often when a blind user, using a screen reader, comes to a flash object on a web page they basically hit a road block. The screen reader cant make sense of the content, can't use any buttons contained in it, or read any text contained in the flash. Flash has given us tools to work around that.<span id="more-344"></span><br/><br/><center><a href="http://www.redgraffix.com/blog/wp-content/uploads/2011/05/Picture-2.png"><img src="http://www.redgraffix.com/blog/wp-content/uploads/2011/05/Picture-2-300x231.png" alt="" title="panelflash" width="300" height="231"/></a></center><br/><br/>You can access the accessibility panel inside the flash authoring environment in - Window>Other Panels> Accessibility. As an author you can select a movie clip then use this panel to add information for a screen reader or other tools, keyboard shortcuts for control, or tab index for ease of jumping from one object to the next. By taking a little time to add a bit more information, you can make your flash application much more accessible to a wide range of people.<br/><br/><center><a href="http://www.redgraffix.com/blog/wp-content/uploads/2011/05/Picture-1.png"><img src="http://www.redgraffix.com/blog/wp-content/uploads/2011/05/Picture-1-300x291.png" alt="" title="accessibility" width="300" height="291"/></a></center><br/><br/>Another way to add accessibility to flash movies is to add closed captioning, or alternatives to a movie and of course while working with flash one shouldn't forget to correctly label when inserting the flash into html.  Accessibility is of the upmost importance when developing for the web, and as content creators we should always strive to reach the widest possible audience. ]]></content:encoded>
			<wfw:commentRss>http://www.redgraffix.com/blog/2011/05/19/accessibility-in-flash/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using Image Maps in emails. (Don&#8217;t)</title>
		<link>http://www.redgraffix.com/blog/2011/02/06/using-image-maps-in-emails-dont/</link>
		<comments>http://www.redgraffix.com/blog/2011/02/06/using-image-maps-in-emails-dont/#comments</comments>
		<pubDate>Sun, 06 Feb 2011 21:23:28 +0000</pubDate>
		<dc:creator>jason</dc:creator>
				<category><![CDATA[Notes]]></category>

		<guid isPermaLink="false">http://www.redgraffix.com/blog/?p=324</guid>
		<description><![CDATA[You may find you need to put a link over a image and there's no simple way to slice it. But putting an image map over it, as I found out the hard way, will not work for all email clients. I attempted to place image maps over an image of several rings piled atop [...]]]></description>
			<content:encoded><![CDATA[<img src="http://www.redgraffix.com/blog/wp-content/uploads/2011/02/e-mail_icon-150x150.jpg" alt="email" title="e-mail_icon" width="150" height="150" class="alignleft size-thumbnail wp-image-327" /><p>You may find you need to put a link over a image and there's no simple way to slice it. But putting an image map over it, as I found out the hard way, will not work for all email clients. I attempted to place image maps over an image of several rings piled atop each other. Each ring needed to be linked individually and slicing the image up for a table would have been a pain. I tested in entourage and outlook '03 with no problems. The email was sent out and sure enough, there were problems. Outlook '07, gmail, and others were acting very buggy. Either the image maps weren't linking, they were causing unwanted gaps, or other bugs.</p><span id="more-324"></span>
<p>Basically, image maps don't work. They may work fine in a few email clients, but if you want across the board functionality, they won't work. Another reason to avoid image maps are they don't offer very good accessibility, no alt text.  If you need to use an image as a link, you'll need to figure out a clever way to slice the image and place it in properly made table.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.redgraffix.com/blog/2011/02/06/using-image-maps-in-emails-dont/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Rockmelt browser</title>
		<link>http://www.redgraffix.com/blog/2011/01/06/rockmelt-browser/</link>
		<comments>http://www.redgraffix.com/blog/2011/01/06/rockmelt-browser/#comments</comments>
		<pubDate>Thu, 06 Jan 2011 14:30:19 +0000</pubDate>
		<dc:creator>jason</dc:creator>
				<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://www.redgraffix.com/blog/?p=312</guid>
		<description><![CDATA[I recently got an invite to try out the new web browser - Rockmelt. It was created by Netscape founder Marc Andreessen and built on google's chromium browser. Rockmelt has a serious focus on social networking, specifically Facebook. Before you can do anything, you log into the browser via your Facebook account, and you then [...]]]></description>
			<content:encoded><![CDATA[<img src="http://www.redgraffix.com/blog/wp-content/uploads/2011/01/209998-rockmelt-icon_original.png" alt="rockmelt" title="209998-rockmelt-icon_original" width="150" height="150" class="alignleft size-full wp-image-314" /><p>I recently got an invite to try out the new web browser - <a href="http://www.rockmelt.com/" target="_blank">Rockmelt</a>. It was created by Netscape founder Marc Andreessen and built on google's chromium browser. <a href="http://www.rockmelt.com/" target="_blank">Rockmelt</a> has a serious focus on social networking, specifically Facebook. Before you can do anything, you log into the browser via your Facebook account, and you then are constantly connected.</p><p><a href="http://www.rockmelt.com/" target="_blank">Rockmelt</a> is very much like Google <a href="http://www.google.com/chrome/" target="_blank">Chrome</a>  and offers the same in speed. It differs in it has columns on the left and right to hold all your Facebook and Twitter contacts. You can quickly connect to all your contacts,share links and media, and view status updates.<span id="more-312"></span> <a href="http://www.rockmelt.com/" target="_blank">Rockmelt</a> works very nicely if you need to constantly be in contact with your Facebook friends or simply aggregate your RSS feeds. Unfortunately there's not much else to it. One could just as easily add extensions on to <a href="http://www.google.com/chrome/" target="_blank">Chrome</a>, <a href="http://www.mozilla.com/en-US/firefox/" target="_blank">Firefox</a>, or any other browser to accomplish the same thing. I also think the people that aren't tech savvy enough to get add ons for their browser will never use <a href="http://www.rockmelt.com/" target="_blank">Rockmelt</a>, they'll most likely just keep using Internet Explorer.  This browser is basically a <a href="http://www.google.com/chrome/" target="_blank">Chrome</a> version of <a href="http://flock.com/" target="_blank">Flock</a>, the browser based off of Firefox.</p><p> I attempted to use <a href="http://www.rockmelt.com/" target="_blank">Rockmelt</a> for a week just to see how much I liked it. In my opinion it would work nice as an add on, but by itself, there's not enough substance. </p>]]></content:encoded>
			<wfw:commentRss>http://www.redgraffix.com/blog/2011/01/06/rockmelt-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Email design</title>
		<link>http://www.redgraffix.com/blog/2010/07/19/email-design/</link>
		<comments>http://www.redgraffix.com/blog/2010/07/19/email-design/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 23:54:03 +0000</pubDate>
		<dc:creator>jason</dc:creator>
				<category><![CDATA[Notes]]></category>

		<guid isPermaLink="false">http://www.redgraffix.com/blog/?p=294</guid>
		<description><![CDATA[I've recently started a new job working for a company creating html emails. They send out magazine renewal notices, event notices, advertising, etc. Designing for email is a entirely different beast than designing for web. Designing for emails, require one to take their html and css knowledge back about 10 to 15 years. Forget about [...]]]></description>
			<content:encoded><![CDATA[<img src="http://www.redgraffix.com/blog/wp-content/uploads/2010/07/email1-150x150.gif" alt="email design" title="email" width="150" height="150" class="alignleft size-thumbnail wp-image-297" /><p>I've recently started a new job working for a company creating html emails. They send out magazine renewal notices, event notices, advertising, etc. Designing for email is a entirely different beast than designing for web.</p><span id="more-294"></span>
<p>Designing for emails, require one to take their html and css knowledge back about 10 to 15 years. Forget about html5 or css3, think simple tables with very rudimentary inline styles. Even then be careful because that doesn't always work. Email clients such as hotmail, yahoo, gmail, and outlook all render html and css very differently. Heck, outlook 07' uses a word processor (word 07') to render html and css, this means standards and best practices is out the door. Everything you know about internet design is wrong if you're talking email.</p><p>Here is a few things I've picked up so far</p><ul style="margin:0px 40px 10px 40px;display:block; list-style:disc;">
<li style="padding-bottom:10px">Nothing goes above the "body" tag in the html. Any thing above this is almost always striped out by all email clients</li>
<li style="padding-bottom:10px">Don't attach a style sheet. Think about it. if you get an email, are you going to download a style sheet to view it? Everything needs to be in-line css. Not to mention an unknown recipient might not trust your email enough to download a style sheet too.</li>
<li style="padding-bottom:10px">No Adobe Flash or JavaScript, stuff like this sets off spam flags in most email clients or they my not even work to began with. You don't want your email going directly into the spam box</li>
<li style="padding-bottom:10px">TEST! You thought developing for the web was pain? Email is ridiculous. Nothing works across the board, what works for one email client won't work for another. Apple based email clients offer css3 support while Microsoft outlook is using a rendering engine from 1995. I'm not an Apple fan boy, but you gotta like the support for standards that apple offers.</li>
<li style="padding-bottom:10px">K.I.S.S, keep It Simple Stupid. Words to live by. When in doubt, go as simple as possible.Simple tables (no colspans) with simple inline styles, no padding, no margins, no pseudo classes, basically design for the web as it was in 1995.</li>
<li style="padding-bottom:10px">Always label your alt tags because some email programs will not show images, also try not to put important content into an image for the same reason. You want people to be able to read your email with or without images.</li>
</ul>]]></content:encoded>
			<wfw:commentRss>http://www.redgraffix.com/blog/2010/07/19/email-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Reasons For The Average Person Not To Use Internet Explorer</title>
		<link>http://www.redgraffix.com/blog/2010/04/14/5-reasons-for-the-average-person-not-to-use-internet-explorer/</link>
		<comments>http://www.redgraffix.com/blog/2010/04/14/5-reasons-for-the-average-person-not-to-use-internet-explorer/#comments</comments>
		<pubDate>Wed, 14 Apr 2010 16:37:06 +0000</pubDate>
		<dc:creator>jason</dc:creator>
				<category><![CDATA[Notes]]></category>
		<category><![CDATA[Software]]></category>

		<guid isPermaLink="false">http://redgraffix.com/blog/?p=287</guid>
		<description><![CDATA[I've seen hundreds of articles stating why you should stop using Internet Explorer as your web browser and use something better. The one thing they're missing is, the average person doesn't care, or even know what a browser is for that matter. This list is for the non-geek. First let's start with, what's a browser? [...]]]></description>
			<content:encoded><![CDATA[<img src="http://redgraffix.com/blog/wp-content/uploads/2010/04/no-ie-support-150x150.jpg" alt="no-ie" title="no-ie" width="150" height="150" class="alignleft size-thumbnail wp-image-288" /><p>I've seen hundreds of articles stating why you should stop using Internet Explorer as your web browser and use something better. The one thing they're missing is, the average person doesn't care, or even know what a browser is for that matter. This list is for the non-geek. </p><span id="more-287"></span><p>
First let's start with, what's a browser? This is the program that let's you surf the internet. By default, if you own a Windows OS based computer, you're probably using IE (Internet Explorer). You click the little IE icon and magically the interwebs appear on screen. But what you don't realize is, you're missing a much richer experience on the web and more by using IE.  Most people don't know they have choices in browsers. Here a few reasons to download a different browser and kick IE to the curb.</p><br/>
<ul style="width:420px; position:relative;right:-20px">
<li>1. Microsoft Monopoly - I'll get on my soap box for a moment and say, why support a company trying to dictate how the internet is constructed and used. The internet should be open to everyone. Microsoft should not be the one to control the internet. Most people can agree monopolies are bad, so why support one of the biggest in the technology field.</li>
<br/>
<li>2. Security - There are a plethora of viruses on the internet waiting to take over your computer and millions of malwares that want to steal your personal information. You can go get an anti-virus program which could protect our computer from any virus. But then you have internet explorer which acts like a gateway to all the spywares and malwares and basically makes your anti-virus software useless. IE makes infecting your computer relatively easy through two features called ActiveX and Active Scripting. These technologies were designed specifically for the purpose of giving websites more control over a your computer. But obviously, this can be bad.</li>
<br/>
<li>3.  Missing Out - Internet Explorer doesn't work with web standards. What this means to you is you're not getting the experience the web designer intended you to have. IE can butcher the design of a website. The way you view a site through IE could be very different on another browser. The site could not look as nice, be missing features, or  not even work right.  You would never know what you're missing by using IE.</li>
<br/>
<li>4.  Bugs! - IE is known for making your computer crash. Nothing is more frustrating than when looking at something or working on a project your computer crashes and you lose everything you were doing.  Other browsers don't do this, at least as much.</li>
<br/>
<li>5.  Freedom - Other , better, web browsers are free! it's usually 1 or 2 clicks and you have a new improved browser. It won't cost you a penny to upgrade to something better. Other browsers out there are more secure, cleaner running, faster, and present sites the way they were intended.</li></ul>
<br/>
<p>I realize in some corporate situations you may not have an option. The network applications may require IE6 or the IT department may not allow you to install anything to your computer. Not much we can do there other than hope they eventually update their system for the 21st century. To those at home though, you really really really, did I mention really, should switch from Internet Explorer to something else. Don't be scared, you'll still have IE on your computer (Microsoft makes it hard to get rid of), so if you don't like enjoying a free open source web, you can go back anytime.</p><p> But you should at least download and try one of these-
<a href="http://www.mozilla.com/en-US/firefox/firefox.html">Firefox</a>, <a href="http://www.opera.com/">Opera</a>, or <a href="http://www.google.com/chrome/">Google Chrome</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.redgraffix.com/blog/2010/04/14/5-reasons-for-the-average-person-not-to-use-internet-explorer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

