Screen Presence

From hypebeast.com:

“Nike created two new sets of gear for premier stars Roger Federer and Rafael Nadal. Each player receives a day and night set of apparel and well as matching footwear, reminiscent of those throwback days of the 90s. Be sure to catch the US Open action as the tournament kicks off on August 30th, 2010.”

Rafael Nadal's outfit is modern and energetic.

Roger Federer's outfit has a classic feel.

http://hypebeast.com/2010/08/nike-roger-federer-rafael-nadal-2010-us-open-packs/

If you’re not following the hullabaloo over at CrowdSpring, it goes something like this:

1. Some jerk on www.CrowdSpring.com stole Mike Erickson’s logo for Logomotive (http://logopond.com/gallery/detail/45222) and submitted it as original work.
2. CrowdSpring said, “Little Bunny Foo Foo, I don’t like your attitude, scooping up other people’s logos and passing them off as original work. I’m going to give you TWO MORE CHANCES, and if you don’t behave, well, you won’t be able to post stolen designs under that username/password combination anymore.”

So, everyone is all a-Twitter over CrowdSpring’s criminally insane three strikes rule. Yes, that’s right: you can only submit stolen work THREE TIMES before you are booted off CrowdSpring.

http://www.cult-f.net/2009/03/17/css-magic-of-border-property/

1. Understand the Google Index (and use Google Webmaster Tools!)
2. Perform Quick SEO Diagnostics (hint: having an XML sitemap is the best thing you can do)
3. Manage On-Page SEO (use valid HTML and CSS; get rid of tables and inline javascript)
4. Take Advantage of Free Information
5. Optimize Continually (did you do something right? do it again. and then do it again.)

If anything on this list surprises you, please take a few minutes to read the article. At the very least, it will help you understand how Google sees your business. http://www.businesswebcoach.com/content/5-keys-understanding-how-google-thinks

Now that Flash and Flex have become mainstream, the race is on to replace Flash as the plug-in of choice—with Apple’s iPhone platform leading the evolution, and HTML5 rushing to fill the void.

I like HTML5. Working on a multi-screen video interface in Flash/Flex at work, I challenged myself to re-create the experience in HTML5. It’s getting there, but I still rely on jQuery to faithfully recreate any Flash experience on an iPhone.

Take a simple animation sequence, such as the home page for Buffalo Wings & Rings. The owner insisted on Flash for a rich animation experience; just for kicks, I spent some time learning what makes IE tick and rebuilt it in jQuery. The difference in speed is purely an aesthetic choice:

Flash: http://buffalowingsandrings.com
jQuery: http://screenpresence.net/clients/buffalo/www/home/

So, now that jQuery is getting cozy, let’s move on to HTML5.

Good news from the smart people at Adobe. Read the release here:
http://blogs.adobe.com/labs/archives/2010/05/adobe_dreamweav_1.html

Download the Adobe Dreamweaver CS5 HTML5 Pack from Adobe Labs here:
http://labs.adobe.com/downloads/html5pack.html

If you play with jQuery, you know that MSIE handles opacity and smooth text poorly. For example, if opacity is set to zero in your style sheet, the following opacity animation will work well in Firefox, but frustratingly just appear in IE:

$('#fademe').stop().animate({opacity: '1'},"slow");

I stumbled into the answer, when I set the opacity to 40%:

$('#fademe').stop().animate({opacity: '.4'},"slow");

$('#fademe').css({opacity:0}).stop().animate({opacity: '1'},"slow");

$('#fademe').css({opacity:0}).stop().animate({opacity: '1'},"slow",
	function(){
		//remove the opacity in IE
		jQuery.each(jQuery.browser, function(i) {
			if($.browser.msie){
				$('#fademe').css({opacity:''});
			}
		});
	});

Watching the Google Wave video from Google IO at http://wave.google.com/.

Web Do’s and Don’ts is a great reference for quick tips. It is a list of blogs and articles, sortable by tags; the gimmick here is that each entry is sorted into a good idea column, and a bad idea column:

Do’s:

• Use proper markup on quotes
• Add display:inline to floated elements

Don’ts:

• Don’t rely on colors in print stylesheets
• Don’t write non-descriptive titles

Check it out at http://webdosanddonts.com/, and follow them on twitter at http://twitter.com/webdosanddonts/.

Richard Baxter (of http://seogadget.co.uk/) wrote this piece for Search Engine Journal on site architecture and SEO. Full of good tips and downloadble tools. Check out the whole article at http://www.SearchEngineJournal.com/seo-website-architecture-issues/9760/#more-9760.