<?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>Ace on Tech &#187; design</title>
	<atom:link href="http://aceontech.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://aceontech.com</link>
	<description>Design Intentionally Left Out</description>
	<lastBuildDate>Mon, 30 Aug 2010 05:14: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>Stuff designers do that make developers crazy</title>
		<link>http://aceontech.com/2010/08/30/stuff-designers-do-that-make-developers-crazy/</link>
		<comments>http://aceontech.com/2010/08/30/stuff-designers-do-that-make-developers-crazy/#comments</comments>
		<pubDate>Mon, 30 Aug 2010 05:14:24 +0000</pubDate>
		<dc:creator>Ace</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[developer]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://aceontech.com/2010/08/30/stuff-designers-do-that-make-developers-crazy/</guid>
		<description><![CDATA[Myself being a hybrid of sorts, i.e. I&#8217;m a web developer / RIA developer that also happens to design, I found this posting at TechRadar to be quite amusing. Jokingly, it discusses the frustrations many web developers are confronted with &#8230; <a href="http://aceontech.com/2010/08/30/stuff-designers-do-that-make-developers-crazy/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="Amp_Commentary_Wrap">
<div class="Amp_Post_Text">
<p>Myself being a hybrid of sorts, i.e. I&#8217;m a web developer / RIA developer that also happens to design, I found this posting at TechRadar to be quite amusing. Jokingly, it discusses the frustrations many web developers are confronted with when implementing web designs from non-developer oriented designers. </p>
<p>Knowing what it&#8217;s like to have to implement designs made by others, I  wholeheartedly agree with some of the highlighted points. But while reading the list, I must admit I&#8217;m often just as guilty. I&#8217;m probably driving myself crazy by over-designing stuff like rounded corners, gradients, transparencies and break-out artwork. Then again, I drive myself crazy many a time <img src='http://aceontech.com/wp-includes/images/smilies/icon_razz.gif' alt=':-P' class='wp-smiley' /> .</p>
<p>When designing a web site or application, it&#8217;s easy to go over-board as a designer, thinking &#8220;oh, this looks pretty&#8221;. And &#8220;wow, that&#8217;s neat&#8221;. But once you get to sit at the other end of the table &#8211; in the developer seat (like I often do) &#8211; it dawns on you that a lot of things are very difficult to accomplish in the respective language/platform (be it HTML/CSS/JS, Flash/Flex, [your favorite solution]).</p>
<p>Rounded corners, for instance, are still a big pain in the butt. Sure, CSS3 rounded corners are slowly catching on, but it&#8217;s not a standard yet, just like HTML5 (see previous post).</p>
<p>The author speaks of &#8220;needing to do things the dirty way&#8221;, and that message certainly strikes home. The obvious instances of this are things like background gradients. If one would know the lengths a developer has to go to make this work, in a clean way, one surely wouldn&#8217;t design it.. Because CSS only allows one background graphic at a time, what you&#8217;ll often need to do is nest multiple DIVs, with each a different background. Dirty indeed.</p>
<p>But well, if we&#8217;re honest, these aren&#8217;t real technical issues. Some things just need more tinkering than others. If the designer like to over-design, and the client likes it, perhaps throw the designer a bone and take on the challenge <img src='http://aceontech.amplify.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> (or have them implement their own design for once, that’ll teach ‘em).</p>
<p>As for the bad naming schemes or intricate folder structures in PSDs: yeah, I do that too <img src='http://aceontech.com/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> .</p>
</div>
</div>
<div class="Amp_Content_Outer">
<div class="Amp_Top_Wrap">
<div class="Amp_Source_First"><span>Amplify&rsquo;d from <a rel="clipsource" target="_blank" title="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all" href="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all">www.techradar.com</a></span></div>
</div>
<div class="Amp_Middle_Wrap">
<blockquote class="Amp_Content_Item" cite="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all">
<table cellpadding="0" cellspacing="0">
<tr>
<td>visual designers, here&#8217;s a list of 20 things that drive developers crazy.</td>
</tr>
</table>
</blockquote>
<div class="Amp_Content_Hr"></div>
<blockquote class="Amp_Content_Item" cite="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all"><table cellpadding="0" cellspacing="0">
<tr>
<td>rounded corners to every single element on the page</td>
</tr>
</table>
</blockquote>
<div class="Amp_Content_Hr"></div>
<blockquote class="Amp_Content_Item" cite="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all"><table cellpadding="0" cellspacing="0">
<tr>
<td>Use a lot of breakout images with transparency. Web developers love graphics breaking out of boxes and columns. Bonus points if you add text wrapping around images.</td>
</tr>
</table>
</blockquote>
<div class="Amp_Content_Hr"></div>
<blockquote class="Amp_Content_Item" cite="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all"><table cellpadding="0" cellspacing="0">
<tr>
<td>Use Lorem Ipsum instead of real copy. And make sure the reserved space is not big enough for real copy.</td>
</tr>
</table>
</blockquote>
<div class="Amp_Content_Hr"></div>
<blockquote class="Amp_Content_Item" cite="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all"><table cellpadding="0" cellspacing="0">
<tr>
<td>
<p id="AutoGeneratedID-4"><strong>14.</strong> Name all your files &#8216;final&#8217;, plus a date and a random letter (final-2010-12-01a.psd, final- 2010-12-01r.psd, final-2010-12-02b.psd). </p>
</td>
</tr>
</table>
</blockquote>
<div class="Amp_Content_Hr"></div>
<blockquote class="Amp_Content_Item" cite="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all"><table cellpadding="0" cellspacing="0">
<tr>
<td>
<p id="AutoGeneratedID-5"><strong>20.</strong> And finally, this is the most important thing: don&#8217;t learn anything about HTML, CSS, JavaScript or browser issues. The less you know about it, the more important we seem.</p>
</td>
</tr>
</table>
</blockquote>
<div class="Amp_Content_Hr"></div>
<blockquote class="Amp_Content_Item" cite="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all"><table cellpadding="0" cellspacing="0">
<tr>
<td>
<p id="AutoGeneratedID-6"> We also work with people who, because they don&#8217;t quite understand what we do or how we do it, regard us with a certain bootlicking awe. </p>
</td>
</tr>
</table>
</blockquote>
<div class="Amp_Content_Hr"></div>
<blockquote class="Amp_Content_Item" cite="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all"><table cellpadding="0" cellspacing="0">
<tr>
<td>Unfortunately, some of those people are also the same people who tell us what to do. (Will the visual designers please stand up?).</td>
</tr>
</table>
</blockquote>
<div class="Amp_Content_Hr"></div>
<blockquote class="Amp_Content_Item" cite="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all"><table cellpadding="0" cellspacing="0">
<tr>
<td>
<p id="AutoGeneratedID-8"> <strong>16.</strong> Don&#8217;t name or organise your PSD layers and folders.</p>
<p><span class="Amp_Source_Button"><a rel="clipsource" target="_blank" title="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all" href="http://www.techradar.com/news/internet/20-things-that-drive-web-developers-crazy-712503?src=rss&#038;attr=all">Read more at www.techradar.com</a></span></td>
</tr>
</table>
</blockquote>
</div>
<div class="Amp_Bottom_Wrap">&nbsp;</div>
</div>
<div class="Amp_Link">See this Amp at <a href="http://amplify.com/u/9f98">http://amplify.com/u/9f98</a></div>
<p><br/></p>
<p><a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Twitter" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/slashdot?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Slashdot" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/slashdot.png" width="16" height="16" alt="Slashdot"/></a> <a href="http://www.addtoany.com/add_to/instapaper?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Instapaper" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/instapaper.png" width="16" height="16" alt="Instapaper"/></a> <a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Digg" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/digg.png" width="16" height="16" alt="Digg"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Facebook" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/mixx?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Mixx" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/mixx.png" width="16" height="16" alt="Mixx"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Delicious" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/reddit?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Reddit" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/reddit.png" width="16" height="16" alt="Reddit"/></a> <a href="http://www.addtoany.com/add_to/friendfeed?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="FriendFeed" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/friendfeed.png" width="16" height="16" alt="FriendFeed"/></a> <a href="http://www.addtoany.com/add_to/google_buzz?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Google Buzz" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/google_buzz.png" width="16" height="16" alt="Google Buzz"/></a> <a href="http://www.addtoany.com/add_to/stumbleupon?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="StumbleUpon" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/stumbleupon.png" width="16" height="16" alt="StumbleUpon"/></a> <a href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Faceontech.com%2F2010%2F08%2F30%2Fstuff-designers-do-that-make-developers-crazy%2F&amp;linkname=Stuff%20designers%20do%20that%20make%20developers%20crazy" title="Evernote" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/evernote.png" width="16" height="16" alt="Evernote"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://aceontech.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://aceontech.com/2010/08/30/stuff-designers-do-that-make-developers-crazy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Acid3 test kills all</title>
		<link>http://aceontech.com/2008/03/07/acid3-test-kills-all/</link>
		<comments>http://aceontech.com/2008/03/07/acid3-test-kills-all/#comments</comments>
		<pubDate>Fri, 07 Mar 2008 22:16:35 +0000</pubDate>
		<dc:creator>Ace</dc:creator>
				<category><![CDATA[Tech Articles]]></category>
		<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[test]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.ace-on-tech.com/2008/03/07/acid3-test-kills-all/</guid>
		<description><![CDATA[The [recently released] Acid3 test, like its predecessor, allows for subjecting modern browsers to advanced testing of its standards compliance. Acid2, which most current browsers pass (including IE8 Beta 1), was mainly focused on CSS rendering. WaSP Press Release Take &#8230; <a href="http://aceontech.com/2008/03/07/acid3-test-kills-all/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>The [recently released] Acid3 test, like its predecessor, allows for subjecting modern browsers to advanced testing of its standards compliance. Acid2, which most current browsers pass (including IE8 Beta 1), was mainly focused on CSS rendering. </p>
<ul>
<li><a href="http://www.webstandards.org/press/releases/20080303/">WaSP Press Release</a></li>
<li><a href="http://acid3.acidtests.org/">Take the Acid3 Browser Test</a></li>
<li><a href="http://www.webstandards.org/action/acid3 ">Acid3 Overview</a></li>
</ul>
<p>Acid3 &#8211; on the other hand &#8211; doesn&#8217;t evaluate a single technology. It was designed to test the whole Web 2.0 experience (ECMAScript, W3C Document Model 2, etc.). It basically determines the level of interactivity a browser can deliver. </p>
<p style="text-align: center"><a href="http://www.ace-on-tech.com/wp-content/uploads/2008/03/image3.png" rel="lightbox[acid3]"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="174" alt="image" src="http://www.ace-on-tech.com/wp-content/uploads/2008/03/image-thumb3.png" width="244" border="0" /></a>     <br />Firefox 3 B3     <br />vs.     <br />IE7     <br /><a href="http://www.ace-on-tech.com/wp-content/uploads/2008/03/image4.png" rel="lightbox[acid3]"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="124" alt="Acid3 IE7" src="http://www.ace-on-tech.com/wp-content/uploads/2008/03/image-thumb4.png" width="244" border="0" /></a> </p>
<p>This extremely hard test evaluates a series of 100 criteria and exposes a number of flaws in all leading browsing suites, including IE, Opera, Safari and Firefox. Upcoming versions of <strong>Safari and Firefox</strong> are to score in the <strong>80-90 range</strong>, whereas IE8 scores in the disappointing sub-50 range. </p>
<p><strong>IE7 </strong>has been reported to flunk completely with results <strong>not even peaking above the 20% mark.</strong></p>
<p><a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Twitter" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/slashdot?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Slashdot" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/slashdot.png" width="16" height="16" alt="Slashdot"/></a> <a href="http://www.addtoany.com/add_to/instapaper?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Instapaper" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/instapaper.png" width="16" height="16" alt="Instapaper"/></a> <a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Digg" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/digg.png" width="16" height="16" alt="Digg"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Facebook" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/mixx?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Mixx" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/mixx.png" width="16" height="16" alt="Mixx"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Delicious" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/reddit?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Reddit" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/reddit.png" width="16" height="16" alt="Reddit"/></a> <a href="http://www.addtoany.com/add_to/friendfeed?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="FriendFeed" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/friendfeed.png" width="16" height="16" alt="FriendFeed"/></a> <a href="http://www.addtoany.com/add_to/google_buzz?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Google Buzz" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/google_buzz.png" width="16" height="16" alt="Google Buzz"/></a> <a href="http://www.addtoany.com/add_to/stumbleupon?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="StumbleUpon" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/stumbleupon.png" width="16" height="16" alt="StumbleUpon"/></a> <a href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F03%2F07%2Facid3-test-kills-all%2F&amp;linkname=Acid3%20test%20kills%20all" title="Evernote" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/evernote.png" width="16" height="16" alt="Evernote"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://aceontech.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://aceontech.com/2008/03/07/acid3-test-kills-all/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Great Black Icons: NX10 by MazeNL77 [Free]</title>
		<link>http://aceontech.com/2008/01/24/great-icons-nx10-by-mazenl77-free/</link>
		<comments>http://aceontech.com/2008/01/24/great-icons-nx10-by-mazenl77-free/#comments</comments>
		<pubDate>Thu, 24 Jan 2008 17:58:06 +0000</pubDate>
		<dc:creator>Ace</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[free]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.ace-on-tech.com/2008/01/24/great-icons-nx10-by-mazenl77-free/</guid>
		<description><![CDATA[Web design and icons naturally go together, whether it&#8217;s to merely spruce up the scenery or to accentuate important link elements on a page, there are no two ways about it. Some glossy or matte professional looking icons can really &#8230; <a href="http://aceontech.com/2008/01/24/great-icons-nx10-by-mazenl77-free/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Web design and icons naturally go together, whether it&#8217;s to merely spruce up the scenery or to accentuate important link elements on a page, there are no two ways about it. Some glossy or matte professional looking icons can really add that extra level of finesse to any design. The word &#8216;professional&#8217; doesn&#8217;t always need to imply costliness, though. </p>
<p>Many talented graphics artists alike are producing sleek icons without wanting a dime back for them. All you need to do is use them gracefully and give the creator some well-deserved credit. </p>
<p style="text-align: center"><a href="http://www.ace-on-tech.com/wp-content/uploads/2008/01/image7.png" rel="lightbox"><img style="border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px" height="401" alt="image" src="http://www.ace-on-tech.com/wp-content/uploads/2008/01/image-thumb7.png" width="279" border="0" /></a> </p>
<p><strong>NX06 </strong>is a slightly older set of Windows icons which could nicely do for web design as well. It&#8217;s prominently black and would perfectly fit designs that feature a lot of blacks or grays. It was inspired by Longhorn (Windows Vista&#8217;s codename) and OS X. </p>
<p>PNG format, size 192*192 px.</p>
<ul>
<li><strong>Click here for <a href="http://mazenl77.deviantart.com/art/NX06-18594886">NX06 at DeviantArt</a></strong> </li>
<li><strong><a href="http://www.deviantart.com/download/18594886/NX06_1.zip">Direct download link</a> (DeviantArt)</strong> </li>
<li><strong>Artist&#8217;s DeviantArt <a href="http://mazenl77.deviantart.com/">Profile</a></strong> </li>
</ul>
<p><em>This artist has not published usage guidelines for this work. Use respectfully and give credit to the rightful owner of the work. </em></p>
<p><a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Twitter" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/slashdot?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Slashdot" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/slashdot.png" width="16" height="16" alt="Slashdot"/></a> <a href="http://www.addtoany.com/add_to/instapaper?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Instapaper" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/instapaper.png" width="16" height="16" alt="Instapaper"/></a> <a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Digg" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/digg.png" width="16" height="16" alt="Digg"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Facebook" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/mixx?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Mixx" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/mixx.png" width="16" height="16" alt="Mixx"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Delicious" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/reddit?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Reddit" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/reddit.png" width="16" height="16" alt="Reddit"/></a> <a href="http://www.addtoany.com/add_to/friendfeed?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="FriendFeed" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/friendfeed.png" width="16" height="16" alt="FriendFeed"/></a> <a href="http://www.addtoany.com/add_to/google_buzz?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Google Buzz" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/google_buzz.png" width="16" height="16" alt="Google Buzz"/></a> <a href="http://www.addtoany.com/add_to/stumbleupon?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="StumbleUpon" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/stumbleupon.png" width="16" height="16" alt="StumbleUpon"/></a> <a href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F24%2Fgreat-icons-nx10-by-mazenl77-free%2F&amp;linkname=Great%20Black%20Icons%3A%20NX10%20by%20MazeNL77%20%5BFree%5D" title="Evernote" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/evernote.png" width="16" height="16" alt="Evernote"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://aceontech.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://aceontech.com/2008/01/24/great-icons-nx10-by-mazenl77-free/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS: Strip Away all Styling</title>
		<link>http://aceontech.com/2008/01/18/css-strip-away-all-styling/</link>
		<comments>http://aceontech.com/2008/01/18/css-strip-away-all-styling/#comments</comments>
		<pubDate>Fri, 18 Jan 2008 22:33:19 +0000</pubDate>
		<dc:creator>Ace</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[initialization]]></category>
		<category><![CDATA[nullification]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.ace-on-tech.com/2008/01/18/css-strip-away-all-styling/</guid>
		<description><![CDATA[Every browser has its own set of default styling for web pages. In case a particular website doesn&#8217;t provide enough styling for a certain element, it applies these instead. The differences between browsers can result into unforeseen results. A good &#8230; <a href="http://aceontech.com/2008/01/18/css-strip-away-all-styling/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Every browser has its own set of default styling for web pages. In case a particular website doesn&#8217;t provide enough styling for a certain element, it applies these instead. The differences between browsers can result into unforeseen results. A good example of this behavior is the difference in margins and paddings defined for lists (&lt;ul&gt;, &lt;ol&gt;, &lt;dl&gt;).</p>
<p>One technique you could use is:</p>
<pre language="CSS" line="1">* {
	margin: 0; padding: 0;
} </pre>
<p>Yes, this will neutralize everything to 0 margin and padding, but it&#8217;ll also have its effects on headings, forms, blockquotes, etc. Everything will be aligned crisply to the left side of the page, while this may not entirely be your intention.</p>
<pre language="CSS" line="1">@charset &quot;utf-8&quot;;
/*-- Initialization Stylesheet --*/

/* v2.1, by Faruk Ates - www.kurafire.net
   Addendum by Robert Nyman - www.robertnyman.com */

/* Neutralize styling:
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: medium Calibri, Arial, Verdana, Helvetica, sans-serif;
}

/* Neutralize styling:
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

/* Form field text-scaling */
input, select, textarea {
	font-size: 100%;
}</pre>
<p><a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Twitter" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/slashdot?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Slashdot" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/slashdot.png" width="16" height="16" alt="Slashdot"/></a> <a href="http://www.addtoany.com/add_to/instapaper?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Instapaper" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/instapaper.png" width="16" height="16" alt="Instapaper"/></a> <a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Digg" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/digg.png" width="16" height="16" alt="Digg"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Facebook" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/mixx?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Mixx" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/mixx.png" width="16" height="16" alt="Mixx"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Delicious" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/reddit?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Reddit" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/reddit.png" width="16" height="16" alt="Reddit"/></a> <a href="http://www.addtoany.com/add_to/friendfeed?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="FriendFeed" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/friendfeed.png" width="16" height="16" alt="FriendFeed"/></a> <a href="http://www.addtoany.com/add_to/google_buzz?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Google Buzz" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/google_buzz.png" width="16" height="16" alt="Google Buzz"/></a> <a href="http://www.addtoany.com/add_to/stumbleupon?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="StumbleUpon" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/stumbleupon.png" width="16" height="16" alt="StumbleUpon"/></a> <a href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Faceontech.com%2F2008%2F01%2F18%2Fcss-strip-away-all-styling%2F&amp;linkname=CSS%3A%20Strip%20Away%20all%20Styling" title="Evernote" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/evernote.png" width="16" height="16" alt="Evernote"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://aceontech.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://aceontech.com/2008/01/18/css-strip-away-all-styling/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS property allows downloadable fonts</title>
		<link>http://aceontech.com/2007/10/07/css-property-allows-downloadable-fonts/</link>
		<comments>http://aceontech.com/2007/10/07/css-property-allows-downloadable-fonts/#comments</comments>
		<pubDate>Sun, 07 Oct 2007 20:41:38 +0000</pubDate>
		<dc:creator>Ace</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.ace-on-tech.com/2007/10/07/css-property-allows-downloadable-fonts/</guid>
		<description><![CDATA[clipped from www.simplebits.com Webkit now supports the @font-face CSS property, enabling the designer to specify downloadable fonts in their web pages. The worry that all web pages will be suddently ruined with crappy free fonts everywhere overshadows the fact that &#8230; <a href="http://aceontech.com/2007/10/07/css-property-allows-downloadable-fonts/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<table style="clear: left; border: 4px solid #e5e5e5; margin: 12px 0px; background: #ffffff none repeat scroll 0% 50%; font-family: arial; color: #333333; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 100%" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<table class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px; background-color: #ffffff" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<table style="border-bottom: 1px solid #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee; background-image: url('http://clipmarks.com/images/source-bg.gif'); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><a href="http://clipmarks.com/clipmark/A0F57D15-B8B6-4597-91D1-6BF13E76BE45/" title="go to this clipmark"><img src="http://content.clipmarks.com/blog_icon/338b1308-4892-4e95-afc0-689bae308f05/A0F57D15-B8B6-4597-91D1-6BF13E76BE45/" style="border: medium none ; margin: 0px 4px; vertical-align: middle; display: inline; float: none" border="0" height="19" width="19" /></a>clipped from <a href="http://www.simplebits.com/notebook/2007/10/05/fonts.html" title="http://www.simplebits.com/notebook/2007/10/05/fonts.html" style="font-size: 11px">www.simplebits.com</a></td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.simplebits.com/notebook/2007/10/05/fonts.html --><a href="http://webkit.org/blog/124/downloadable-fonts/">Webkit now supports the <code>@font-face</code> <abbr>CSS</abbr> property</a>, enabling the designer to specify downloadable fonts in their web pages.</td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.simplebits.com/notebook/2007/10/05/fonts.html -->The worry that all web pages will be suddently ruined with crappy free fonts everywhere overshadows the fact that some good can come out of the ability to at least have a choice to use those crappy (and/or potential useful) fonts. Give us all a chance, eh?</td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.simplebits.com/notebook/2007/10/05/fonts.html -->imagine using a downloadble dingbat font for displaying icons instead of GIF or JPEG images.  Suddenly text <em>and</em> icons become truly scalable together.</td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.simplebits.com/notebook/2007/10/05/fonts.html -->Finally a way to make MySpace look even worse (-;</td>
</tr>
</table>
</td>
</tr>
</table>
<p style="margin: 0px 6px 6px 4px">
<table style="padding: 0px; font-size: 11px; border-spacing: 0px" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="border-width: 0px; padding: 0px; background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial"></td>
<td style="border-width: 0px; padding: 0px; background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 107px" align="right" width="107"><a href="http://clipmarks.com/share/A0F57D15-B8B6-4597-91D1-6BF13E76BE45/blog/" title="blog or email this clip"><img src="http://content3.clipmarks.com/images/c2b-foot.png" alt="blog it" style="border-width: 0px; margin: 0px; padding: 0px" border="0" height="17" width="107" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
<p>WebKit is the open source browser engine driving many Mac OS X applications like Safari (the browser), Dashboard, Mail, etc., and is a derivative of KDE (familiar to some geeks) technology.</p>
<p>Without wanting to sound ignorant, but I haven&#8217;t really kept up with Apple software, so if I&#8217;m completely honest, I must admit I wasn&#8217;t aware of WebKit and looked it up. That put aside, as the folks at SimpleBits suggest, this property raises excitement amongst the web design addicts. It&#8217;s so enticing because as a web designer, you want your creation to strike the users in all glory, fonts-galore included. The latter has always been a problem due to the variety of systems and browsers roaming the Internet and inherently, because of this variety, one webpage can look 10 times different in 10 different setups. To aid this, the @font-face property allows the designer to designate a single font which will automatically be downloaded in case the visitor doesn&#8217;t come equipped with it.</p>
<p>While this may sound like utter web developer ecstasy, the Internet could (and more like will) become (even more, if at all possible) contaminated with sickening free fonts/dingbats. Amateur wannabe designers will indeed, as stated in the last remark, be given the opportunity to make MySpace look even worse.</p>
<p><a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Twitter" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/slashdot?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Slashdot" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/slashdot.png" width="16" height="16" alt="Slashdot"/></a> <a href="http://www.addtoany.com/add_to/instapaper?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Instapaper" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/instapaper.png" width="16" height="16" alt="Instapaper"/></a> <a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Digg" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/digg.png" width="16" height="16" alt="Digg"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Facebook" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/mixx?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Mixx" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/mixx.png" width="16" height="16" alt="Mixx"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Delicious" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/reddit?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Reddit" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/reddit.png" width="16" height="16" alt="Reddit"/></a> <a href="http://www.addtoany.com/add_to/friendfeed?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="FriendFeed" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/friendfeed.png" width="16" height="16" alt="FriendFeed"/></a> <a href="http://www.addtoany.com/add_to/google_buzz?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Google Buzz" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/google_buzz.png" width="16" height="16" alt="Google Buzz"/></a> <a href="http://www.addtoany.com/add_to/stumbleupon?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="StumbleUpon" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/stumbleupon.png" width="16" height="16" alt="StumbleUpon"/></a> <a href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fcss-property-allows-downloadable-fonts%2F&amp;linkname=CSS%20property%20allows%20downloadable%20fonts" title="Evernote" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/evernote.png" width="16" height="16" alt="Evernote"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://aceontech.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://aceontech.com/2007/10/07/css-property-allows-downloadable-fonts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mistakes (web) designers make</title>
		<link>http://aceontech.com/2007/10/07/mistakes-web-designers-make/</link>
		<comments>http://aceontech.com/2007/10/07/mistakes-web-designers-make/#comments</comments>
		<pubDate>Sun, 07 Oct 2007 19:53:48 +0000</pubDate>
		<dc:creator>Ace</dc:creator>
				<category><![CDATA[Web Development & Design]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.ace-on-tech.com/2007/10/07/mistakes-web-designers-make/</guid>
		<description><![CDATA[It&#8217;s funny how recognizable these mistakes are, as I usually get worked up when I encounter these dorky mistakes and near-instantaneously click the back-button. To me these are obvious mistakes, yet oh so omni-present. PDF files are print, not online &#8230; <a href="http://aceontech.com/2007/10/07/mistakes-web-designers-make/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s funny how recognizable these mistakes are, as I usually get worked up when I encounter these dorky mistakes and near-instantaneously click the back-button. To me these are obvious mistakes, yet oh so omni-present.</p>
<ol></ol>
<ul>
<li>PDF files are print, not online reading<br />
&#8211; Agreed. There&#8217;s nothing worse than plowing through a big-butted PDF that takes ages to load (don&#8217;t get me started on the way Adobe Reader loads every page individually whilst scrolling&#8230;)</li>
<li>Don&#8217;t violate design conventions<br />
&#8211; While you might think putting your navigational elements at the far bottom of the page is <em>cool</em>, I think your page isn&#8217;t worth browsing through to look for them.</li>
<li>Don&#8217;t use totally wrong color-themes, like white on yellow (no!)<br />
&#8211; It really <em>does</em> hurt to read yellow text on a white backgroud, believe me.</li>
<li>Make your text scan-able<br />
&#8211; Or at least make an effort.</li>
<li>Don&#8217;t use fixed font sizes<br />
&#8211; No, this does not only apply to old people, since I&#8217;m the kind of person who likes to enlarge text on a website for prolonged reading. I do this so I won&#8217;t strain my eyes for too long, as I use a pretty high screen resolution. I&#8217;m sure others agree it&#8217;s not very agreable to read a wall of text at a font size of 8 or 10. Spare me or I&#8217;ll click away (it&#8217;s fine to design this way, but please, let me use my &#8216;CTRL-+&#8217;, thank you).</li>
</ul>
<ol></ol>
<p>Follow the link below for the complete article:</p>
<table style="clear: left; border: 4px solid #e5e5e5; margin: 12px 0px; background: #ffffff none repeat scroll 0% 50%; font-family: arial; color: #333333; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 100%" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<table class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px; background-color: #ffffff" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top">
<table style="border-bottom: 1px solid #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee; background-image: url('http://clipmarks.com/images/source-bg.gif'); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><a href="http://clipmarks.com/clipmark/191BE5B9-141B-4E83-8B69-3E53219878A8/" title="go to this clipmark"><img src="http://content.clipmarks.com/blog_icon/f9b1e4cc-db57-4084-b238-890a6ba4e106/191BE5B9-141B-4E83-8B69-3E53219878A8/" style="border: medium none ; margin: 0px 4px; vertical-align: middle; display: inline; float: none" border="0" height="19" width="19" /></a>clipped from <a href="http://www.articlefollow.com/article/283411/" title="http://www.articlefollow.com/article/283411/" style="font-size: 11px">www.articlefollow.com</a></td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.articlefollow.com/article/283411/ -->Users hate coming across a PDF file while browsing</td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.articlefollow.com/article/283411/ -->PDF is an undifferentiated blob of content</td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.articlefollow.com/article/283411/ -->Oops, maybe if I let go of this apple, it will turn into a tomato and jump a mile into the sky.</td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.articlefollow.com/article/283411/ -->They (users) form their expectations for your site based on what&#8217;s commonly done on most other sites</td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.articlefollow.com/article/283411/ -->A wall of text is deadly</td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.articlefollow.com/article/283411/ -->Intimidating. Boring. Painful to read.</td>
</tr>
</table>
<table style="border: medium none ; margin: 4px 0px 8px; padding: 0px 8px; background: transparent none repeat scroll 0% 50%; text-align: left; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top"><!-- CLIPPED FROM: http://www.articlefollow.com/article/283411/ -->Respect the user&#8217;s preferences and let them resize text as needed. Also, specify font sizes in relative terms</td>
</tr>
</table>
</td>
</tr>
</table>
<p style="margin: 0px 6px 6px 4px">
<table style="padding: 0px; font-size: 11px; border-spacing: 0px" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="border-width: 0px; padding: 0px; background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial">&nbsp;</td>
<td style="border-width: 0px; padding: 0px; background: transparent none repeat scroll 0% 50%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 107px" align="right" width="107"><a href="http://clipmarks.com/share/191BE5B9-141B-4E83-8B69-3E53219878A8/blog/" title="blog or email this clip"><img src="http://content5.clipmarks.com/images/c2b-foot.png" alt="blog it" style="border-width: 0px; margin: 0px; padding: 0px" border="0" height="17" width="107" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
<p><a href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Twitter" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a> <a href="http://www.addtoany.com/add_to/slashdot?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Slashdot" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/slashdot.png" width="16" height="16" alt="Slashdot"/></a> <a href="http://www.addtoany.com/add_to/instapaper?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Instapaper" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/instapaper.png" width="16" height="16" alt="Instapaper"/></a> <a href="http://www.addtoany.com/add_to/digg?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Digg" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/digg.png" width="16" height="16" alt="Digg"/></a> <a href="http://www.addtoany.com/add_to/facebook?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Facebook" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/facebook.png" width="16" height="16" alt="Facebook"/></a> <a href="http://www.addtoany.com/add_to/mixx?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Mixx" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/mixx.png" width="16" height="16" alt="Mixx"/></a> <a href="http://www.addtoany.com/add_to/delicious?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Delicious" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/delicious.png" width="16" height="16" alt="Delicious"/></a> <a href="http://www.addtoany.com/add_to/reddit?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Reddit" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/reddit.png" width="16" height="16" alt="Reddit"/></a> <a href="http://www.addtoany.com/add_to/friendfeed?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="FriendFeed" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/friendfeed.png" width="16" height="16" alt="FriendFeed"/></a> <a href="http://www.addtoany.com/add_to/google_buzz?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Google Buzz" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/google_buzz.png" width="16" height="16" alt="Google Buzz"/></a> <a href="http://www.addtoany.com/add_to/stumbleupon?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="StumbleUpon" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/stumbleupon.png" width="16" height="16" alt="StumbleUpon"/></a> <a href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Faceontech.com%2F2007%2F10%2F07%2Fmistakes-web-designers-make%2F&amp;linkname=Mistakes%20%28web%29%20designers%20make" title="Evernote" rel="nofollow" target="_blank"><img src="http://aceontech.com/wp-content/plugins/add-to-any/icons/evernote.png" width="16" height="16" alt="Evernote"/></a> <a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://aceontech.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://aceontech.com/2007/10/07/mistakes-web-designers-make/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
