<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Open USA &#38; Worldwide usability design blog</title>
	<atom:link href="http://webusabilityhelp.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://webusabilityhelp.wordpress.com</link>
	<description>Just another WordPress.com weblog</description>
	<lastBuildDate>Tue, 24 Feb 2009 15:54:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='webusabilityhelp.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Open USA &#38; Worldwide usability design blog</title>
		<link>http://webusabilityhelp.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://webusabilityhelp.wordpress.com/osd.xml" title="Open USA &#38; Worldwide usability design blog" />
	<atom:link rel='hub' href='http://webusabilityhelp.wordpress.com/?pushpress=hub'/>
		<item>
		<title>VISTO to Acquire Good Technology From Motorola</title>
		<link>http://webusabilityhelp.wordpress.com/2009/02/24/visto-to-acquire-good-technology-from-motorola/</link>
		<comments>http://webusabilityhelp.wordpress.com/2009/02/24/visto-to-acquire-good-technology-from-motorola/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 15:31:46 +0000</pubDate>
		<dc:creator>Sanjeev</dc:creator>
				<category><![CDATA[Internet Marketing]]></category>
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://webusabilityhelp.wordpress.com/2009/02/24/visto-to-acquire-good-technology-from-motorola/</guid>
		<description><![CDATA[Acquisition will extend VISTO's mobility offerings and expand its base of customers to include many of the Fortune 500<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=10&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>VISTO®, a leading mobile push and synchronization platform for service providers, today announced that it has entered into a definitive agreement to acquire Good Technology from Motorola, Inc. (NYSE: <a href="http://finance.yahoo.com/q?s=mot&amp;d=t">MOT</a> &#8211; <a href="http://finance.yahoo.com/q/h?s=mot">News</a>). This acquisition immediately positions VISTO as a global leader in the delivery of a full range of secure, mobile messaging solutions for enterprises through mobile operators and OEM handset manufacturers.</p>
<p>The terms of the transaction were not disclosed. The parties intend to close the transaction by the end of February.</p>
<p>&#8220;This transaction marks another important milestone in VISTO&#8217;s emergence as a worldwide leader for mobile access to applications and content, especially messaging and collaboration data. Good&#8217;s robust enterprise and government solution will complement VISTO&#8217;s strong operator presence in business and consumer markets,&#8221; said Brian A. Bogosian, CEO of VISTO. &#8220;As a result of this transaction, VISTO will now provide customers in over 100 countries an open, robust and secure mobile experience for enterprise customers, on over 400 different mobile devices.&#8221;</p>
<p>Good Technology specializes in offering wireless messaging, mobile VPN data access, device management and handheld security for enterprise customers worldwide. The addition of Good&#8217;s extensive service offerings in the U.S. Europe and Asia will enable VISTO to provide its government and enterprise customers with the benefits of a broader range of solutions and best-in-class secure mobile offerings.</p>
<p>VISTO has extensive relationships with mobile operators throughout Europe, North America, and Asia.  Good, through its relationships with U.S. Mobile Carriers, has implementations with thousands of enterprises, including many of the Fortune 500 with a high concentration of the Fortune 50.</p>
<p>&#8220;We believe that this transaction is in the best interest of our customers, employees and shareholders,&#8221; said Gene Delaney, president, Enterprise Mobility Solutions, Motorola, Inc. &#8220;VISTO&#8217;s acquisition of Good will allow Motorola to continue to concentrate on providing best-in-class business-critical applications, secure management platforms and mobility services that empower the individual with the right information at the right time to streamline business processes and improve results.&#8221;</p>
<p>About VISTO</p>
<p>VISTO a leading provider of mobile push synchronization platform and service provider, enables mobile operators to provide easy-to-use communications services from email to social networking to photo sharing across the broadest set of devices. The Company&#8217;s patented VISTO Mobile(TM) platform with ConstantSync(TM) technology works in real time with popular email and social networking services for personal and business use, providing maximum control and flexibility for the operator and choice for the customer. VISTO&#8217;s customized, brandable solutions are available through mobile operators worldwide including AT&amp;T, Elisa, Rogers Wireless, Qtel, SmarTone, SFR, Softbank Mobile, Sprint, TELUS, T-Mobile, Turkcell and the Vodafone Group.</p>
<p>Established in 1996 and headquartered in Redwood Shores, California, VISTO has offices in Seattle, Toronto, London, Milan, Paris, Madrid, Dusseldorf, and Tianjin, China. The Company is backed by Oak Investment Partners, Draper Fisher Jurvetson, Altitude Capital Partners, Meritech Capital Partners, DFJ ePlanet Ventures, DFJ Growth Fund, Rustic Canyon Ventures, GKM Newport, Stanford Accelerator and Blueprint Ventures. For more information, visit <a href="http://www.visto.com/">http://www.visto.com</a> or email <a href="mailto:info@visto.com">info@visto.com</a>.</p>
<p>About Motorola</p>
<p>Motorola is known around the world for innovation in communications and is focused on advancing the way the world connects. From broadband communications infrastructure, enterprise mobility and public safety solutions to high- definition video and mobile devices, Motorola is leading the next wave of innovations that enable people, enterprises and governments to be more connected and more mobile. Motorola (NYSE: <a href="http://finance.yahoo.com/q?s=mot&amp;d=t">MOT</a> &#8211; <a href="http://finance.yahoo.com/q/h?s=mot">News</a>) had sales of US $30.1 billion in 2008. For more information, please visit <a href="http://www.motorola.com/">http://www.motorola.com</a>.</p>
<p>Forward-Looking Statements</p>
<p>Certain statements contained in this press release, including the expected timetable for completing the proposed transaction, future financial and operating results, benefits and synergies of the transaction, future opportunities and offerings for the combined company and products, any other statements regarding Motorola&#8217;s or VISTO&#8217;s future expectations, beliefs, goals or prospects, and any statements that are not statements of historical facts might be considered forward-looking statements. While these forward-looking statements represent managements&#8217; current judgment of future events, they are subject to risks and uncertainties that could cause actual results to differ materially from those stated in the forward-looking statements. Important factors that could cause actual results or events to differ materially from those indicated by such forward-looking statements, include: (i) the parties&#8217; ability to consummate the transaction; (ii) the conditions to the completion of the transaction may not be satisfied; (iii) the possibility that the parties may be unable to achieve expected synergies and operating efficiencies within expected time-frames or at all; (iv) VISTO&#8217;s ability to successfully integrate Motorola&#8217;s Good Technology operations into those of VISTO and the possibility that such integration may be more difficult, time-consuming or costly than expected; (v) revenues following the transaction may be lower than expected; (vi) operating costs, customer loss and business disruption (including, without limitation, difficulties in maintaining relationships with employees, customers, clients or suppliers) may be greater than expected following the transaction; (vii) the retention of certain key employees within Motorola&#8217;s Good Technology Group; (viii) the inability to protect either party&#8217;s intellectual property rights may weaken its competitive position; (ix) the general outlook for the economy and the industry in which the combined business will operate; (x) other factors, including factors described in Motorola&#8217;s Annual Report on Form 10-K for the year ended December 31, 2008 and its subsequent reports filed with the SEC. Motorola and VISTO assume no obligation to update or revise any forward-looking statement in this press release, and such forward-looking statements speak only as of the date hereof.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/webusabilityhelp.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/webusabilityhelp.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/webusabilityhelp.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/webusabilityhelp.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/webusabilityhelp.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/webusabilityhelp.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/webusabilityhelp.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/webusabilityhelp.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/webusabilityhelp.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/webusabilityhelp.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/webusabilityhelp.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/webusabilityhelp.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/webusabilityhelp.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/webusabilityhelp.wordpress.com/10/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=10&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://webusabilityhelp.wordpress.com/2009/02/24/visto-to-acquire-good-technology-from-motorola/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b540dd7b8ba1cdbfeb727d65a47ebfc1?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">webusabilityhelp</media:title>
		</media:content>
	</item>
		<item>
		<title>Apple launches a new iTunes Pass feature for groupies</title>
		<link>http://webusabilityhelp.wordpress.com/2009/02/24/apple-launches-a-new-itunes-pass-feature-for-groupies/</link>
		<comments>http://webusabilityhelp.wordpress.com/2009/02/24/apple-launches-a-new-itunes-pass-feature-for-groupies/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 15:29:44 +0000</pubDate>
		<dc:creator>Sanjeev</dc:creator>
				<category><![CDATA[Internet Marketing]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://webusabilityhelp.wordpress.com/2009/02/24/apple-launches-a-new-itunes-pass-feature-for-groupies/</guid>
		<description><![CDATA[Is there an artist you love? I mean really love, as in you’ll buy anything they do before you have any idea what it is? A lot of people probably do, and for them, Apple has a new feature on iTunes called “iTunes Pass.”<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=9&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Is there an artist you love? I mean really love, as in you’ll buy anything they do before you have any idea what it is? A lot of people probably do, and for them, Apple has a new feature on iTunes called “iTunes Pass.”</p>
<p>While the idea behind this new service seems a bit vague, as I understand it, you buy this pass for a certain artist or group and you’ll automatically receive anything new that they release into the iTunes store during a set period of time. You might think of it like a season pass for a television show on iTunes, except this is for music. Apparently, it can include albums, special tracks, remixes, videos and more.</p>
<p>Unfortunately, right now if you want to try out iTunes Pass you have one option: Depeche Mode. The band’s newest album <em>Sounds of the Universe</em> is being offered as part of the first iTunes pass. For $18.99, you get access to the first single right now as well as another track that regular pre-orderers won’t get. And when the album comes out, you’ll obviously get that too.</p>
<p>As I mentioned, you’ll also get any bonus material and things such as music videos that come out before the pass expires on June 16, 2009 (it’s not clear why they picked that date). All content obtained through this pass is iTunes Plus, meaning it has no digital rights management (DRM) protection on it, and is in the highest quality that iTunes offers.</p>
<p><a href="http://venturebeat.com/wp-content/uploads/2009/02/depeche.png"><img class="alignnone size-full wp-image-104326" title="depeche" src="http://venturebeat.com/wp-content/uploads/2009/02/depeche.png" alt="" width="580" height="252" /></a><a onclick="return mugicPopWin(this,event);" oncontextmenu="mugicRightClick(this);" href="http://itunes.apple.com/WebObjects/MZStore.woa/wa/iTunesPassLearnMorePage">This page</a> on iTunes has a bit more information about iTunes Pass. Apparently, there are no refunds, returns or cancellations of iTunes Passes. Like season passes for iTunes television shows, iTunes Passes will email you when new content is available and automatically download it if you choose. And the page contains this rather odd statement:</p>
<blockquote><p>The purchase price of iTunes Pass will not exceed the fair market value of individual items offered as part of iTunes Pass.</p></blockquote>
<p>Okay, so iTunes won’t rip you off if you sign up for this pass. Good to know, I guess.</p>
<p>I suppose this is an interesting idea for super-fans of select artists, but for most people, I think the a la carte option of regular iTunes will be just fine.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/webusabilityhelp.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/webusabilityhelp.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/webusabilityhelp.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/webusabilityhelp.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/webusabilityhelp.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/webusabilityhelp.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/webusabilityhelp.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/webusabilityhelp.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/webusabilityhelp.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/webusabilityhelp.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/webusabilityhelp.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/webusabilityhelp.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/webusabilityhelp.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/webusabilityhelp.wordpress.com/9/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=9&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://webusabilityhelp.wordpress.com/2009/02/24/apple-launches-a-new-itunes-pass-feature-for-groupies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b540dd7b8ba1cdbfeb727d65a47ebfc1?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">webusabilityhelp</media:title>
		</media:content>

		<media:content url="http://venturebeat.com/wp-content/uploads/2009/02/depeche.png" medium="image">
			<media:title type="html">depeche</media:title>
		</media:content>
	</item>
		<item>
		<title>Safari 4 come back with UPDATE</title>
		<link>http://webusabilityhelp.wordpress.com/2009/02/24/safari4-come-back-with-update/</link>
		<comments>http://webusabilityhelp.wordpress.com/2009/02/24/safari4-come-back-with-update/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 15:27:27 +0000</pubDate>
		<dc:creator>Sanjeev</dc:creator>
				<category><![CDATA[Internet Marketing]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Safari]]></category>

		<guid isPermaLink="false">http://webusabilityhelp.wordpress.com/?p=7</guid>
		<description><![CDATA[Welcome to the future, Safari fans, because the Safari 4 beta just hit the download shelves and it’s ready to tear some things up in Tiger and Leopard and even Windows. The download requires the latest security patch (2009-01) but other than that you’re ready to ride. Guess what? Javascript is 4X faster!<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=7&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div class="entry">
<p><a href="http://www.crunchgear.com/wp-content/uploads/2009/02/overview-hero-image2-20090217.png"><img class="aligncenter size-full wp-image-74474" title="overview-hero-image2-20090217" src="http://www.crunchgear.com/wp-content/uploads/2009/02/overview-hero-image2-20090217.png" alt="overview-hero-image2-20090217" width="550" height="429" /></a></p>
<p>Welcome to the future, Safari fans, because the Safari 4 beta just <a onclick="return mugicPopWin(this,event);" oncontextmenu="mugicRightClick(this);" href="http://www.apple.com/safari/download/">hit the download shelves</a> and it’s ready to tear some things up in Tiger and Leopard and even Windows. The download requires the latest security patch (2009-01) but other than that you’re ready to ride. Guess what? Javascript is 4X faster!</p>
<p>UPDATE &#8211; Now with video.</p>
<p><a href="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledbookmarks-2_jpg.jpg"><img class="aligncenter size-thumbnail wp-image-74479" title="scaledbookmarks-2_jpg" src="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledbookmarks-2_jpg-150x150.jpg" alt="scaledbookmarks-2_jpg" width="150" height="150" /></a><br />
<a href="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledtoptab-2_jpg.jpg"><img class="aligncenter size-thumbnail wp-image-74480" title="scaledtoptab-2_jpg" src="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledtoptab-2_jpg-150x150.jpg" alt="scaledtoptab-2_jpg" width="150" height="150" /></a><a href="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledtophits-2_jpg.jpg"><img class="aligncenter size-thumbnail wp-image-74481" title="scaledtophits-2_jpg" src="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledtophits-2_jpg-150x150.jpg" alt="scaledtophits-2_jpg" width="150" height="150" /></a><a href="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledsearch-2_jpg.jpg"><img class="aligncenter size-thumbnail wp-image-74482" title="scaledsearch-2_jpg" src="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledsearch-2_jpg-150x150.jpg" alt="scaledsearch-2_jpg" width="150" height="150" /></a><br />
And that’s not all. The press release appears below but here are the major updates. I’ll install it and give you the details as soon as everything reboots:</p>
<p>* Top Sites &#8211; a visual representation of all of your frequently visited pages (warning: could be NSFW for some)<br />
* Full History Search &#8211; an index of every single page you’ve visited including titles, URLs, and text<br />
* Cover Flow &#8211; iTunes like browsing for your bookmarks and history<br />
* Tabs on Top &#8211; A more intelligent method for tabbed browsing.</p>
<blockquote><p>Apple Announces Safari 4—The World’s Fastest &amp; Most Innovative Browser<br />
New Nitro Engine Runs JavaScript More Than Four Times Faster</p>
<p>CUPERTINO, California—February 24, 2009—Apple® today announced the public beta of Safari® 4, the world’s fastest and most innovative web browser for Mac® and Windows PCs. The Nitro engine in Safari 4 runs JavaScript 4.2 times faster than Safari 3.* Innovative new features that make browsing more intuitive and enjoyable include Top Sites, for a stunning visual preview of frequently visited pages; Full History Search, to search through titles, web addresses and the complete text of recently viewed pages; Cover Flow®, to easily flip through web history or bookmarks; and Tabs on Top, to make tabbed browsing easier and more intuitive.</p>
<p>“Apple created Safari to bring innovation, speed and open standards back into web browsers, and today it takes another big step forward,” said Philip Schiller, Apple’s senior vice president of Worldwide Product Marketing. “Safari 4 is the fastest and most efficient browser for Mac and Windows, with great integration of HTML 5 and CSS 3 web standards that enables the next generation of interactive web applications.”</p>
<p>Safari 4 is built on the world’s most advanced browser technologies including the new Nitro JavaScript engine that executes JavaScript up to 30 times faster than IE 7 and more than three times faster than Firefox 3. Safari quickly loads HTML web pages three times faster than IE 7 and almost three times faster than Firefox 3.*</p>
<p>Apple is leading the industry in defining and implementing innovative web standards such as HTML 5 and CSS 3 for an entirely new class of web applications that feature rich media, graphics and fonts. Safari 4 includes HTML 5 support for offline technologies so web-based applications can store information locally without an Internet connection, and is the first browser to support advanced CSS Effects that enable highly polished web graphics using reflections, gradients and precision masks. Safari 4 is the first browser to pass the Web Standards Project’s Acid3 test, which examines how well a browser adheres to CSS, JavaScript, XML and SVG web standards that are specifically designed for dynamic web applications.</p>
<p>Safari for Mac, Windows, iPhone™ and iPod® touch are all built on Apple’s WebKit, the world’s fastest and most advanced browser engine. Apple developed WebKit as an open source project to create the world’s best browser engine and to advance the adoption of modern web standards. Most recently, WebKit led the introduction of HTML 5 and CSS 3 web standards and is known for its fast, modern code-base. The industry’s newest browsers are based on WebKit including Google Chrome, the Google Android browser, the Nokia Series 60 browser and Palm webOS.</p>
<p>* Innovative new features in Safari 4 include:<br />
* Top Sites, a display of frequently visited pages in a stunning wall of previews so users can jump to their favorite sites with a single click;<br />
* Full History Search, where users search through titles, web addresses and the complete text of recently viewed pages to easily return to sites they’ve seen before;<br />
* Cover Flow, to make searching web history or bookmarks as fun and easy as paging through album art in iTunes®;<br />
* Tabs on Top, for better tabbed browsing with easy drag-and-drop tab management tools and an intuitive button for opening new ones;<br />
* Smart Address Field, that automatically completes web addresses by displaying an easy-to-read list of suggestions from Top Sites, bookmarks and browsing history;<br />
* Smart Search Field, where users fine-tune searches with recommendations from Google Suggest or a list of recent searches;<br />
* Full Page Zoom, for a closer look at any website without degrading the quality of the site’s layout and text;<br />
* built-in web developer tools to debug, tweak and optimize a website for peak performance and compatibility; and<br />
* a new Windows-native look in Safari for Windows, that uses standard Windows font rendering and native title bar, borders and toolbars so Safari fits the look and feel of other Windows XP and Windows Vista applications.</p>
<p>Pricing &amp; Availability<br />
Safari 4 is a public beta for both Mac OS® X and Windows and is available immediately as a free download at www.apple.com/safari.</p>
<p>Safari 4 for Mac OS X requires Mac OS X Leopard® version 10.5.6 and Security Update 2009-001 or Mac OS X Tiger® version 10.4.11, a minimum 256MB of memory, and is designed to run on any Intel-based Mac or a Mac with a PowerPC G5, G4 or G3 processor and built-in FireWire®. Safari 4 for Windows requires Windows XP SP2 or Windows Vista, a minimum 256MB of memory and a system with at least a 500 MHz Intel Pentium processor. Full system requirements and more information on Safari 4 can be found at www.apple.com/safari.</p>
<p>*Performance will vary based on system configuration, network connection and other factors. All testing conducted on an iMac® 2.8 GHz Intel Core 2 Duo system running Windows Vista, with 2GB of RAM. JavaScript benchmark based on the SunSpider JavaScript Performance test. HTML benchmark based on VeriTest’s iBench Version 5.0 using default settings.</p>
<p>Apple ignited the personal computer revolution in the 1970s with the Apple II and reinvented the personal computer in the 1980s with the Macintosh. Today, Apple continues to lead the industry in innovation with its award-winning computers, OS X operating system and iLife and professional applications. Apple is also spearheading the digital media revolution with its iPod portable music and video players and iTunes online store, and has entered the mobile phone market with its revolutionary iPhone.</p></blockquote>
</div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/webusabilityhelp.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/webusabilityhelp.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/webusabilityhelp.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/webusabilityhelp.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/webusabilityhelp.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/webusabilityhelp.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/webusabilityhelp.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/webusabilityhelp.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/webusabilityhelp.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/webusabilityhelp.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/webusabilityhelp.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/webusabilityhelp.wordpress.com/7/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/webusabilityhelp.wordpress.com/7/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/webusabilityhelp.wordpress.com/7/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=7&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://webusabilityhelp.wordpress.com/2009/02/24/safari4-come-back-with-update/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b540dd7b8ba1cdbfeb727d65a47ebfc1?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">webusabilityhelp</media:title>
		</media:content>

		<media:content url="http://www.crunchgear.com/wp-content/uploads/2009/02/overview-hero-image2-20090217.png" medium="image">
			<media:title type="html">overview-hero-image2-20090217</media:title>
		</media:content>

		<media:content url="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledbookmarks-2_jpg-150x150.jpg" medium="image">
			<media:title type="html">scaledbookmarks-2_jpg</media:title>
		</media:content>

		<media:content url="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledtoptab-2_jpg-150x150.jpg" medium="image">
			<media:title type="html">scaledtoptab-2_jpg</media:title>
		</media:content>

		<media:content url="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledtophits-2_jpg-150x150.jpg" medium="image">
			<media:title type="html">scaledtophits-2_jpg</media:title>
		</media:content>

		<media:content url="http://www.crunchgear.com/wp-content/uploads/2009/02/scaledsearch-2_jpg-150x150.jpg" medium="image">
			<media:title type="html">scaledsearch-2_jpg</media:title>
		</media:content>
	</item>
		<item>
		<title>Yahoo Loses a Deal-Maker, Point-Person in Microsoft talks</title>
		<link>http://webusabilityhelp.wordpress.com/2009/02/24/yahoo-loses-a-deal-maker-point-person-in-microsoft-talks/</link>
		<comments>http://webusabilityhelp.wordpress.com/2009/02/24/yahoo-loses-a-deal-maker-point-person-in-microsoft-talks/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 15:24:38 +0000</pubDate>
		<dc:creator>Sanjeev</dc:creator>
				<category><![CDATA[Internet Marketing]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Yahoo]]></category>

		<guid isPermaLink="false">http://webusabilityhelp.wordpress.com/?p=5</guid>
		<description><![CDATA[As Yahoo chief executive Carol Bartz readies a company-wide reorganization, insiders are playing close attention to how she’ll fill one critical hole.

Gerald Horkan, Yahoo’s senior vice president of corporate strategy, left the company a few weeks ago, according to people familiar with the matter, and hasn’t been replaced.<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=5&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<div class="article story">
<div class="articlePage">
<p><strong>By <a href="mailto:Jessica.Vascellaro@wsj.com">Jessica E. Vascellaro</a></strong></p>
<p>As Yahoo chief executive Carol Bartz readies a company-wide reorganization, insiders are playing close attention to how she’ll fill one critical hole.</p>
<p>Gerald Horkan, Yahoo’s senior vice president of corporate strategy, left the company a few weeks ago, according to people familiar with the matter, and hasn’t been replaced.</p>
<p>Mr. Horkan, who could not be reached for comment, oversaw M&amp;A and corporate strategy at Yahoo and spent much of last year toiling over acquisition talks with Microsoft and other suitors. He joined Yahoo in 2005 after serving in Booz &amp; Co.’s communications, media and technology practice.</p>
<p>Life for Mr. Horkan and his team had quieted down recently. There’s no offer from Microsoft on the table and Ms. Bartz is taking pause to study Yahoo’s businesses.</p>
<p>Still, as investors continue to root for the software and Internet giants to reunite in some sort of deal, Ms. Bartz won’t be able to wait too long to fill Mr. Horkan’s shoes.</p>
<p>Who she picks could set the tone for her strategy ahead. An outsider is likely to be a strong sign she’s eager to toss out Yahoo’s old deal-making playbook, say employees. An insider may suggest she’s fairly content with the current course.</p></div>
</div>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/webusabilityhelp.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/webusabilityhelp.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/webusabilityhelp.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/webusabilityhelp.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/webusabilityhelp.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/webusabilityhelp.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/webusabilityhelp.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/webusabilityhelp.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/webusabilityhelp.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/webusabilityhelp.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/webusabilityhelp.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/webusabilityhelp.wordpress.com/5/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/webusabilityhelp.wordpress.com/5/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/webusabilityhelp.wordpress.com/5/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=5&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://webusabilityhelp.wordpress.com/2009/02/24/yahoo-loses-a-deal-maker-point-person-in-microsoft-talks/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b540dd7b8ba1cdbfeb727d65a47ebfc1?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">webusabilityhelp</media:title>
		</media:content>
	</item>
		<item>
		<title>40 Free Tutorials on Advanced Drawing Techniques</title>
		<link>http://webusabilityhelp.wordpress.com/2009/02/22/40-free-tutorials-on-advanced-drawing-techniques/</link>
		<comments>http://webusabilityhelp.wordpress.com/2009/02/22/40-free-tutorials-on-advanced-drawing-techniques/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 05:50:15 +0000</pubDate>
		<dc:creator>Sanjeev</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://webusabilityhelp.wordpress.com/2009/02/24/40-free-tutorials-on-advanced-drawing-techniques/</guid>
		<description><![CDATA[The traditional form of drawing and sketching is a highly sought after skill. Develop your personal drawing abilities by following this collection of 40 great tutorials on advanced drawing techniques, including general theory, useful tips, comic inspired art and some methods for transforming your creations into digital format.

Author: Chris Spooner<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=20&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<ul class="webroundup">
<li>
<h4>1. How to Draw a Car</h4>
<p>Use a range of pencil drawing techniques to create an American classic, the Corvette. This tutorial from DueysDrawings.com covers the process from roughing out the initial outline through to shading with a range of tones.</p>
<p><a href="http://www.dueysdrawings.com/how_to_draw_a_car.html">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-2.jpg" alt="" /></div>
<h4>2. How to Draw Hair With Naughty-Kitty</h4>
<p>Follow this tutorial by Naughty Kitty to gain some useful tips on recreating Manga inspired hair in a range of styles.</p>
<p><a href="http://www.mangarevolution.com/tutorial_display.php?tutorial_id=63">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-3.jpg" alt="" /></div>
<h4>3. How to Draw Cute Characters</h4>
<p>Learn the tips and techniques in this Manga tutorial to draw a cute female character, paying particular attention to body language and facial features.</p>
<p><a href="http://www.mangarevolution.com/tutorial_display.php?tutorial_id=20">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-4.jpg" alt="" /></div>
<h4>4. Tips for drawing hands</h4>
<p>Discover a range of tips for drawing hands, generated from the artist&#8217;s own experiences. Techniques include foreshortening, drawing nails and finger shapes.</p>
<p><a href="http://www.ratemydrawings.com/tutorials/drawing/138-Tips_for_drawing_hands.html">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-5.jpg" alt="" /></div>
<h4>5. How to Draw a Ninja</h4>
<p>Start by sketching out the wireframe skeleton and work through this tutorial to produce a dynamic ninja character ready for action.</p>
<p><a href="http://www.dragoart.com/tuts/874/1/1/how-to-draw-a-ninja.htm">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-6.jpg" alt="" /></div>
<h4>6. Traditional Sketch Rendering</h4>
<p>Swedish designer Mikael Lugnegard shows us his techniques for creating a traditional sketch render of a BMW car concept.</p>
<p><a href="http://www.designertechniques.com/tutorials/mikaellugnegardtraditionalrendering01-page1.htm">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-7.jpg" alt="" /></div>
<h4>7. How to Create a Three Color Wolf Skull in Illustrator</h4>
<p>Use a Wacom tablet directly in Adobe Illustrator to trace a reference photo and shade the illustration with a range of hatch lines.</p>
<p><a href="http://vectortuts.com/tutorials/illustration/how-to-create-a-three-color-wolf-skull-in-illustrator/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-8.jpg" alt="" /></div>
<h4>8. Inking and Coloring the Comic Strip The Brads</h4>
<p>Follow tips from cartoonist Brad Colbow to discover how to create your own comic strip.</p>
<p><a href="http://vectortuts.com/illustration/inking-and-coloring-the-comic-strip-the-brads/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-9.jpg" alt="" /></div>
<h4>9. Drawing the Human Eye</h4>
<p>Pay close attention to the anatomical structure of the eye and follow tips in this tutorial to produce a highly realistic sketch of a human eye.</p>
<p><a href="http://www.onlypencil.com/blog/tutorials/drawing-the-human-eye/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-10.jpg" alt="" /></div>
<h4>10. Eye drawing tutorial by Lianne</h4>
<p>Follow this tutorial from Lianneissa.com to draw a detailed female eye from scratch.</p>
<p><a href="http://www.stars-portraits.com/en/tutorial/draw-eye-tutorial.php">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-11.jpg" alt="" /></div>
<h4>11. A Pseudo-Sugar Skull: From Start to Finish.</h4>
<p>Create a highly detailed sugar skull illustration by following this expert tutorial, with details on the process from sketch to final digital design.</p>
<p><a href="http://www.gomediazine.com/tutorials/a-pseudo-sugar-skull-from-start-to-finish/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-12.jpg" alt="" /></div>
<h4>12. Comic Book Style Graphic Design.</h4>
<p>Discover useful tips and techniques while following this design process of drawing a stunning comic book style character.</p>
<p><a href="http://www.gomediazine.com/tutorials/comic_book_style/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-13.jpg" alt="" /></div>
<h4>13. From Sketch to Vector Illustration.</h4>
<p>Follow these tips on producing impactful digital creations starting from a hand drawn sketch.</p>
<p><a href="http://www.gomediazine.com/tutorials/from-sketch-to-vector-illustration/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-14.jpg" alt="" /></div>
<h4>14. Character Drawing.</h4>
<p>Follow this artist&#8217;s personal recommendations and tips on creating your own characters.</p>
<p><a href="http://www.foxprints.com/tracy/misc/tutorial/char_drawing.html">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-15.jpg" alt="" /></div>
<h4>15. Create Your Own Impressive Cartoon Character.</h4>
<p>Create your own character by following these tutorial steps, starting with a skeletal framework to build the cartoon features.</p>
<p><a href="http://www.rottentoons.com/how-to-draw-a-cartoon.html">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-16.jpg" alt="" /></div>
<h4>16. Sketching Figures with Lines.</h4>
<p>Although the site requires an account, this extensive collection of tutorials is extremely useful for anyone looking to improve their drawing skills.</p>
<p><a href="http://www.drawspace.com/lessons/lesson.php?id=h13">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-17.jpg" alt="" /></div>
<h4>17. How to Draw a Fashion Figure.</h4>
<p>Watch this simple video tutorial to learn how to use existing reference imagery to trace a fashion inspired sketch.</p>
<p><a href="http://www.wonderhowto.com/how-to/video/how-to-draw-a-fashion-figure-130763/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-18.jpg" alt="" /></div>
<h4>18. Figure drawing video tutorial.</h4>
<p>View this figure drawing video lesson with Matthew Achambault to gain a useful insight into life figure drawing.</p>
<p><a href="http://graphics-illustrations.com/2007/07/15/figure-drawing-video-tutorial/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-19.jpg" alt="" /></div>
<h4>19. How to Draw a Head.</h4>
<p>This useful series of video tutorials cover some highly useful tips for drawing a human head.</p>
<p><a href="http://media.academyart.edu/freeclass/index.html">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-20.jpg" alt="" /></div>
<h4>20. The Dragon Tutorial.</h4>
<p>Pick up some techniques in this dragon inspired tutorial that can be put into practice in your own fantasy drawings.</p>
<p><a href="http://neondragonart.com/dp/tutorials/dragon.htm">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-21.jpg" alt="" /></div>
<h4>21. Leather Wings.</h4>
<p>Aimed directly at drawing wings, pick up some ideas and techniques for drawing realistic wing frameworks.</p>
<p><a href="http://neondragonart.com/dp/tutorials/wing.htm">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-22.jpg" alt="" /></div>
<h4>22. The Human Body.</h4>
<p>Learn the stages of drawing dummy frameworks in order to produce realistically proportioned figures.</p>
<p><a href="http://neondragonart.com/dp/tutorials/body.htm">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-23.jpg" alt="" /></div>
<h4>23. Pencil Sketching.</h4>
<p>Including a range of theory and practical advice, read this article to gather together some interesting nuggets of knowledge.</p>
<p><a href="http://www.elfwood.com/farp/sketching/sketching.html">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-24.jpg" alt="" /></div>
<h4>24. Drawing Hair in Pencil.</h4>
<p>Drawing hair is hard work, but these useful tips you&#8217;ll be creating extremely realistic hair in your drawings in no time.</p>
<p><a href="http://www.elfwood.com/farp/theart/maeryhair/maeryhair.html">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-25.jpg" alt="" /></div>
<h4>25. Drawing Hands Tutorial.</h4>
<p>A common difficulty in pencil drawing is the recreation of hands, pick up some great tips and techniques from this overview.</p>
<p><a href="http://zue.deviantart.com/art/Tutorial-Drawing-Hands-37882731">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-26.jpg" alt="" /></div>
<h4>26. Drawing Detailed Hair.</h4>
<p>Follow this multi-part tutorial for more tips on creating highly realistic hair on your subjects.</p>
<p><a href="http://cataclysm-x.deviantart.com/art/Tutorial-Detailed-Hair-part-1-72642274">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-27.jpg" alt="" /></div>
<h4>27. Myth&#8217;s Dragon Tutorial.</h4>
<p>This artist breaks down the process of drawing a fantasy creature into easily followable steps.</p>
<p><a href="http://mythori.deviantart.com/art/Myth-s-Dragon-Tutorial-Part-1-29526696">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-28.jpg" alt="" /></div>
<h4>28. General Sketching Tips.</h4>
<p>Learn various sketching techniques in this tutorial, with focus on creating a great looking character.</p>
<p><a href="http://popcornfuzzy.deviantart.com/art/Tutorial-1-Sketching-63109403">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-29.jpg" alt="" /></div>
<h4>29. Proportions.</h4>
<p>These five techniques will help get to grips with proportions in your drawings, an excellent roundup with plenty of tips.</p>
<p><a href="http://cataclysm-x.deviantart.com/art/Tutorial-Proportions-112009276">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-30.jpg" alt="" /></div>
<h4>30. Clothing Tutorial.</h4>
<p>Dress your characters in a range of clothing by following these practical drawing tips.</p>
<p><a href="http://sugarsugarhyperlolly.deviantart.com/art/Super-Sugar-Clothing-Tutorial-54742341">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-31.jpg" alt="" /></div>
<h4>31. Step by Step Comic Book Creation.</h4>
<p>View the process of creating an awesome comic book layout in this article, starting with sketching and moving on through the inking and digital processes.</p>
<p><a href="http://www.boltcity.com/workshop/copper_tutorial/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-32.jpg" alt="" /></div>
<h4>32. Inking Tutorial.</h4>
<p>Read through some interesting theory and pick up some highly useful tips in this multi-part inking tutorial.</p>
<p><a href="http://www.tomrichmond.com/blog/2006/08/21/inking-tutorial-part-i/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-33.jpg" alt="" /></div>
<h4>33. A Look at Chibi Art.</h4>
<p>Learn about the Japanese form of art named Chibi, and how to create Chibi inspired characters with this quick list of tips.</p>
<p><a href="http://www.polykarbon.com/tutorials/chibi/chibiart.htm">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-34.jpg" alt="" /></div>
<h4>34. How to Draw Caricatures: The 5 Shapes</h4>
<p>Pick up a range of tips in this article highlighting the basic theory and 5 shapes of caricature design.</p>
<p><a href="http://www.tomrichmond.com/blog/2008/02/14/how-to-draw-caricatures-1-the-5-shapes/">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-35.jpg" alt="" /></div>
<h4>35. Character Design Lesson</h4>
<p>Watch this character design video tutorial along with other lessons in the series to pick up more useful design tips.</p>
<p><a href="http://www.youtube.com/watch?v=vum0R1lE7CU">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-36.jpg" alt="" /></div>
<h4>36. Drawing Manga Clothing</h4>
<p>Discover some interesting tips for drawing Manga inspired clothing and fabric.</p>
<p><a href="http://www.howtodrawmanga.com/howtodraw/jdillon/clothing1.html">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-37.jpg" alt="" /></div>
<h4>37. Manga Strip Tutorial</h4>
<p>View the process of creating a complete Manga comic strip using traditional tools.</p>
<p><a href="http://enchantma.deviantart.com/art/Manga-Making-Tutorial-20758391">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-38.jpg" alt="" /></div>
<h4>38. Facial Aging</h4>
<p>Log in and learn tips and techniques to accurately draw people of various ages in this detailed tutorial.</p>
<p><a href="http://www.drawspace.com/lessons/lesson.php?id=u06">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-39.jpg" alt="" /></div>
<h4>39. How to Draw Ears</h4>
<p>View this great collection of slides to learn useful tips to accurately draw the human ear.</p>
<p><a href="http://www.howtodrawmanga.com/howtodraw/tutorials_howtodraw_ears_koda.html">Visit Tutorial</a></li>
<li>
<div><img src="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-40.jpg" alt="" /></div>
<h4>40. Pencil Shading Techniques</h4>
<p>Learn the various techniques of creating tone with this roundup of pencil shading methods.</p>
<p><a href="http://www.portrait-artist.org/basics/techniques.html">Visit Tutorial</a></li>
</ul>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/webusabilityhelp.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/webusabilityhelp.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/webusabilityhelp.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/webusabilityhelp.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/webusabilityhelp.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/webusabilityhelp.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/webusabilityhelp.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/webusabilityhelp.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/webusabilityhelp.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/webusabilityhelp.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/webusabilityhelp.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/webusabilityhelp.wordpress.com/20/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/webusabilityhelp.wordpress.com/20/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/webusabilityhelp.wordpress.com/20/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=20&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://webusabilityhelp.wordpress.com/2009/02/22/40-free-tutorials-on-advanced-drawing-techniques/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b540dd7b8ba1cdbfeb727d65a47ebfc1?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">webusabilityhelp</media:title>
		</media:content>

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-2.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-3.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-4.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-5.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-6.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-7.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-8.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-9.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-10.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-11.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-12.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-13.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-14.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-15.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-16.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-17.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-18.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-19.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-20.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-21.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-22.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-23.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-24.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-25.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-26.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-27.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-28.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-29.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-30.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-31.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-32.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-33.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-34.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-35.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-36.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-37.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-38.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-39.jpg" medium="image" />

		<media:content url="http://vectortuts.s3.amazonaws.com/articles/linkb_40drawing/Picture-40.jpg" medium="image" />
	</item>
		<item>
		<title>Creating cinematic effects with Adobe Pixel Bender and JavaScript</title>
		<link>http://webusabilityhelp.wordpress.com/2009/02/16/creating-cinematic-effects-with-adobe-pixel-bender-and-javascript/</link>
		<comments>http://webusabilityhelp.wordpress.com/2009/02/16/creating-cinematic-effects-with-adobe-pixel-bender-and-javascript/#comments</comments>
		<pubDate>Mon, 16 Feb 2009 15:38:54 +0000</pubDate>
		<dc:creator>Sanjeev</dc:creator>
				<category><![CDATA[Internet Marketing]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Internet]]></category>

		<guid isPermaLink="false">http://webusabilityhelp.wordpress.com/?p=14</guid>
		<description><![CDATA[The team at Ext created an Adobe AIR application called Pixel Bender Explorer that demonstrates how to apply compelling animations and other effects to your JavaScript-based AIR applications. <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=14&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p class="slug byline vcard">By <span class="author"><a href="http://blogs.adobe.com/air/2009/02/Endevver2008#">Robert Christensen</a></span></p>
<div style="float:right;padding:10px;"><img src="http://blogs.adobe.com/air/Anims.png" alt="Photo" width="265" height="234" /></div>
<p>The team at <a href="http://extjs.com/">Ext</a> created an Adobe AIR application called <a href="http://extjs.com/blog/2009/02/19/pixel-bender-explorer/">Pixel Bender Explorer</a> that demonstrates how to apply compelling animations and other effects to your JavaScript-based AIR applications. The effects are accomplished using Flash Player 10&#8242;s new <a href="http://www.adobe.com/products/flashplayer/features/#section-2">Pixel Bender</a> technology, the same technology behind many filters and effects in <a href="http://www.adobe.com/products/aftereffects/">Adobe After Effects</a> software. Aaron Conran from Ext discusses on the blog post how he was able to to access these effects from JavaScript and integrate this functionality into the <a href="http://extjs.com/products/extjs/">Ext JavaScript framework</a>.</p>
<p>The application allows you to load a sample video and image and then apply filters effects in real-time. It&#8217;s impressive to see the responsiveness when you load a video, apply an effect and adjust the supported properties (angle, direction, center point, etc.). Try loading the sample video, selecting &#8220;RadialCaleidoscope&#8221; and then slowing adjusting the &#8220;angle&#8221; property.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/webusabilityhelp.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/webusabilityhelp.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/webusabilityhelp.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/webusabilityhelp.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/webusabilityhelp.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/webusabilityhelp.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/webusabilityhelp.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/webusabilityhelp.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/webusabilityhelp.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/webusabilityhelp.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/webusabilityhelp.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/webusabilityhelp.wordpress.com/14/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/webusabilityhelp.wordpress.com/14/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/webusabilityhelp.wordpress.com/14/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=14&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://webusabilityhelp.wordpress.com/2009/02/16/creating-cinematic-effects-with-adobe-pixel-bender-and-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b540dd7b8ba1cdbfeb727d65a47ebfc1?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">webusabilityhelp</media:title>
		</media:content>

		<media:content url="http://blogs.adobe.com/air/Anims.png" medium="image">
			<media:title type="html">Photo</media:title>
		</media:content>
	</item>
		<item>
		<title>5 CSS3 Techniques For Major Browsers using the Power of jQuery</title>
		<link>http://webusabilityhelp.wordpress.com/2009/01/14/5-css3-techniques-for-major-browsers-using-the-power-of-jquery/</link>
		<comments>http://webusabilityhelp.wordpress.com/2009/01/14/5-css3-techniques-for-major-browsers-using-the-power-of-jquery/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 01:15:42 +0000</pubDate>
		<dc:creator>Sanjeev</dc:creator>
				<category><![CDATA[Scripting]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[JQuery]]></category>

		<guid isPermaLink="false">http://webusabilityhelp.wordpress.com/?p=17</guid>
		<description><![CDATA[Many exciting new functions and features are being thought up for CSS3: text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image, etc…

CSS3 leads to greater flexibility and makes it much easier to recreate previously complex effects. Not all current browsers support CSS3, but it is however possible to create equivalent effects and serve it with the power of jQuery.

This article presents 5 CSS3 techniques which can dramatically get you a stunning user interfaces and how to achieve almost the same effects using jQuery for browsers that are not compatible yet with CSS3 new features.<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=17&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Many exciting new functions and features are being thought up for CSS3: text-shadow, box-sizing, opacity, multiple backgrounds, border-radius, border-image, etc…</p>
<p>CSS3 leads to greater flexibility and makes it much easier to recreate previously complex effects. Not all current browsers support CSS3, but it is however possible to create equivalent effects and serve it with the power of jQuery.</p>
<p>This article presents 5 CSS3 techniques which can dramatically get you a stunning user interfaces and how to achieve almost the same effects using jQuery for browsers that are not compatible yet with CSS3 new features.</p>
<h3 class="title">1. Border Radius: Create rounded corners</h3>
<p>W3C has offered a very interesting option for borders in CSS3, of which one is border-radius. This CSS3 styling rule allows rounded corners to be set. Both Mozila/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items.</p>
<p class="img"><img src="http://noupe.com/img/css3-jquery1.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></p>
<p>Use the followig css code to replicate the above example.</p>
<div class="dp-highlighter">
<div class="bar">
<div class="tools"><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">view plain</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">copy to clipboard</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">print</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">?</a></div>
</div>
<ol class="dp-css">
<li class="alt"><span><span class="colors">#rounde</span><span>d-box { </span></span></li>
<li><span>-moz-<span class="keyword">border</span><span>-radius-topleft: </span><span class="string">15px</span><span>; </span></span></li>
<li class="alt"><span>-moz-<span class="keyword">border</span><span>-radius-topright: </span><span class="string">0px</span><span>; </span></span></li>
<li><span>-moz-<span class="keyword">border</span><span>-radius-bottomright: </span><span class="string">15px</span><span>; </span></span></li>
<li class="alt"><span>-moz-<span class="keyword">border</span><span>-radius-bottomleft: </span><span class="string">0px</span><span>; </span></span></li>
<li><span>-webkit-<span class="keyword">border-top</span><span>-</span><span class="string">left</span><span>-radius: </span><span class="string">15px</span><span>; </span></span></li>
<li class="alt"><span>-webkit-<span class="keyword">border-top</span><span>-</span><span class="keyword">right</span><span class="string">right</span><span>-radius: </span><span class="string">0px</span><span>; </span></span></li>
<li><span>-webkit-<span class="keyword">border-bottom</span><span>-</span><span class="string">left</span><span>-radius: </span><span class="string">0px</span><span>; </span></span></li>
<li class="alt"><span>-webkit-<span class="keyword">border-bottom</span><span>-</span><span class="keyword">right</span><span class="string">right</span><span>-radius: </span><span class="string">15px</span><span>; </span></span></li>
<li><span>} </span></li>
</ol>
</div>
<pre class="css" style="display:none;">#rounded-box {
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
}</pre>
<p>Below you will find jQuery solutions and plugins that will allow you to create rounded corners without using images.</p>
<h5 class="title"><strong>How To »</strong> <a href="http://ragamo.medioclick.com/jquery/corners/">jQuery Canvas Rounded Corners</a></h5>
<p class="img"><a href="http://ragamo.medioclick.com/jquery/corners/"><img src="http://noupe.com/img/css3-jquery2.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></a></p>
<p>jQuery Plug-in to make rounded corners on your DOM objects using &lt;canvas&gt; element. Tested in IE7 and FF3</p>
<p>You can change the following <strong>Options</strong>:</p>
<ul class="post">
<li>radio &#8211; (int) radius size of corners</li>
<li>inColor &#8211; (color) inside color of element</li>
<li>outColor &#8211; (color) outside color of corners</li>
<li>borderSize &#8211; (int) border width</li>
<li>borderColor &#8211; (color) color of borders</li>
</ul>
<h5 class="title"><strong>How To »</strong> <a href="http://www.atblabs.com/jquery.corners.html">jQuery Corners</a></h5>
<p class="img"><a href="http://www.atblabs.com/jquery.corners.html"><img src="http://noupe.com/img/css3-jquery3.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></a></p>
<p>This jQuery plugin will easily create beautifully rounded corners. No images or obtrusive markup necessary.</p>
<h3 class="title">2. Border Image</h3>
<p>Another exciting new border feature of CSS3 is the property <a href="http://www.w3.org/TR/2002/WD-css3-border-20021107/#the-border-image-uri">border-image</a>. Border-image, allows an image to be used as the border of an element. Each side of the image corresponds to a side of the HTML object.</p>
<p class="img"><img src="http://noupe.com/img/css3-jquery4.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></p>
<p>Currently <strong>“Border Image”</strong> is only implemented in the upcoming Firefox3.1 and recent releases of Safari and Chrome. Below you will find a tricky jQuery solution that will allow you to have this feature work in: Firefox 2.*, Firefox 3, Firefox 3.1, Safari 3.*, Chrome 1.0, Opera 9.*, Opera 10<br />
and IE7.</p>
<h5 class="title"><strong>How To »</strong> <a href="http://www.lrbabe.com/sdoms/borderImage/index.html">jquery.borderImage.js</a></h5>
<p class="img"><a href="http://www.lrbabe.com/sdoms/borderImage/index.html"><img src="http://noupe.com/img/css3-jquery5.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></a></p>
<p>jquery.borderImage is a cross-browser, partial implementation of CSS3’s border-image property. This plugin can create the same effect as border-image by creating nine slices from the image one by one, and then tile them in the background of our element.</p>
<h3 class="title">3. Multiple Backgrounds</h3>
<p>CSS3 allows for multiple background images on one element, this is a real time saver. To do this, you can separate backgrounds by commas, like this</p>
<p class="img"><img src="http://noupe.com/img/css3-jquery6.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></p>
<div class="dp-highlighter">
<div class="bar">
<div class="tools"><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">view plain</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">copy to clipboard</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">print</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">?</a></div>
</div>
<ol class="dp-css">
<li class="alt"><span><span class="colors">#multip</span><span>le-</span><span class="keyword">background</span><span>-box { </span></span></li>
<li><span><span class="keyword">background</span><span>: </span><span class="string">url</span><span>(</span><span class="string">top</span><span>-bg.gif) </span><span class="string">top</span><span> </span><span class="string">left</span><span> </span><span class="string">no-repeat</span><span>, </span></span></li>
<li class="alt"><span><span class="string">url</span><span>(</span><span class="keyword">bottom</span><span class="string">bottom</span><span>-bg.gif) </span><span class="keyword">bottom</span><span class="string">bottom</span><span> </span><span class="string">left</span><span> </span><span class="string">no-repeat</span><span>, </span></span></li>
<li><span><span class="string">url</span><span>(</span><span class="string">middle</span><span>-bg.gif) </span><span class="string">left</span><span> </span><span class="string">repeat</span><span>-y; </span></span></li>
<li class="alt"><span><span class="keyword">padding</span><span>: </span><span class="string">20px</span><span>; </span></span></li>
<li><span>} </span></li>
</ol>
</div>
<pre class="css" style="display:none;">#multiple-background-box {
background: url(top-bg.gif) top left no-repeat,
url(bottom-bg.gif) bottom left no-repeat,
url(middle-bg.gif) left repeat-y;
padding: 20px;
}</pre>
<p>Since this features is not supported by most browsers yet, and you want multiple/layered backgrounds for a div tag, you would nest div tags inside of each other with the CSS to give it the background you wanted. That’s a lot of code, and doesn’t seem too effecient. The solution is to use jQuery with the Background Layers plugin.</p>
<h5 class="title"><strong>How To »</strong> <a href="http://www.protocoder.com/web-design/css/css-multiple-backgrounds-background-layering-with-jquery.html">CSS Multiple Backgrounds / Background Layering with jQuery</a></h5>
<p>The Background Layers plugin reduces the amount XHTML you need to write simply by adding a few lines of JavaScript, making your code much less cumbersome. The concept is similar to the use of layers in Photoshop, one background image on top of another.</p>
<div class="dp-highlighter">
<div class="bar">
<div class="tools"><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">view plain</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">copy to clipboard</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">print</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">?</a></div>
</div>
<ol class="dp-c">
<li class="alt"><span><span>&lt;script type=</span><span class="string">&#8220;text/javascript&#8221;</span><span> src=</span><span class="string">&#8220;/includes/jquery.background_layers.js&#8221;</span><span>&gt;&lt;/script&gt; </span></span></li>
<li><span>&lt;script type=<span class="string">&#8220;text/javascript&#8221;</span><span>&gt; </span></span></li>
<li class="alt"><span>$(<span class="keyword">function</span><span>(){ </span></span></li>
<li><span> $(<span class="string">&#8216;.marioBox&#8217;</span><span>).add_layer(</span><span class="string">&#8220;#A4D3FF&#8221;</span><span>); </span></span></li>
<li class="alt"><span> $(<span class="string">&#8216;.marioBox&#8217;</span><span>).add_layer(</span><span class="string">&#8220;url(&#8216;/images/mario_floor.gif&#8217;) no-repeat bottom&#8221;</span><span>); </span></span></li>
<li><span> $(<span class="string">&#8216;.marioBox&#8217;</span><span>).add_layer(</span><span class="string">&#8220;url(&#8216;/images/mario_bush.gif&#8217;) no-repeat 10px 167px&#8221;</span><span>); </span></span></li>
<li class="alt"><span> $(<span class="string">&#8216;.marioBox&#8217;</span><span>).add_layer(</span><span class="string">&#8220;url(&#8216;/images/mario_pipe.gif&#8217;) no-repeat 180px 183px&#8221;</span><span>); </span></span></li>
<li><span> $(<span class="string">&#8216;.marioBox&#8217;</span><span>).add_layer(</span><span class="string">&#8220;url(&#8216;/images/mario_cloud.gif&#8217;) no-repeat 90px 93px&#8221;</span><span>); </span></span></li>
<li class="alt"><span> $(<span class="string">&#8216;.marioBox&#8217;</span><span>).add_layer(</span><span class="string">&#8220;url(&#8216;/images/mario_cloud.gif&#8217;) no-repeat 180px 53px&#8221;</span><span>); </span></span></li>
<li><span> $(<span class="string">&#8216;.marioBox&#8217;</span><span>).add_layer(</span><span class="string">&#8220;url(&#8216;/images/mario_cloud.gif&#8217;) no-repeat 20px 73px&#8221;</span><span>); </span></span></li>
<li class="alt"><span> $(<span class="string">&#8216;.marioBox&#8217;</span><span>).add_layer(</span><span class="string">&#8220;url(&#8216;/images/goomba.gif&#8217;) no-repeat 70px 214px&#8221;</span><span>); </span></span></li>
<li><span> $(<span class="string">&#8216;.marioBox&#8217;</span><span>).add_layer(</span><span class="string">&#8220;url(&#8216;/images/mario.gif&#8217;) no-repeat 180px 156px&#8221;</span><span>); </span></span></li>
<li class="alt"><span>}); </span></li>
<li><span>&lt;/script&gt; </span></li>
<li class="alt"><span>&lt;div <span class="keyword">class</span><span>=</span><span class="string">&#8220;marioBox&#8221;</span><span> style=</span><span class="string">&#8220;height: 248px; width: 248px;&#8221;</span><span>&gt;&lt;/div&gt; </span></span></li>
</ol>
</div>
<pre class="js" style="display:none;">&lt;script type="text/javascript" src="/includes/jquery.background_layers.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(function(){
  $('.marioBox').add_layer("#A4D3FF");
  $('.marioBox').add_layer("url('/images/mario_floor.gif') no-repeat bottom");
  $('.marioBox').add_layer("url('/images/mario_bush.gif') no-repeat 10px 167px");
  $('.marioBox').add_layer("url('/images/mario_pipe.gif') no-repeat 180px 183px");
  $('.marioBox').add_layer("url('/images/mario_cloud.gif') no-repeat 90px 93px");
  $('.marioBox').add_layer("url('/images/mario_cloud.gif') no-repeat 180px 53px");
  $('.marioBox').add_layer("url('/images/mario_cloud.gif') no-repeat 20px 73px");
  $('.marioBox').add_layer("url('/images/goomba.gif') no-repeat 70px 214px");
  $('.marioBox').add_layer("url('/images/mario.gif') no-repeat 180px 156px");
});
&lt;/script&gt;
&lt;div class="marioBox" style="height: 248px; width: 248px;"&gt;&lt;/div&gt;</pre>
<p class="img"><a href="http://www.protocoder.com/web-design/css/css-multiple-backgrounds-background-layering-with-jquery.html"><img src="http://noupe.com/img/css3-jquery7.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></a></p>
<p>The code above demonstrate laying backgrounds than to use a few sprites from the classic video game, Super Mario Bros 3.</p>
<h3 class="title">4. Box Shadow and Text Shadow</h3>
<p>The main goal of this property is to give designers and css coders a nice way to display a shadow behind your text. The property syntax should look like this:</p>
<div class="dp-highlighter">
<div class="bar">
<div class="tools"><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">view plain</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">copy to clipboard</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">print</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">?</a></div>
</div>
<ol class="dp-css">
<li class="alt"><span><span>h3 { </span><span class="keyword">text-shadow</span><span>: </span><span class="string">2px</span><span> </span><span class="string">2px</span><span> </span><span class="string">2px</span><span> </span><span class="colors">#333</span><span>; } </span></span></li>
</ol>
</div>
<pre class="css" style="display:none;">h3 { text-shadow: 2px 2px 2px #333; }</pre>
<p class="img"><a href="http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/"><img src="http://noupe.com/img/css3-jquery8.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></a></p>
<p>A very useful article i found <a href="http://www.kremalicious.com/2008/04/make-cool-and-clever-text-effects-with-css-text-shadow/">at Kretschmann’s website</a>, explaing different usage of this property and including different example for using it in a nice way.</p>
<p>Again, this property is not supported by Firefox and IE, so we have to find ourself another way of doing it using jQuery.</p>
<h5 class="title"><strong>How To »</strong> <a href="http://eyebulb.com/dropshadow/">Drop Shadow</a></h5>
<p class="img"><a href="http://eyebulb.com/dropshadow/"><br />
<img src="http://noupe.com/img/css3-jquery9.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></a></p>
<p>This plugin creates soft drop shadows behind page elements, including text and transparent images. It accepts options for the horizontal and vertical offsets, amount of blur, opacity, and color. Please look at the <a href="http://eyebulb.com/dropshadow">demo</a> page for examples.</p>
<h5 class="title"><strong>How To »</strong> <a href="http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/">Text-shadow in Internet Explorer</a></h5>
<p class="img"><a href="http://kilianvalkhof.com/2008/javascript/text-shadow-in-ie-with-jquery/"><br />
<img src="http://noupe.com/img/css3-jquery10.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></a></p>
<p>Text-shadow in Internet Explorer adds text-shadow effects to Internet Explorer. You can easily turn it on by calling textShadow();.</p>
<h3 class="title">5.Transparency &amp; Opacity</h3>
<p>The most widely implemented feature of CSS3 up till now is opacity. ‘opacity’ sets the value to how opaque an elements. An element with opacity value 1.0 will be fully opaque (visible) while an element with opacity value 0.0 will be the complete opposite, invisible. Any value inbetween will determine how opaque (or transparent) the element is. Check out this interesting post by <a href="http://www.zenelements.co.uk/blog/css3-opacity/">Zen Elements</a> explaining how to use it.</p>
<p class="img"><a href="http://www.zenelements.co.uk/blog/css3-opacity/"><br />
<img src="http://noupe.com/img/css3-jquery11.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></a></p>
<p>The above opacity example is set in another layer containing a completely random, never seen before background and each layer uses the following CSS:</p>
<div class="dp-highlighter">
<div class="bar">
<div class="tools"><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">view plain</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">copy to clipboard</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">print</a><a href="http://www.noupe.com/jquery/5-css3-techniques-for-major-browsers-using-the-power-of-jquery.html#">?</a></div>
</div>
<ol class="dp-css">
<li class="alt"><span><span>div.L1 { </span><span class="keyword">background</span><span>:</span><span class="colors">#036</span><span>; opacity:0.2; </span><span class="keyword">width</span><span>:</span><span class="string">575px</span><span>; </span><span class="keyword">height</span><span>:</span><span class="string">20px</span><span>; } </span></span></li>
<li><span>div.L2 { <span class="keyword">background</span><span>:</span><span class="colors">#036</span><span>; opacity:0.4; </span><span class="keyword">width</span><span>:</span><span class="string">575px</span><span>; </span><span class="keyword">height</span><span>:</span><span class="string">20px</span><span>; } </span></span></li>
<li class="alt"><span>div.L3 { <span class="keyword">background</span><span>:</span><span class="colors">#036</span><span>; opacity:0.6; </span><span class="keyword">width</span><span>:</span><span class="string">575px</span><span>; </span><span class="keyword">height</span><span>:</span><span class="string">20px</span><span>; } </span></span></li>
<li><span>div.L4 { <span class="keyword">background</span><span>:</span><span class="colors">#036</span><span>; opacity:0.8; </span><span class="keyword">width</span><span>:</span><span class="string">575px</span><span>; </span><span class="keyword">height</span><span>:</span><span class="string">20px</span><span>; } </span></span></li>
<li class="alt"><span>div.L5 { <span class="keyword">background</span><span>:</span><span class="colors">#036</span><span>; opacity:1.0; </span><span class="keyword">width</span><span>:</span><span class="string">575px</span><span>; </span><span class="keyword">height</span><span>:</span><span class="string">20px</span><span>; } </span></span></li>
</ol>
</div>
<pre class="css" style="display:none;">div.L1 { background:#036; opacity:0.2; width:575px; height:20px; }
div.L2 { background:#036; opacity:0.4; width:575px; height:20px; }
div.L3 { background:#036; opacity:0.6; width:575px; height:20px; }
div.L4 { background:#036; opacity:0.8; width:575px; height:20px; }
div.L5 { background:#036; opacity:1.0; width:575px; height:20px; }</pre>
<h5 class="title"><strong>How To »</strong> <a href="http://www.unitorganizer.com/myblog/2007/08/gradient_jquery_plugin.html">Element gradient</a></h5>
<p class="img"><a href="http://www.unitorganizer.com/myblog/2007/08/gradient_jquery_plugin.html"><br />
<img src="http://noupe.com/img/css3-jquery12.jpg" alt="10 CSS3 Features in All Browsers using jQuery" /></a></p>
<p>It allows you to define a gradient fill and have an element filled with a gradient. You can set the direction of the gradient (right-left or up-down) and the opacity of the gradient easily.</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/webusabilityhelp.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/webusabilityhelp.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/webusabilityhelp.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/webusabilityhelp.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/webusabilityhelp.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/webusabilityhelp.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/webusabilityhelp.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/webusabilityhelp.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/webusabilityhelp.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/webusabilityhelp.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/webusabilityhelp.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/webusabilityhelp.wordpress.com/17/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/webusabilityhelp.wordpress.com/17/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/webusabilityhelp.wordpress.com/17/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=webusabilityhelp.wordpress.com&amp;blog=6714399&amp;post=17&amp;subd=webusabilityhelp&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://webusabilityhelp.wordpress.com/2009/01/14/5-css3-techniques-for-major-browsers-using-the-power-of-jquery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/b540dd7b8ba1cdbfeb727d65a47ebfc1?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">webusabilityhelp</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery1.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery2.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery3.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery4.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery5.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery6.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery7.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery8.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery9.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery10.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery11.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>

		<media:content url="http://noupe.com/img/css3-jquery12.jpg" medium="image">
			<media:title type="html">10 CSS3 Features in All Browsers using jQuery</media:title>
		</media:content>
	</item>
	</channel>
</rss>
