<?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" >

<channel>
	<title>The Stairwell &#187; browsers</title>
	<atom:link href="http://stairwellblog.com/category/browsers/feed/" rel="self" type="application/rss+xml" />
	<link>http://stairwellblog.com</link>
	<description></description>
	<lastBuildDate>Fri, 20 Jan 2012 16:25:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>Is Google Plus Finally Getting Google a Foothold in Social Media?</title>
		<link>http://stairwellblog.com/2011/07/is-google-plus-finally-getting-google-a-foothold-in-social-media/</link>
		<comments>http://stairwellblog.com/2011/07/is-google-plus-finally-getting-google-a-foothold-in-social-media/#comments</comments>
		<pubDate>Mon, 11 Jul 2011 21:53:10 +0000</pubDate>
		<dc:creator>joshuasinason</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Findings]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[browsers]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=3036</guid>
		<description><![CDATA[<p>One of my favorite quotes, and one I use when talking about digital advertising, comes from hockey legend Wayne Gretsky.  He said “Don’t go where the puck is; go where it’s going to be.”  In a nut shell I mean that if you are looking to invest in a new form of digital media you probably aren’t going to be successful if you just do what everyone else is doing.  Facebook wasn’t a success because it just copied MySpace, it connected you with people in your school with similar interest, once it got big doing that then it branched out&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>One of my favorite quotes, and one I use when talking about digital advertising, comes from hockey legend Wayne Gretsky.  He said “Don’t go where the puck is; go where it’s going to be.”  In a nut shell I mean that if you are looking to invest in a new form of digital media you probably aren’t going to be successful if you just do what everyone else is doing.  Facebook wasn’t a success because it just copied MySpace, it connected you with people in your school with similar interest, once it got big doing that then it branched out into videos, games and such.  To put it another way, McDonalds started out filling a niche with 5 things on their menu; they didn’t start out doing coffee, ice cream, and everything.  The same principal holds true in digital media.  If you go where everyone else has already been you won’t be as successful as if you fill a new niche.  This has been a hard lesson for Google to learn, until now… maybe.</p>
<p>Google has two previous dives into social media with less than stellar results.  First there was Google Wave that failed to catch on and then there was Google Buzz which caused some uproar over privacy issues.  The fact that you needed a G-Mail account to sign up for either of them didn’t help things as complaints of e-mail spamming popped up as well.  Google built them both as a way to show people what videos and websites you were looking at.  They launched this with full knowledge that both Twitter and Facebook already added things to make it easy to share your stuff.  The thought at the time was that the Google brand would draw people over and they’d start using that instead.  Clearly they were wrong.</p>
<p>With Google plus they may have finally learned their lesson.  Instead of trying to go where the puck is and compete with Facebook on their own terms they’ve finally tried something new and predicted where the puck is going.  Google Plus is for those who are less concerned about seeing pictures of “friends” you haven’t spoken to in years or people that want to stockpile as many “friends” as possible.  Google plus is more about making your own website in an easy fun way.  Instead of taking the Facebook model they’ve looked at what smaller up and coming sites like Stumble Upon and Justin.tv are doing and taken that to a whole new level.</p>
<p>By putting the idea of custom pages through Google out there they’ve set themselves up to be in a great position to take advantage of mobile media down the line.  Surfing Facebook on your phone isn’t easy and if they don’t develop something to change that they’re going to be in trouble very soon especially now that Google Plus has put all your stuff in one place.  Once they’ve established a custom website they’re only a step away from giving you a personalized custom app.  If they can make a consumer based custom app program that’s easy to use they could very well find themselves at the top of the heap.  It looks like that is the way they are heading and if Facebook is smart they’ve got one in development right along with them.</p>
<p>It seems like, after years of trying to compete with Facebook and Twitter, Google has finally found an entirely new foothold into social media that could get them a foothold into mobile media.  What they need to do going forward is make sure people know they aren’t just doing “Facebook for Gmail,” as they’ve been criticized for doing in the past.  If they are going to stick in the world of social media you could have a great new alternative to Facebook or Twitter advertising and if they fair well in mobile media it would make it a lot easier for small business to use mobile advertising.  </p>
<p><a href="http://www.readwriteweb.com/biz/2011/07/google-plus-for-businesses-brands.php    ">http://www.readwriteweb.com/biz/2011/07/google-plus-for-businesses-brands.php  </a><br/><br/></p>
<p><a href="http://www.sbs.com.au/news/blogarticle/124431/Google-Plus-whelms-the-Internet/blog/The-Hashtag">http://www.sbs.com.au/news/blogarticle/124431/Google-Plus-whelms-the-Internet/blog/The-Hashtag  </a><br/><br/></p>
<p><a href="http://technorati.com/technology/article/google-plus-vs-facebook/">http://technorati.com/technology/article/google-plus-vs-facebook/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2011/07/is-google-plus-finally-getting-google-a-foothold-in-social-media/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Frontend Optimization, pt. 4</title>
		<link>http://stairwellblog.com/2010/06/frontend-optimization-pt-4/</link>
		<comments>http://stairwellblog.com/2010/06/frontend-optimization-pt-4/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 15:59:00 +0000</pubDate>
		<dc:creator>steve</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Findings]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[browsers]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=2413</guid>
		<description><![CDATA[<p>In the fourth part of our multipart Frontend Optimization series I’ll cover my notes from Steve Souder’s <a href="http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309/ref=ntt_at_ep_dpi_1">“High Performance Websites”</a> and <a href="http://www.amazon.com/Even-Faster-Web-Sites-Performance/dp/0596522304/ref=pd_bxgy_b_img_b">“Even Faster Websites”</a> books that can help reduce your file sizes and configure your Apache settings to squeeze out more speed.</p>
<h4>Reduce File Sizes</h4>
<ol>
<li><em>See optimizing images for reducing image sizes.</em></li>
<li>Minify CSS and JS files. Use <a href="http://closure-compiler.appspot.com/home" target="_blank">Google&#8217;s Closure Compiler</a> for JS and <a href="http://iceyboard.no-ip.org/projects/css_compressor" target="_blank">ICEY</a> for CSS.</li>
<li>Minify HTML files with <a href="http://infohound.net/tidy/" target="_blank">HTML Tidy</a>.</li>
<li>Reduce file size with using relative links including //subdomain.example.com instead of <a href="http://subdomain.example.com">http://subdomain.example.com</a></li>
</ol>
<h4>Configure Apache and .htaccess</h4>
<ol>
<li>Disable ETags</li>
<li>Add future expires headers</li>
<li>Enable GZip Compression</li>
<li>Since 15% of users don’t have gzip due to proxies you can override that with gzip detection. See&#8230;</li></ol>]]></description>
			<content:encoded><![CDATA[<p>In the fourth part of our multipart Frontend Optimization series I’ll cover my notes from Steve Souder’s <a href="http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309/ref=ntt_at_ep_dpi_1">“High Performance Websites”</a> and <a href="http://www.amazon.com/Even-Faster-Web-Sites-Performance/dp/0596522304/ref=pd_bxgy_b_img_b">“Even Faster Websites”</a> books that can help reduce your file sizes and configure your Apache settings to squeeze out more speed.</p>
<h4>Reduce File Sizes</h4>
<ol>
<li><em>See optimizing images for reducing image sizes.</em></li>
<li>Minify CSS and JS files. Use <a href="http://closure-compiler.appspot.com/home" target="_blank">Google&#8217;s Closure Compiler</a> for JS and <a href="http://iceyboard.no-ip.org/projects/css_compressor" target="_blank">ICEY</a> for CSS.</li>
<li>Minify HTML files with <a href="http://infohound.net/tidy/" target="_blank">HTML Tidy</a>.</li>
<li>Reduce file size with using relative links including //subdomain.example.com instead of <a href="http://subdomain.example.com">http://subdomain.example.com</a></li>
</ol>
<h4>Configure Apache and .htaccess</h4>
<ol>
<li>Disable ETags</li>
<li>Add future expires headers</li>
<li>Enable GZip Compression</li>
<li>Since 15% of users don’t have gzip due to proxies you can override that with gzip detection. See page 130 of <a href="http://www.amazon.com/Even-Faster-Web-Sites-Performance/dp/0596522304/ref=pd_bxgy_b_img_b" target="_blank">“Even Faster Websites”</a> for detailed description on solving this problem.</li>
</ol>
<p> Part <a href="http://stairwellblog.com/2010/05/frontend-optimization-pt-1/">1</a> <a href="http://stairwellblog.com/2010/05/frontend-optimization-pt-2/">2</a> <a href="http://stairwellblog.com/2010/05/frontend-optimization-pt-3//">3</a> 4 <!--<a href="http://stairwellblog.com/2010/06/frontend-optimization-pt-5/">2</a>5</a>&#8211;></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/06/frontend-optimization-pt-4/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Abstracting the web, the iPad, and print media coming full circle.</title>
		<link>http://stairwellblog.com/2010/02/abstracting-the-web-the-ipad-and-print-media-coming-full-circle/</link>
		<comments>http://stairwellblog.com/2010/02/abstracting-the-web-the-ipad-and-print-media-coming-full-circle/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 23:45:16 +0000</pubDate>
		<dc:creator>Bryant</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[publishing]]></category>
		<category><![CDATA[technology]]></category>
		<category><![CDATA[trends]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=2115</guid>
		<description><![CDATA[<p>In another blog post, I brought up the topic of how the web is being &#8220;abstracted&#8221; into new mediums and devices such as Rich Internet Applications, netbooks and tablets (e.g. the iPad).  After pondering this topic a little more, it hit me that that this concept might be a lot bigger than I initially thought, and deserving of an individual posting.</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/02/RS_SurfTheWeb1.gif"><img class="aligncenter size-full wp-image-2127" src="http://stairwellblog.com/wp-content/uploads/2010/02/RS_SurfTheWeb1.gif" alt="RS_SurfTheWeb" width="556" height="304" /></a></p>
<p>As I already mentioned, there are new mediums and devices coming out that are abstracting the web and displaying the content in other more unique forms.  Instead of the typical user sitting down at his/her work station and loading up&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>In another blog post, I brought up the topic of how the web is being &#8220;abstracted&#8221; into new mediums and devices such as Rich Internet Applications, netbooks and tablets (e.g. the iPad).  After pondering this topic a little more, it hit me that that this concept might be a lot bigger than I initially thought, and deserving of an individual posting.</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/02/RS_SurfTheWeb1.gif"><img class="aligncenter size-full wp-image-2127" src="http://stairwellblog.com/wp-content/uploads/2010/02/RS_SurfTheWeb1.gif" alt="RS_SurfTheWeb" width="556" height="304" /></a></p>
<p>As I already mentioned, there are new mediums and devices coming out that are abstracting the web and displaying the content in other more unique forms.  Instead of the typical user sitting down at his/her work station and loading up Generic Browser X to &#8220;surf the web&#8221;, they are opening their Twitter client, geo-locating friends in an iPhone app, and soon to be reading books on their iPad.</p>
<p>Without trying to sound to cliche, the internet &#8211; and the data that supports it &#8211; is infiltrating our lives and dictating how we communicate amongst ourselves.  Maybe &#8220;dictate&#8221; and &#8220;infiltrating&#8221; are harsh words, but when thinking about it from a newspaper publishers point of view, those words don&#8217;t sound harsh enough.  It&#8217;s no question that the internet has hurt traditional print media publishers and the primary reason many of these companies have gone out of business. But my question is what aspect of the internet actually led to the demise?  The answer is not that mind-blowing, but is simply, the <em>accessibility</em> of information became so abundant we no longer needed to pay to see the same content elsewhere.</p>
<p>At this point you might be saying &#8220;Wow, great concept, Bryant&#8230; &#8216;Accessibility&#8217; &#8211; welcome to 2010,&#8221; and I will also agree that this concept is rather outdated, but it is also the exact point I am trying to make. Instead of saying &#8220;welcome to 2010&#8243; you should have been saying &#8220;welcome to 2006.&#8221;<em> Accessibility</em> of information is what <strong>has already</strong> shaped the internet and is what made it into this giant creation that we use today.  The frontier that is <strong>now</strong> being conquered, and is the root of the &#8220;abstraction&#8221; process I have refereed to, is making the web more <em>usable. </em></p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/02/adobe-air1.jpg"><img class="aligncenter size-full wp-image-2126" src="http://stairwellblog.com/wp-content/uploads/2010/02/adobe-air1.jpg" alt="adobe-air" width="450" height="397" /></a></p>
<p>When you look at some of the first products that &#8220;abstracted&#8221; the internet, such as Rich Internet Applications (RIA), it&#8217;s very clear that they wanted to take the content of the web and make it a more enjoyable and usable experience.  Why is the internet not a usable and enjoyable experience? Ha! Well that can be answered several ways (and also very sarcastically), but in short it is because of the infrastructure of the internet.  At that point in time (which we are arguably still living in) HTML and web browsers were not advanced enough to handle some of the interactions and display patterns designers wanted to use to display content.  Because of this technological limitation, developers created RIA, which can grab the content of the internet and harness the power of a localized application to deliver it to a user in a much more versatile, running environment.</p>
<p>As powerful as some RIAs are, the main drawback is that it was not running inside the browser, the main component of using the Internet.  However, with the adoption and implementation of new web standards into modern web browsers, browsers would soon be able to handle all of the same interactions and display patterns that RIA currently did.</p>
<p>Flash forward to today (You didn&#8217;t know we were in a flashback mode, did you?) where most modern browsers support forms of HTML5 + CSS3, and paired up with the canvas element, there are javascript techniques out there that will rival Flash.  What is the next step?  Well, it&#8217;s taking the usability and accessibility of the web and delivering it in a product smaller, leaner and more tactile than looking at it on your desk monitor&#8230;.wah-lah &#8211; the iPad!</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2010/02/Screen-shot-2010-02-15-at-5.36.36-PM.png"><img class="aligncenter size-large wp-image-2124" src="http://stairwellblog.com/wp-content/uploads/2010/02/Screen-shot-2010-02-15-at-5.36.36-PM-625x471.png" alt="Screen shot 2010-02-15 at 5.36.36 PM" width="625" height="471" /></a></p>
<p>Now, I don&#8217;t consider myself to be an Apple fanboy, though it may seem like I am one when I talk about the iPad. But what I am really trying to explain is the concept and execution of the iPad.  I don&#8217;t think any company has nailed the tablet concept quite like Apple &#8211; although I do think other companies definitely have the capacity to do so.  Anyway, the reason I believe the iPad to be so revolutionary, is that it takes the accessibility of the internet, adds in usability features found on modern web browsers and couples the whole thing in a nice, lean well-designed mobile product.  It&#8217;s the type of product that you look at old 1980&#8242;s movies and see futuristic people with flying cars using, except the main difference is that it&#8217;s actually here. Does the iPad not have multiple applications running? No.  Does it have Flash? No. Does it deliver its most important asset, the internet, in a new portable textile medium? YES! And it seems to deliver that extremely well.</p>
<p>I must say that I was very disappointed when I learned that the iPad didn&#8217;t have a forward-facing camera. Furthermore, I think the price structure of the various iPad units suggests a bait and switch approach ($499, yeah but who is going to buy this without 3G?). But when it&#8217;s all said and done ,I would be more than willing to pay $650-ish dollars for a device that delivered the Internet to me in a portable, book-sized container.</p>
<p>And now, finally, back to the publishing industry.  It would seem that with all this technology they are destined to go the way of the Dodo Bird, but if you take a closer look (at least at the iPad) you can see the iTunes store paradigm fitting in perfectly.  iTunes itself has grown to be the world&#8217;s largest music retailer, and an argument can be made that people only download music that is easy to get, no matter if it&#8217;s free or .99 cents.  Bringing this sales approach to the magazine and newspaper publishing industry would be a win-win&#8230;.win.  Publishers will still be able to provide their premium content to virtual subscribers and not have to worry about printing physical copies. Users will be able to access rich &#8220;print&#8221; media on new user-friendly devices that enhance the reading experience. And device manufactures will be able to create these new devices and push the bounds of technology even further.</p>
<p>Whew&#8230; that was a lot of writing, and maybe my conclusion is a little optimistic. But in the face of seeing a major industry collapse on itself, it is refreshing to see an outlook change and be reinvigorated by the advent of a new cutting edge piece of technology.</p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/02/abstracting-the-web-the-ipad-and-print-media-coming-full-circle/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Google takes the plunge into the Social Media pool</title>
		<link>http://stairwellblog.com/2010/02/google-takes-the-plunge-into-the-social-media-pool/</link>
		<comments>http://stairwellblog.com/2010/02/google-takes-the-plunge-into-the-social-media-pool/#comments</comments>
		<pubDate>Thu, 11 Feb 2010 22:04:31 +0000</pubDate>
		<dc:creator>joshuasinason</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[google buzz]]></category>
		<category><![CDATA[social media]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=2107</guid>
		<description><![CDATA[<p>For those who can’t get enough of telling people what they are doing, letting everyone know what they like, and sharing funny YouTube clips, there is good news.  Google recently announced the launch of Google Buzz, their own social networking program that works with your G-Mail account.  Some people are questioning the idea of Google getting into the social media game.  Some people are saying that it’s too crowded to support another site. Others say Google isn’t going to bring anything new to the game and the additional ads will turn people off from using their G-Mail site (it happened&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>For those who can’t get enough of telling people what they are doing, letting everyone know what they like, and sharing funny YouTube clips, there is good news.  Google recently announced the launch of Google Buzz, their own social networking program that works with your G-Mail account.  Some people are questioning the idea of Google getting into the social media game.  Some people are saying that it’s too crowded to support another site. Others say Google isn’t going to bring anything new to the game and the additional ads will turn people off from using their G-Mail site (it happened before when MSN-Hotmail got a little too crazy with imbedded advertising) The question remains: Is this a timely and shrewd move toward Google taking over the internet as we know it?  Or a too little-too late idea that will cost them millions and possibly burn people out on social media as we know it?</p>
<p>A couple of facts: 7 million people every hour use Google as a search engine and consumer sites get a little less than 5 million of them.  That’s a lot of advertising dollars and money that Google doesn’t see.   Ignoring sponsored links, Google doesn’t see a dime of that.  If you are a stockholder or an employee wouldn’t you like to see some of that money?  GoogleBuzz is just them taking advantage of the fact that they are the number one most visited site in the world and if past internet trends are any indication that title can change quickly (remember Lykos, AOL, or Geocities?)</p>
<p>Is Google afraid of over saturating the market?  If they’re reading their history of the internet they are.  Thousands of sites have turned people off due to too many ads, pop ups, and attachments.  If they do it subtly it could be a huge success.  If you have to register your G-Mail, join a Google group, get Google on your I-Phone, and sign up for every application and web service with a G in it just to get at GoogleBuzz then people will be turned off.  Twitter reached 10 million subscribers for a lot of reasons, one of which it’s easy to register and doesn’t send you 10 notifications a day. (I’m looking at you Facebook &#8211; tread lightly)</p>
<p>Is Google getting in on the tail end of the trend?  If other companies spending habits are any indication, then Google is making the right move and the social media trend hasn’t even reached its peak.  PepsiCo has so much confidence in social media advertising that they took the money they would have used for a TV spot and put it into social media advertising.  It remains to be seen if Pepsi’s tactics will pay off, but the fact that they have more faith in Twitter and Facebook than they do in the biggest media event of all time shows that social media is moving from a bit player most people dismissed as a trend into a legitimate medium that can have a major impact on consumers.</p>
<p>If anyone is going to get the short end of the stick, it’s going to be MySpace.  MySpace has been struggling since other websites have taken the ball of consumer generated content and run with it.   They’ve had a hard time maintaining relevancy and GoogleBuzz could be the final nail in the coffin that forces them out for good.  Even if GoogleBuzz proves to be a passing fad it’ll leave its mark on the social media industry and change the course of its future evolution.</p>
<p><a href="http://www.wired.com/epicenter/2010/02/google-buzz/">www.wired.com/epicenter/2010/02/google-buzz</a></p>
<p><a href="http://www.theatlanticwire.com/opinions/view/opinion/Mixed-Buzz-Over-Google-Buzz-2476">www.theatlanticwire.com/opinions/view/opinion/Mixed-Buzz-Over-Google-Buzz-2476</a></p>
<p><a href="http://g4tv.com/attackoftheshow/theloop/69916/Buzz-over-Google-Buzz.html">www.g4tv.com/attackoftheshow/theloop/Buzz-over-Google-Buzz</a></p>
<p><a href="http://news.yahoo.com/s/time/20100204/us_time/08599195840000">news.yahoo.com/s/time/20100204/us_time/08599195840000</a></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/02/google-takes-the-plunge-into-the-social-media-pool/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Why 2010 is Going to be a Great Year for HTML/CSS Developers</title>
		<link>http://stairwellblog.com/2010/02/why-2010-is-going-to-be-a-great-year-for-htmlcss/</link>
		<comments>http://stairwellblog.com/2010/02/why-2010-is-going-to-be-a-great-year-for-htmlcss/#comments</comments>
		<pubDate>Fri, 05 Feb 2010 15:55:05 +0000</pubDate>
		<dc:creator>steve</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[browsers]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=2048</guid>
		<description><![CDATA[<p>With 2010 just getting started we&#8217;ve already seen many impressive developments in the world of HTML/CSS that have paved the way for a promising year for us HTML/CSS developers.<span id="more-2048"></span></p>
<h4>1. Google will stop supporting IE6 on March 1, 2010.</h4>
<p>While Facebook, Youtube, Mobile Me, 37signals, and many other web application developers have already stopped supporting IE6 or at least strongly encouraged upgrades from IE6, there hasn&#8217;t been that final crushing blow to finally squash it out. With Google dropping support for IE6 in their Google apps we might finally see it. Only time will tell.</p>
<p>Not only does this decrease the cross browser&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>With 2010 just getting started we&#8217;ve already seen many impressive developments in the world of HTML/CSS that have paved the way for a promising year for us HTML/CSS developers.<span id="more-2048"></span></p>
<h4>1. Google will stop supporting IE6 on March 1, 2010.</h4>
<p>While Facebook, Youtube, Mobile Me, 37signals, and many other web application developers have already stopped supporting IE6 or at least strongly encouraged upgrades from IE6, there hasn&#8217;t been that final crushing blow to finally squash it out. With Google dropping support for IE6 in their Google apps we might finally see it. Only time will tell.</p>
<p>Not only does this decrease the cross browser testing headaches that we&#8217;ve all come to know, but it enables us to use some new css features that IE6 has been holding back.</p>
<ul>
<li> <strong>Attribute Selectors</strong>
<ul>
<li><span style="font-family:monospace">input[type=text]</span></li>
</ul>
</li>
<li><strong>Multiple Classes</strong>
<ul>
<li><span style="font-family:monospace">one.two </span>(ie6 would only read .two)</li>
</ul>
</li>
<li><strong>Sibling Selectors</strong>
<ul>
<li><span style="font-family:monospace">li + li</span></li>
</ul>
</li>
<li> <strong>Child Selectors</strong>
<ul>
<li><span style="font-family:monospace">ul&gt;li</span></li>
</ul>
</li>
<li><strong>:hover on any element</strong>
<ul>
<li><span style="font-family:monospace">li:hover</span></li>
</ul>
</li>
<li><strong>:first-child psuedo selector</strong>
<ul>
<li><span style="font-family:monospace">ul:first-child</span></li>
</ul>
</li>
<li><span style="font-family:monospace"><strong>background-attachment: fixed</strong></span></li>
<li><strong>min and max dimensions</strong></li>
</ul>
<div class="codecolorer-container css mac-classic" style="overflow:auto;white-space:nowrap;width:550px"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br /></div></td><td><div class="css codecolorer" style="font-family:Monaco,Lucida Console,monospace"><span class="re0">#container</span><span class="br0">&#123;</span><br />
<span class="kw1">min-width</span><span class="sy0">:</span><span class="re3">400px</span><span class="sy0">;</span><br />
<span class="kw1">max-width</span><span class="sy0">:</span> <span class="re3">1500px</span><span class="sy0">;</span><br />
<span class="kw1">min-height</span><span class="sy0">:</span> <span class="re3">500px</span><span class="sy0">;</span><br />
<span class="kw1">max-height</span><span class="sy0">:</span> <span class="re3">2000px</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></div></td></tr></tbody></table></div>
<h4>2. Firefox 3.6 was released on January 21, 2010.</h4>
<p>While the world has had some really cool CSS3 support out of Safari 4 since February of 2009, and certainly there&#8217;s been some good things coming out of Firefox in 3.5 last year, Firefox 3.6 is bringing the Gecko browser engine up in line with Safari 4. We can now start using CSS gradients, multiple background images, and dare I say it, finally a good solution for real typography on the web through the WOFF open standard?</p>
<p>I personally am the most excited for CSS gradients to take off now that there are at least 2 major browsers supporting them. Here&#8217;s my technique for getting good looking results across all browsers.</p>
<p><strong>1. Grab Modernizr and install it on your site.</strong><br />
<strong>2. Generate your css gradients and use the inplace of the css background-image attribute.</strong></p>
<div class="codecolorer-container css mac-classic" style="overflow:auto;white-space:nowrap;width:550px"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br /></div></td><td><div class="css codecolorer" style="font-family:Monaco,Lucida Console,monospace">.myElement<span class="br0">&#123;</span><br />
<span class="coMULTI">/*webkit*/</span><br />
<span class="kw1">background-image</span><span class="re2">:-webkit-</span>gradient<span class="br0">&#40;</span>linear<span class="sy0">,</span><span class="kw1">left</span> <span class="kw1">bottom</span><span class="sy0">,</span><span class="kw1">left</span> <span class="kw1">top</span><span class="sy0">,</span>color-stop<span class="br0">&#40;</span><span class="nu0">1</span><span class="sy0">,</span> <span class="kw2">rgb</span><span class="br0">&#40;</span><span class="nu0">118</span><span class="sy0">,</span><span class="nu0">118</span><span class="sy0">,</span><span class="nu0">118</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">,</span>color-stop<span class="br0">&#40;</span><span class="nu0">0</span><span class="sy0">,</span> <span class="kw2">rgb</span><span class="br0">&#40;</span><span class="nu0">77</span><span class="sy0">,</span><span class="nu0">77</span><span class="sy0">,</span><span class="nu0">78</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
<span class="coMULTI">/*Mozilla*/</span><br />
<span class="kw1">background-image</span><span class="re2">:-moz-linear-</span>gradient<span class="br0">&#40;</span><span class="kw2">center</span> <span class="kw1">bottom</span><span class="sy0">,</span><span class="kw2">rgb</span><span class="br0">&#40;</span><span class="nu0">118</span><span class="sy0">,</span><span class="nu0">118</span><span class="sy0">,</span><span class="nu0">118</span><span class="br0">&#41;</span> <span class="re3"><span class="nu0">100</span>%</span><span class="sy0">,</span><span class="kw2">rgb</span><span class="br0">&#40;</span><span class="nu0">77</span><span class="sy0">,</span><span class="nu0">77</span><span class="sy0">,</span><span class="nu0">78</span><span class="br0">&#41;</span> <span class="re3"><span class="nu0">0</span>%</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></div></td></tr></tbody></table></div>
<p><strong>3. Make a background image like you normally would and apply it as descendent selector of .no-cssgradients, which Modernizr applies to the HTML element of any browser that doesn&#8217;t support them.</strong></p>
<div class="codecolorer-container css mac-classic" style="overflow:auto;white-space:nowrap;width:550px"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br /></div></td><td><div class="css codecolorer" style="font-family:Monaco,Lucida Console,monospace"><span class="re1">.no-cssgradients</span> .myElement<span class="br0">&#123;</span><br />
<span class="kw1">background-image</span><span class="sy0">:</span><span class="kw2">url</span><span class="br0">&#40;</span><span class="co2">myimage.png</span><span class="br0">&#41;</span><span class="sy0">;</span><br />
<span class="br0">&#125;</span></div></td></tr></tbody></table></div>
<p>VOILA! you&#8217;ve just reduced http requests in Firefox 3.6 and Safari 4 browsers, allowed some cool gradient scaling effects that can&#8217;t be achieved with just an image, yet you&#8217;ve still got a slick looking background gradient via an image in older browsers and IE.</p>
<h4>3. HTML5 Video</h4>
<p>Sure we&#8217;ve had the capabilities for this for a little while now, but in 2010 we&#8217;re starting to see it really come alive. Youtube and Vimeo are now allowing users to watch their video content, player and all without any browser plugins. Its far from perfect (link to why), but its getting close and I think by the time the year is out we&#8217;ll see HTML5 video become a commonplace rather than an experiment.</p>
<p>If you want to try it out yourself now its easy.<br />
<em>The following will give you html5 video in firefox, safari, and webkit.</em></p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;width:550px"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br /></div></td><td><div class="html4strict codecolorer" style="font-family:Monaco,Lucida Console,monospace"><span class="sc-1">&lt;!-- Firefox 3.5 native OGG video --&gt;</span><br />
<span class="sc-1">&lt;!-- Safari / iPhone video --&gt;</span></div></td></tr></tbody></table></div>
<p>For a more detailed way of using html5 video that has fallbacks to quicktime try out the <a href="http://camendesign.com/code/video_for_everybody">&#8220;Video for Everyone&#8221; Method</a>.<br />
Alternatively there&#8217;s the <a href="http://jilion.com/sublime/video">Sublime Video Player</a> that adds a custom skin to the player controls.</p>
<h4>4. Google Chrome</h4>
<p>I think most everyone can agree that Google Chrome is a great browser, especially if it can tear away some of that IE6 and IE7 marketshare. At the end of 2009 we saw the official release of the Mac and Linux Chrome versions and on January 25 this year we saw Chrome 4.0 released for windows that brought suppoort for extensions, 100% padding of ACID 3, local storage, and speed improvements. There&#8217;s no doubt the browser is moving fast and its recent launches of Chrome for Mac/Linux and Chrome 4 will no doubt continue its growth in 2010.</p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2010/02/why-2010-is-going-to-be-a-great-year-for-htmlcss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe releases BrowserLab for Web Designers</title>
		<link>http://stairwellblog.com/2009/06/adobe-releases-browserlab-for-web-designers/</link>
		<comments>http://stairwellblog.com/2009/06/adobe-releases-browserlab-for-web-designers/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 14:21:10 +0000</pubDate>
		<dc:creator>charles</dc:creator>
				<category><![CDATA[Business]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[browser testing]]></category>
		<category><![CDATA[cross browser]]></category>
		<category><![CDATA[experience testing]]></category>
		<category><![CDATA[web browser]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=1287</guid>
		<description><![CDATA[<p><img class="size-full wp-image-1319" style="display:block" title="meermeer_to_browserlab" src="http://stairwellblog.com/wp-content/uploads/2009/06/meermeer_to_browserlab.png" alt="meermeer_to_browserlab" /></p>
<p>What started as an idea in our humble office on the north side of Chicago is now available to web designers worldwide!</p>
<p>BrowserLab, formerly named Meer Meer, was made available for free trial download on June 2. Read the <a href="http://www.adobe.com/aboutadobe/pressroom/pressreleases/200906/060309AdobeandBrowserlab.html">press release here</a>.</p>
<p>Our principals, Charles Stevenson and Ted Billups, formed a collaboration with Joshua Hatwich and Dean Vukas in 2006 to develop a web-based experience testing tool that would streamline web designers&#8217; cross-browser testing processes and save them thousands of dollars on hardware required to do the tasks.</p>
<p>Together our team worked on all facets of this nascent SaaS idea: application development, remote&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-1319" style="display:block" title="meermeer_to_browserlab" src="http://stairwellblog.com/wp-content/uploads/2009/06/meermeer_to_browserlab.png" alt="meermeer_to_browserlab" /></p>
<p>What started as an idea in our humble office on the north side of Chicago is now available to web designers worldwide!</p>
<p>BrowserLab, formerly named Meer Meer, was made available for free trial download on June 2. Read the <a href="http://www.adobe.com/aboutadobe/pressroom/pressreleases/200906/060309AdobeandBrowserlab.html">press release here</a>.</p>
<p>Our principals, Charles Stevenson and Ted Billups, formed a collaboration with Joshua Hatwich and Dean Vukas in 2006 to develop a web-based experience testing tool that would streamline web designers&#8217; cross-browser testing processes and save them thousands of dollars on hardware required to do the tasks.</p>
<p>Together our team worked on all facets of this nascent SaaS idea: application development, remote and scaleable hosting, branding, business models, interface design and usability, additional rich features. etc. Before we even released the beta version to the public, however, Adobe Systems learned of our application and contacted us. Making a long story shorter, we sold Meer Meer to Adobe in December of 2007. Since then, the tool has been in further development and testing for eventual launch to the public one day soon. Yesterday was that day.</p>
<p>If you or your web agency would like to try Adobe BrowserLab to see all the things it can do for your cross-browser testing processes, go to the <a href="http://labs.adobe.com/technologies/browserlab/">Browser Lab product page here</a> for a free trial user account.  Here are a couple of sample tests we ran this first day of early release billupsdesign.com on Firefox 3.0 OS X vs. Internet Explorer 7.0 Windows XP: 2-Up and onion-skin view.</p>
<div id="attachment_1311" class="wp-caption alignleft" style="width: 310px"><a href="http://stairwellblog.com/wp-content/uploads/2009/06/browserlab-2-up-billupsdesigncom-copy.jpg"><img class="size-medium wp-image-1311 " title="browserlab-2-up-billupsdesigncom-copy" src="http://stairwellblog.com/wp-content/uploads/2009/06/browserlab-2-up-billupsdesigncom-copy-300x178.jpg" alt=" " width="300" height="178" /></a><p class="wp-caption-text"> </p></div>
<div id="attachment_1312" class="wp-caption alignleft" style="width: 310px"><a href="http://stairwellblog.com/wp-content/uploads/2009/06/browserlab-onion-skin-billupsdesigncom.jpg"><img class="size-medium wp-image-1312  clearnone " title="browserlab-onion-skin-billupsdesigncom" src="http://stairwellblog.com/wp-content/uploads/2009/06/browserlab-onion-skin-billupsdesigncom-300x178.jpg" alt=" " width="300" height="178" /></a><p class="wp-caption-text"> </p></div>
<p>We at Billups Design are extremely proud of this application and our role in bringing it to web designers all over the world. We hope you like it too!  For more information on the original Meer Meer software, please visit the <a href="http://www.billupsdesign.com/portfolio/meermeer/software-startup-and-sale">case study in our Portfolio</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2009/06/adobe-releases-browserlab-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Getting Your Pages Ready for IE8</title>
		<link>http://stairwellblog.com/2009/05/getting-your-pages-ready-for-ie8/</link>
		<comments>http://stairwellblog.com/2009/05/getting-your-pages-ready-for-ie8/#comments</comments>
		<pubDate>Tue, 05 May 2009 14:00:14 +0000</pubDate>
		<dc:creator>steve</dc:creator>
				<category><![CDATA[browsers]]></category>
		<category><![CDATA[cross browser]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Explorer]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[ie 8]]></category>
		<category><![CDATA[IE8]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[internet explorer 8]]></category>
		<category><![CDATA[Microsoft]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=1154</guid>
		<description><![CDATA[<p>As IE 6 starts fading into the soft glow of the sunset in the distance we need to start looking ahead to IE 8 compatibility. Internet Explorer 8 was released a few weeks ago and according to the W3Schools.com its already climbed to 1.4% market share. There&#8217;s no doubt its going to gain traction and become one of the most used browsers on the planet. So what new quirks of IE8 are out there, what about our good friends quirks and standards mode, and what about Microsoft&#8217;s latest proprietary IE 8 features?</p>
<h3>CSS Improvements</h3>
<p>The day IE 8 came out we posted&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>As IE 6 starts fading into the soft glow of the sunset in the distance we need to start looking ahead to IE 8 compatibility. Internet Explorer 8 was released a few weeks ago and according to the W3Schools.com its already climbed to 1.4% market share. There&#8217;s no doubt its going to gain traction and become one of the most used browsers on the planet. So what new quirks of IE8 are out there, what about our good friends quirks and standards mode, and what about Microsoft&#8217;s latest proprietary IE 8 features?</p>
<h3>CSS Improvements</h3>
<p>The day IE 8 came out we posted a <a href="http://stairwellblog.com/2009/03/ie8-browser-showdown-with-safari-4-and-firefox-3/">blog entry</a> detailing how it stacks up against the latest Firefox and Safari builds out there and were quite surprised how well its doing. Now I&#8217;ll be the first to admit that while we all begged for CSS 2.1 implementation, its just no longer good enough. All the other more &#8220;standards compliant&#8221; browsers have moved on to CSS 3. However, CSS 2.1 is a start and we should be aware of all the things we can now use in IE 8 that have been tucked into that &#8220;doesn&#8217;t work in IE&#8221; frame of mind.</p>
<p>:before and :after psuedo classes</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;width:550px"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br /></div></td><td><div class="text codecolorer" style="font-family:Monaco,Lucida Console,monospace">e:before { content: 'foo' }<br />
e:after { content: 'bar' }</div></td></tr></tbody></table></div>
<p>Some other psuedo elements that were added are :focus, :lang(c), and :active (not applies to all elements, not just the a element).</p>
<p><strong>New attributes for generated content:</strong></p>
<p>content, counter-increment, counter-reset, and quotes. This can allow you to do something like this:</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;width:550px"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br />2<br />3<br />4<br />5<br />6<br />7<br /></div></td><td><div class="text codecolorer" style="font-family:Monaco,Lucida Console,monospace">H1 {<br />
counter-increment: chapter;  /* Add 1 to chapter */<br />
}<br />
<br />
H1:before {<br />
content: &quot;Chapter &quot; counter(chapter) &quot;. &quot;;<br />
}</div></td></tr></tbody></table></div>
<p><strong>Three words: display: table-cell;</strong></p>
<p>This allows any element to have the same display properties as a table cell. I know tables are bad for layout, but what about all the great layout properties, e.g. like easy vertical centering. There&#8217;s been a whole <a href="http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/">book</a> written about this property alone.</p>
<p>Other table related layouts supported are table, inline-table, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell, and table-caption.</p>
<p><strong>Floats.</strong></p>
<p>Straight from the horse&#8217;s mouth,</p>
<p><em>Many changes have been made to float behaviors, fixing many of the most troubling float issues encountered with prior versions of Internet Explorer, including those caused by the requirement of the hasLayout property. The hasLayout functionality has been removed in Internet Explorer 8. The following are some of the issues fixed:</em></p>
<p><em>Cleared elements don&#8217;t clear other nested floats when they don&#8217;t share a parent.</em></p>
<p><em>Cleared elements after floats have doubled top padding.</em></p>
<h3>Quirks, Standard, and Compatibility Modes.</h3>
<p>With all the advancements that IE 8 has made there is still obviously going to be some crazy IE 8 bugs, I&#8217;ve already noticed some issues with fieldsets and legends displaying differently in Firefox/Safari and IE 8 and Teddy Zetterlund has found some other <a href="http://teddyzetterlund.com/2009/04/16/internet-explorer-8-fieldset-and-legend-bugs/">bugs concerning fieldsets and legends</a> . So what are the latest developments on modifying your pages just for IE 8?</p>
<p>Now with IE 8 there is a new browser to use in conditional comments</p>
<div class="codecolorer-container html4strict mac-classic" style="overflow:auto;white-space:nowrap;width:550px"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="html4strict codecolorer" style="font-family:Monaco,Lucida Console,monospace"><span class="sc1">&amp;lt;</span>!--[if IE 8]<span class="sc1">&amp;gt;</span> OnlyInternet Explorer 8 will read this <span class="sc1">&amp;lt;</span>![endif]--<span class="sc1">&amp;gt;</span></div></td></tr></tbody></table></div>
<p>If you don&#8217;t want to put in the time quite yet to get your site IE 8 ready you can simply specify the document compatibility mode with one line of html.</p>
<div class="codecolorer-container text mac-classic" style="overflow:auto;white-space:nowrap;width:550px"><table cellspacing="0" cellpadding="0"><tbody><tr><td class="line-numbers"><div>1<br /></div></td><td><div class="text codecolorer" style="font-family:Monaco,Lucida Console,monospace">&amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=EmulateIE7&quot; &amp;gt;</div></td></tr></tbody></table></div>
<p>This will cause IE 8 to mimic IE 7 when rendering your page. It might not be perfect, but in most cases you should take care of any rendering bugs that IE 8 is introducing on your pages.</p>
<p>To explain this tag a little better you can replace IE=EmulateIE7 with any of the following:</p>
<ul>
<li>IE=Emulate IE8 &#8211; This is the default mode for IE 8 that renders the page according to IE 8&#8242;s rendering engine if there is a &lt;!Doctype&gt;, if no &lt;!Doctype&gt; is declared than your site is displayed in quirks mode which is similar to IE 5 rendering.</li>
<li>IE=EmulateIE7 &#8211; Renders content as if it were displayed in Internet Explorer 7 if you have a &lt;!Doctype&gt; declared, if no &lt;!Doctype&gt; is declared than your page is displayed in IE 7&#8242;s quirks mode.</li>
<li>IE=5 &#8211; renders content as if it were displayed by Internet Explorer 7&#8242;s quirks mode, which is very similar to the way content was displayed in Internet Explorer 5.</li>
<li>IE=7 &#8211; renders content as if it were displayed by Internet Explorer 7&#8242;s standards mode, whether or not the page contains a &lt;!DOCTYPE&gt; directive.</li>
<li>IE=8 &#8211; renders the content with the IE 8 engine regardless if you have a &lt;!Doctype&gt; declared.</li>
<li>IE=edge &#8211; This will tell Internet Explorer to render the page in the highest mode available. So when IE 9 comes out it&#8217;ll use IE 9&#8242;s engine, and IE 10, and so forth.</li>
</ul>
<p>NOTE: <em>This will not change the user agent string, if you depend on the user agent string you&#8217;ll need to update your code for that as well. IE8 specific instructions are at the </em><em><a href="http://www.microsoft.com/windows/internet-explorer/readiness/developers-existing.aspx">MSDN.</a></em></p>
<h3><span style="font-family: mceinline;"><span style="font-weight: normal;">Proprietary Features</span></span></h3>
<p>CSS expressions are depreciated in IE8 and are no longer supported in standards mode. These have been pretty performance heavy as outlined by Yahoo&#8217;s Optimization page, and as noted by Microsoft the main usage of these were to simply workaround bugs in IE&#8217;s own CSS shortcomings, most of which have been fixed in IE 8.</p>
<p>IE 8 and the -ms property prefix. IE 8 introduces quite a few new css properties that aren&#8217;t standardized yet, and like Safari and Firefox, MS has added the -ms prefix to those properties. There&#8217;s not many new properties that weren&#8217;t available before, but now MS is recommending that you put -ms in front of the following properties, note that filter and behavior are included here.</p>
<ul>
<li>-ms-accelerator</li>
<li>-ms-background-position-x</li>
<li>-ms-background-position-y</li>
<li>-ms-behavior</li>
<li>-ms-block-progression</li>
<li>-ms-filter</li>
<li>-ms-ime-mode</li>
<li>-ms-layout-flow</li>
<li>-ms-layout-grid</li>
<li>-ms-layout-frid-char</li>
<li>-ms-layout-grid-line</li>
<li>-ms-layout-grid-mode</li>
<li>-ms-layout-grid-type</li>
<li>-ms-line-break</li>
<li>-ms-interpolation-mode</li>
<li>-ms-overflow-x</li>
<li>-ms-overflow-y</li>
<li>-ms-scrollbar-3dlight-color</li>
<li>-ms-scrollbar-arrow-color</li>
<li>-ms-scrollbar-base-color</li>
<li>-ms-scrollbar-dark-shadow-color</li>
<li>-ms-scrollbar-face-color</li>
<li>-ms-scrollbar-highlight-color</li>
<li>-ms-scrollbar-shadow-color</li>
<li>-ms-scrollbar-track-color</li>
<li>-ms-text-align-last</li>
<li>-ms-text-autospace</li>
<li>-ms-text-justify</li>
<li>-ms-text-kashida-space</li>
<li>-ms-text-overflow</li>
<li>-ms-text-underline-position</li>
<li>-ms-word-break</li>
<li>-ms-word-wrap</li>
<li>-ms-writing-mode</li>
<li>-ms-zoom</li>
</ul>
<p>As much as we would all love to procrastinate on all things IE, it&#8217;s probably a good idea to at least throw it into compatibility mode if not do some serious browser testing in IE 8 to ensure it&#8217;s all working as expected. It took IE 7 about a year to climb the charts into being one of the top 3 browsers and it&#8217;s reasonable to expect the same from IE 8. So its best to get ahold of it early and iron out all the kinks before its too late.</p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2009/05/getting-your-pages-ready-for-ie8/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>MIT Media Lab&#8217;s SixthSense is Web 3.0</title>
		<link>http://stairwellblog.com/2009/04/mit-media-labs-sixthsense-is-web-30/</link>
		<comments>http://stairwellblog.com/2009/04/mit-media-labs-sixthsense-is-web-30/#comments</comments>
		<pubDate>Fri, 10 Apr 2009 17:34:47 +0000</pubDate>
		<dc:creator>ted</dc:creator>
				<category><![CDATA[Findings]]></category>
		<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[browsers]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=988</guid>
		<description><![CDATA[<p>It is my belief that Web 3.0 is the integration of digital content into our daily physical lives. The MIT Media Lab are working on a prototype called SixthSense that takes a leap forward in this quest. To better acquaint you with their vision, here are a few key elements from the project&#8217;s creators:</p>
<table style="width: 623px; height: 286px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top"><div id="attachment_990" class="wp-caption alignnone" style="width: 260px"><img src="http://stairwellblog.com/wp-content/uploads/2009/04/mit-media-lab-sixthsense-web30.jpg" alt=" " title="mit-media-lab-sixthsense-web30" width="250" height="150" class="size-full wp-image-990" /><p class="wp-caption-text"> </p></div></td>
<td width="10"></td>
<td valign="top">&#8220;&#8216;SixthSense&#8217; is a wearable gestural interface that augments the physical world around us with digital information and <em>lets us use natural hand gestures to interact</em> with that information.&#8221;</td>
</tr>
<tr>
<td colspan="3">&#160;</td>
</tr>
<tr>
<td valign="top"><div id="attachment_994" class="wp-caption alignnone" style="width: 260px"><img src="http://stairwellblog.com/wp-content/uploads/2009/04/mit-media-lab-sixthsense-hardware-web30.jpg" alt=" " title="mit-media-lab-sixthsense-hardware-web30" width="250" height="200" class="size-full wp-image-994" /><p class="wp-caption-text"> </p></div></td>
<td width="10"></td>
<td valign="top">&#8220;The SixthSense prototype is comprised of a pocket projector, a mirror and a camera. The hardware components are coupled in a&#8230;</td></tr></tbody></table>]]></description>
			<content:encoded><![CDATA[<p>It is my belief that Web 3.0 is the integration of digital content into our daily physical lives. The MIT Media Lab are working on a prototype called SixthSense that takes a leap forward in this quest. To better acquaint you with their vision, here are a few key elements from the project&#8217;s creators:</p>
<table style="width: 623px; height: 286px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top"><div id="attachment_990" class="wp-caption alignnone" style="width: 260px"><img src="http://stairwellblog.com/wp-content/uploads/2009/04/mit-media-lab-sixthsense-web30.jpg" alt=" " title="mit-media-lab-sixthsense-web30" width="250" height="150" class="size-full wp-image-990" /><p class="wp-caption-text"> </p></div></td>
<td width="10"></td>
<td valign="top">&#8220;&#8216;SixthSense&#8217; is a wearable gestural interface that augments the physical world around us with digital information and <em>lets us use natural hand gestures to interact</em> with that information.&#8221;</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td valign="top"><div id="attachment_994" class="wp-caption alignnone" style="width: 260px"><img src="http://stairwellblog.com/wp-content/uploads/2009/04/mit-media-lab-sixthsense-hardware-web30.jpg" alt=" " title="mit-media-lab-sixthsense-hardware-web30" width="250" height="200" class="size-full wp-image-994" /><p class="wp-caption-text"> </p></div></td>
<td width="10"></td>
<td valign="top">&#8220;The SixthSense prototype is comprised of a pocket projector, a mirror and a camera. The hardware components are coupled in a pendant like mobile wearable device. Both the projector and the camera are connected to the mobile computing device in the user’s pocket. The projector projects visual information <em>enabling surfaces, walls and physical objects around us to be used as interfaces</em>; while the camera recognizes and tracks user&#8217;s hand gestures and physical objects using computer-vision based techniques</td>
</tr>
<tr>
<td colspan="3">&nbsp;</td>
</tr>
</tbody>
</table>
<dd class="wp-caption-dd"> </dd>
<p>In other words, the device projects a web interface on most surfaces and allows for physical interaction. Web sites and software will be unleashed into a whole new realm of possibilities for both creators and users!</p>
<p><a href="http://www.pranavmistry.com/projects/sixthsense/">MIT Media Lab&#8217;s SixthSense site</a></p>
<p><a href="http://www.media.mit.edu/research/955">Other MIT Media Lab research projects</a></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2009/04/mit-media-labs-sixthsense-is-web-30/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>It&#8217;s Finally Time for IE6&#8242;s Curtain Call</title>
		<link>http://stairwellblog.com/2009/04/its-time-for-ie6s-curtain-call/</link>
		<comments>http://stairwellblog.com/2009/04/its-time-for-ie6s-curtain-call/#comments</comments>
		<pubDate>Mon, 06 Apr 2009 16:09:58 +0000</pubDate>
		<dc:creator>steve</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[cross browser]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=509</guid>
		<description><![CDATA[<p>In the world of web development there has been a recent push from all around the world to finally drop support for IE6. It&#8217;s understandable since IE8 is now released and IE6 is about 8 years old, an antique in computer years. However, there are still a measurable amount of users still launching IE6 as their primary browser, 17.4% of all users according to <a href="http://www.w3schools.com/browsers/browsers_stats.asp">w3schools.</a> So should we abandon the traditional model of graceful degradation and cross browser compatibility and stop supporting IE6? Some very substantial web developers have said yes.</p>
<p><strong>37signals.<br />
<span style="font-weight: normal;"><a href="http://37signals.com">37signal</a>s started <a href="http://37signals.blogs.com/products/2008/07/basecamp-phasin.html">phasing out support for ie6</a> starting in October 1, 2008.&#8230;</span></strong></p>]]></description>
			<content:encoded><![CDATA[<p>In the world of web development there has been a recent push from all around the world to finally drop support for IE6. It&#8217;s understandable since IE8 is now released and IE6 is about 8 years old, an antique in computer years. However, there are still a measurable amount of users still launching IE6 as their primary browser, 17.4% of all users according to <a href="http://www.w3schools.com/browsers/browsers_stats.asp">w3schools.</a> So should we abandon the traditional model of graceful degradation and cross browser compatibility and stop supporting IE6? Some very substantial web developers have said yes.</p>
<p><strong>37signals.<br />
<span style="font-weight: normal;"><a href="http://37signals.com">37signal</a>s started <a href="http://37signals.blogs.com/products/2008/07/basecamp-phasin.html">phasing out support for ie6</a> starting in October 1, 2008. They&#8217;re not stopping ie6 users from logging in and using their software all at once. They&#8217;re taking the phase out approach of telling everyone that any new improvements or fixes may not be compatible with IE6.<br />
</span></strong></p>
<div id="attachment_549" class="wp-caption aligncenter" style="width: 642px"><a href="http://37signals.blogs.com/products/2008/07/basecamp-phasin.html"><img class="size-full wp-image-549 " title="phasing_out_ie" src="http://stairwellblog.com/wp-content/uploads/2009/03/phasing_out_ie.png" alt=" " width="632" height="253" /></a><p class="wp-caption-text"> </p></div>
<p><strong>Facebook.<br />
<span style="font-weight: normal;"><a href="http://facebook.com">Facebook</a> has decided to provide an inferior experience and a large warning message to all their users in IE6.<br />
</span></strong></p>
<div id="attachment_553" class="wp-caption aligncenter" style="width: 645px"><a href="http://www.flickr.com/photos/colbyworld/3024754966/"><img class="size-full wp-image-553" title="facebook_ie6" src="http://stairwellblog.com/wp-content/uploads/2009/03/facebook_ie6.jpg" alt=" " width="635" height="351" /></a><p class="wp-caption-text"> </p></div>
<p><strong><span style="font-weight: normal;"><strong>Apple &#8211; Mobile Me.</strong><br />
Apple touts <a href="http://me.com">Mobile Me</a> as a desktop experience on the web. Thus their site pushes far beyond what developers can even do on IE6. IE6&#8242;s slow javascript engine would just end up with too bad of a user experience for Apple, so they don&#8217;t even let you log in with IE6.<br />
</span></strong></p>
<div id="attachment_561" class="wp-caption aligncenter" style="width: 662px"><a href="http://me.com"><img class="size-full wp-image-561 " title="mobile_me_ie6" src="http://stairwellblog.com/wp-content/uploads/2009/03/mobile_me_ie6.png" alt="Notice the ugly transparent png apple logo" width="652" height="391" /></a><p class="wp-caption-text">Notice the ugly transparent png apple logo</p></div>
<p><strong><span style="font-weight: normal;">One thing these websites have is that they&#8217;re not even websites, they&#8217;re web applications. They, like many desktop applications, are starting to require a system upgrade to use their software. Users tend to me more understanding when it comes to an application asking them to upgrade than it does a website. We do it all the time on the desktop and this helps these developers get away with such bold actions. The other thing that separates these sites from most is they&#8217;re actively developed large applications. So they have new features, design iterations, fixes, and enhancements constantly, and as the web moves forward and IE6 stays so far behind it&#8217;s becoming more expensive and time consuming to try to retrofit things to work in IE6. What was financially feasible 2 years ago is no longer today. It had to start sometime, why not now?</span></strong></p>
<p>Well if web applications killing support for IE6, what are web sites to do? First off, they don&#8217;t have the advantage of users tolerating a required update like applications, and they don&#8217;t always have the constant development iterations that web applications have, forcing them to kill IE6 for financial reasons. This hasn&#8217;t stopped a few others from taking an anti IE6 approach.</p>
<p><strong>Finn.no</strong><br />
One of the largest sites in Norway, <a href="http://finn.no">Finn.no</a> has <a href="http://translate.google.com/translate?prev=hp&amp;hl=en&amp;u=http%3A%2F%2Flabs.finn.no%2Fblog%2Ffinn-anbefaler-ie6-brukere-a-oppgradere-sin-nettleser&amp;sl=no&amp;tl=en">dropped support for IE6</a> and initiated a <a href="http://ie6.forteller.net/index.php?title=Main_Page">campaign</a> to get others to follow suit. In fact they saw results of less ie6 users immediately which they&#8217;ve interpreted as people upgrading.</p>
<div id="attachment_563" class="wp-caption aligncenter" style="width: 746px"><a href="http://finn.no"><img class="size-full wp-image-563 " title="finn_ie6" src="http://stairwellblog.com/wp-content/uploads/2009/03/finn_ie6.png" alt=" " width="736" height="81" /></a><p class="wp-caption-text"> </p></div>
<p><strong>45Royale.com</strong><br />
<a href="http://45royale.com"> 45Royale</a> is a respectable web agency that decided to offer a <a href="http://45royale.com/ie6">one IE6 page</a> watered down version of their site to anyone using IE6. The site is very careful to let people know they&#8217;re only seeing 9% of their website and offers links to download a more modern browser.</p>
<div id="attachment_564" class="wp-caption aligncenter" style="width: 635px"><a href="http://45royale.com/ie6"><img class="size-large wp-image-564 " title="45royale_ie6" src="http://stairwellblog.com/wp-content/uploads/2009/03/45royale_ie6-625x292.png" alt="  " width="625" height="292" /></a><p class="wp-caption-text">  </p></div>
<p>So what does this mean for Billups Design? Currently we&#8217;ve worked hard to make the IE6 user experience of <a href="http://billupsdesign.com">BillupsDesign.com</a> as close to other modern browsers as possible.  We use a respectable level of ajax effects, transparent png and advanced CSS layout techniques, all of which we&#8217;ve tried to degrade gracefully for IE6. Do we keep putting hours of labor into supporting this one browser when the gulf between it and &#8220;modern&#8221; grows wider each day?</p>
<p>We&#8217;ve decided to take on a little IE6 experiment of our own. Since relaunching our site we&#8217;ve been actively pursuing feedback. With feedback comes iterations, and with iterations comes the decision to support IE6 or not. Our Google Analytics stats show that we&#8217;re getting about 4.7% of our visits from IE6 users. Thats about 1/20 users with IE6. Its a small percentage, but still a decent size. So we&#8217;ve built  a one-pager (a la 45Royale.com) to serve up to anyone visiting <a href="http://billupsdesign.com">billupsdesign.com</a> in IE6. We took a similar philosophy to mobile web design and filtered out all but the most important aspects of our site into the one page. You can check it out at <a rel="nofollow" href="http://billupsdesign.com/ie6/">billupsdesign.com/ie6/</a> .</p>
<p>Further reading:<br />
<a href="http://www.bringdownie6.com/bring-down-ie-6.html">http://www.bringdownie6.com/bring-down-ie-6.html</p>
<p>http://dearie6.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2009/04/its-time-for-ie6s-curtain-call/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>IE8 Browser Showdown With Safari 4 and Firefox 3</title>
		<link>http://stairwellblog.com/2009/03/ie8-browser-showdown-with-safari-4-and-firefox-3/</link>
		<comments>http://stairwellblog.com/2009/03/ie8-browser-showdown-with-safari-4-and-firefox-3/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 16:53:04 +0000</pubDate>
		<dc:creator>steve</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[benchmarks]]></category>
		<category><![CDATA[cross browser]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[ie 8]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[testing]]></category>

		<guid isPermaLink="false">http://stairwellblog.com/?p=641</guid>
		<description><![CDATA[<p>IE8 is here! Some of you may be ignoring that exclamation mark thinking, &#8220;Great, now I have 3 IE&#8217;s to cross browser test&#8221;. Or do you? Since IE8 officially launched at 9am Pacific time this morning I spent the next 3 hours upgrading Vista with the 90 or so upgrades it asked me to do before I could finally install IE8. I then proceeded to ask myself that same question every web developer out there is thinking, &#8220;How big of a pain in the ass is this IE going to be&#8221;. So I did a few test and benchmarks just&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>IE8 is here! Some of you may be ignoring that exclamation mark thinking, &#8220;Great, now I have 3 IE&#8217;s to cross browser test&#8221;. Or do you? Since IE8 officially launched at 9am Pacific time this morning I spent the next 3 hours upgrading Vista with the 90 or so upgrades it asked me to do before I could finally install IE8. I then proceeded to ask myself that same question every web developer out there is thinking, &#8220;How big of a pain in the ass is this IE going to be&#8221;. So I did a few test and benchmarks just to see how well IE8 stacks up against my other 2 favorite browsers, Safari 4 and Firefox 3.0.</p>
<div id="attachment_669" class="wp-caption aligncenter" style="width: 635px"><a href="http://stairwellblog.com/wp-content/uploads/2009/03/downloadie.png"><img class="size-large wp-image-669" title="downloadie" src="http://stairwellblog.com/wp-content/uploads/2009/03/downloadie-625x154.png" alt=" " width="625" height="154" /></a><p class="wp-caption-text"> </p></div>
<p><span style="font-family: mceinline;"><em>Note: I&#8217;m aware that its unfair to test a beta version of Safari, an official release of IE8, and an official release of Firefox. However, I justify this by saying when you try to download any 3 of these browsers these are the default options for downloading.</em></span></p>
<p><strong>Acid 2 Test</strong><br />
The first test is the popular <a href="http://www.webstandards.org/files/acid2/test.html"><span style="font-weight: normal;">Acid 2 Test</span></a></p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/03/acid-2-results1.png"><img class="aligncenter size-large wp-image-644" title="acid-2-results1" src="http://stairwellblog.com/wp-content/uploads/2009/03/acid-2-results1-625x239.png" alt="acid-2-results1" width="625" height="239" /></a></p>
<p>The first bit of good news is that all 3 pass the Acid 2 Test.</p>
<p><strong>Acid 3 Test</strong><br />
The next test is the new <a href="http://acid3.acidtests.org/">Acid 3 Test.</a><br />
<a style="text-decoration: none;" href="http://stairwellblog.com/wp-content/uploads/2009/03/acid3chart.png"><img class="aligncenter size-full wp-image-645" title="acid3chart" src="http://stairwellblog.com/wp-content/uploads/2009/03/acid3chart.png" alt="acid3chart" width="649" height="463" /></a></p>
<p>Below are screenshots of the individual results for the Acid 3 Test.</p>
<div class="imageleftalignrow">
<div id="attachment_649" class="wp-caption alignleft" style="width: 160px"><a class="ClearNone" href="http://stairwellblog.com/wp-content/uploads/2009/03/safari_4_acid_31.png"><img class="size-thumbnail wp-image-649  " style="clear: none;" title="safari_4_acid_31" src="http://stairwellblog.com/wp-content/uploads/2009/03/safari_4_acid_31-150x150.png" alt="Safari 4 Acid 3" width="150" height="150" /></a><p class="wp-caption-text">Safari 4 Acid 3</p></div>[caption id="attachment_647" align="alignleft" width="150" caption=" Firefox 3.0 Acid 3"]<a href="http://stairwellblog.com/wp-content/uploads/2009/03/ff_3_0_acid_3.png"><img class="size-thumbnail wp-image-647  " style="clear:none" title="ff_3_0_acid_3" src="http://stairwellblog.com/wp-content/uploads/2009/03/ff_3_0_acid_3-150x150.png" alt=" " width="150" height="150" /></a>[/caption]<div id="attachment_648" class="wp-caption alignleft" style="width: 160px"><a href="http://stairwellblog.com/wp-content/uploads/2009/03/ie8_acid_3.png"><img class="size-thumbnail wp-image-648 " style="clear:none" title="ie8_acid_3" src="http://stairwellblog.com/wp-content/uploads/2009/03/ie8_acid_3-150x150.png" alt="IE 8 Acid 3" width="150" height="150" /></a><p class="wp-caption-text">IE 8 Acid 3</p></div></p>
<p style="clear:left">The results here were pretty predictable, Safari 4 passes with flying colors, Firefox is a little behind, and IE 8 comes dead last.</p>
</div>
<p><strong>CSS Selectors</strong><br />
I used the <a href="http://www.css3.info/selectors-test/">CSS3.info CSS Selector Test</a> for this one.</p>
<p><a href="http://stairwellblog.com/wp-content/uploads/2009/03/cssselectorschart.png"><img class="aligncenter size-full wp-image-650" title="cssselectorschart" src="http://stairwellblog.com/wp-content/uploads/2009/03/cssselectorschart.png" alt="cssselectorschart" width="649" height="463" /></a></p>
<p>Below are the individual results from the CSS Selectors Test.</p>
<div class="imageleftalignrow">
<div id="attachment_651" class="wp-caption alignleft" style="width: 160px"><a href="http://stairwellblog.com/wp-content/uploads/2009/03/safari_4_css_test.png"><img class="size-thumbnail wp-image-651 " style="clear:none" title="safari_4_css_test" src="http://stairwellblog.com/wp-content/uploads/2009/03/safari_4_css_test-150x150.png" alt="Safari 4 CSS Selectors" width="150" height="150" /></a><p class="wp-caption-text">Safari 4 CSS Selectors</p></div>[caption id="attachment_652" align="alignleft" width="150" caption="Firefox 3 CSS Selectors"]<a href="http://stairwellblog.com/wp-content/uploads/2009/03/firefox_3_0-css_test.png"><img class="size-thumbnail wp-image-652 " style="clear:none" title="firefox_3_0-css_test" src="http://stairwellblog.com/wp-content/uploads/2009/03/firefox_3_0-css_test-150x150.png" alt="Firefox 3 CSS Selectors" width="150" height="150" /></a>[/caption]<div id="attachment_653" class="wp-caption alignleft" style="width: 160px"><a href="http://stairwellblog.com/wp-content/uploads/2009/03/ie8_css_test.png"><img class="size-thumbnail wp-image-653 " style="clear:none" title="ie8_css_test" src="http://stairwellblog.com/wp-content/uploads/2009/03/ie8_css_test-150x150.png" alt="IE 8 CSS Selectors" width="150" height="150" /></a><p class="wp-caption-text">IE 8 CSS Selectors</p></div>
</div>
<p style="clear:left">Yet again another predictable conclusion. Safari 4 passes all of them, Firefox 3 comes behind, and IE 8 finishes dead last. What really hurts is how far back IE is on CSS selectors. I can see this becoming a pain for years to come.</p>
<p><strong>Javascript Benchmarks</strong><br />
I used the <a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider.html">Sunspider test</a> for the Javascript Benchmarks.</p>
<p><img class="aligncenter size-full wp-image-654" title="javascriptbenchmarkschart" src="http://stairwellblog.com/wp-content/uploads/2009/03/javascriptbenchmarkschart.png" alt="javascriptbenchmarkschart" width="649" height="463" /></p>
<p>Below are the individual results from the Sunspider Javascript Benchmarks.</p>
<div class="imageleftalignrow">
<div id="attachment_655" class="wp-caption alignleft" style="width: 160px"><a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider-results.html?%7B%223d-cube%22:%5B781,524,526,519,515%5D,%223d-morph%22:%5B188,188,196,186,182%5D,%223d-raytrace%22:%5B252,225,214,211,214%5D,%22access-binary-trees%22:%5B41,11,9,9,9%5D,%22access-fannkuch%22:%5B14,14,15,14,14%5D,%22access-nbody%22:%5B412,417,507,419,398%5D,%22access-nsieve%22:%5B8,9,7,7,8%5D,%22bitops-3bit-bits-in-byte%22:%5B4,3,3,4,3%5D,%22bitops-bits-in-byte%22:%5B7,7,6,6,6%5D,%22bitops-bitwise-and%22:%5B7,8,8,8,8%5D,%22bitops-nsieve-bits%22:%5B89,99,84,84,83%5D,%22controlflow-recursive%22:%5B5,5,4,4,4%5D,%22crypto-aes%22:%5B14,13,17,13,13%5D,%22crypto-md5%22:%5B78,69,73,65,64%5D,%22crypto-sha1%22:%5B82,77,76,77,75%5D,%22date-format-tofte%22:%5B823,41,29,27,27%5D,%22date-format-xparb%22:%5B177,58,55,55,58%5D,%22math-cordic%22:%5B366,343,378,344,348%5D,%22math-partial-sums%22:%5B284,279,282,282,276%5D,%22math-spectral-norm%22:%5B140,139,137,136,136%5D,%22regexp-dna%22:%5B87,46,46,46,46%5D,%22string-base64%22:%5B40,38,37,37,36%5D,%22string-fasta%22:%5B390,71,63,64,65%5D,%22string-tagcloud%22:%5B182,90,94,92,91%5D,%22string-unpack-code%22:%5B63,64,65,74,63%5D,%22string-validate-input%22:%5B113,100,91,100,89%5D%7D"><img class="size-thumbnail wp-image-655 " style="clear:none" title="safari_4" src="http://stairwellblog.com/wp-content/uploads/2009/03/safari_4-150x150.png" alt="Safari 4 Benchmarks" width="150" height="150" /></a><p class="wp-caption-text">Safari 4 Benchmarks</p></div>[caption id="attachment_656" align="alignleft" width="150" caption="Firefox 3 Benchmarks"]<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider-results.html?%7B%223d-cube%22:%5B471,149,148,152,153%5D,%223d-morph%22:%5B95,101,102,102,101%5D,%223d-raytrace%22:%5B140,145,146,148,149%5D,%22access-binary-trees%22:%5B238,172,172,172,177%5D,%22access-fannkuch%22:%5B133,133,132,135,133%5D,%22access-nbody%22:%5B134,131,127,142,132%5D,%22access-nsieve%22:%5B47,46,46,47,46%5D,%22bitops-3bit-bits-in-byte%22:%5B100,98,100,97,101%5D,%22bitops-bits-in-byte%22:%5B105,103,103,104,105%5D,%22bitops-bitwise-and%22:%5B66,66,67,66,65%5D,%22bitops-nsieve-bits%22:%5B78,76,75,76,76%5D,%22controlflow-recursive%22:%5B137,138,137,138,139%5D,%22crypto-aes%22:%5B96,99,99,99,101%5D,%22crypto-md5%22:%5B109,111,112,114,114%5D,%22crypto-sha1%22:%5B106,104,107,107,109%5D,%22date-format-tofte%22:%5B6051,6894,10126,13689,16660%5D,%22date-format-xparb%22:%5B203,201,377,202,205%5D,%22math-cordic%22:%5B145,155,181,145,145%5D,%22math-partial-sums%22:%5B113,110,163,115,111%5D,%22math-spectral-norm%22:%5B104,106,118,106,107%5D,%22regexp-dna%22:%5B231,232,227,228,224%5D,%22string-base64%22:%5B106,109,107,111,112%5D,%22string-fasta%22:%5B319,296,311,310,299%5D,%22string-tagcloud%22:%5B1419,1450,1407,1388,1446%5D,%22string-unpack-code%22:%5B239,238,245,242,242%5D,%22string-validate-input%22:%5B152,153,155,157,157%5D%7D"><img class="size-thumbnail wp-image-656 " style="clear:none" title="firefox_3_0" src="http://stairwellblog.com/wp-content/uploads/2009/03/firefox_3_0-150x150.png" alt="Firefox 3 Benchmarks" width="150" height="150" /></a>[/caption]<div id="attachment_657" class="wp-caption alignleft" style="width: 160px"><a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider-results.html?%7B%223d-cube%22:%5B250,172,188,246,188%5D,%223d-morph%22:%5B184,172,171,187,178%5D,%223d-raytrace%22:%5B219,235,219,237,235%5D,%22access-binary-trees%22:%5B172,157,156,172,154%5D,%22access-fannkuch%22:%5B378,375,375,382,391%5D,%22access-nbody%22:%5B203,203,261,219,219%5D,%22access-nsieve%22:%5B125,125,141,141,109%5D,%22bitops-3bit-bits-in-byte%22:%5B109,109,110,109,94%5D,%22bitops-bits-in-byte%22:%5B109,109,116,110,94%5D,%22bitops-bitwise-and%22:%5B297,297,297,282,297%5D,%22bitops-nsieve-bits%22:%5B156,156,159,172,156%5D,%22controlflow-recursive%22:%5B125,125,125,125,141%5D,%22crypto-aes%22:%5B140,172,157,157,157%5D,%22crypto-md5%22:%5B94,110,109,110,123%5D,%22crypto-sha1%22:%5B94,94,110,94,110%5D,%22date-format-tofte%22:%5B218,219,234,234,218%5D,%22date-format-xparb%22:%5B203,200,203,187,203%5D,%22math-cordic%22:%5B219,204,234,235,235%5D,%22math-partial-sums%22:%5B156,156,171,172,187%5D,%22math-spectral-norm%22:%5B140,156,152,142,154%5D,%22regexp-dna%22:%5B250,250,250,250,390%5D,%22string-base64%22:%5B172,172,156,156,172%5D,%22string-fasta%22:%5B265,250,250,250,250%5D,%22string-tagcloud%22:%5B156,172,172,172,187%5D,%22string-unpack-code%22:%5B156,157,171,157,156%5D,%22string-validate-input%22:%5B156,157,140,172,172%5D%7D"><img class="size-thumbnail wp-image-657 " style="clear:none" title="ie8" src="http://stairwellblog.com/wp-content/uploads/2009/03/ie8-150x150.png" alt="IE 8 Benchmarks" width="150" height="150" /></a><p class="wp-caption-text">IE 8 Benchmarks</p></div>
</div>
<p style="clear:both">I do believe that with Firefox 3.1 (errr, 3.5) We should see Firefox pull back within range, however as of now We start to see that IE 8 isn&#8217;t doing so bad. In fact its very promising that its JScript engine could run some very powerful web applications now and in the near future.</p>
<p><strong>Website Optimization Performance Handling</strong><br />
To me the king of web optimization is <a href="http://stevesouders.com/">Steve Souders</a>. You may know him as the creator of <a href="http://developer.yahoo.com/yslow/">Yslow</a>. He&#8217;s come up with this very handy way of testing how well browsers handle web optimization techniques. For end users this means the browser shows you your pages faster and for developers its a way of finding out if our optimization efforts will do any good. I&#8217;ve run his <a href="http://stevesouders.com/ua/">UA profiler</a> on all 3 browsers. Here are the results.</p>
<p><img class="aligncenter size-full wp-image-659" title="ua_profiler_chart" src="http://stairwellblog.com/wp-content/uploads/2009/03/ua_profiler_chart.png" alt="ua_profiler_chart" width="649" height="463" /></p>
<p>Below are the individual results from Steve Souder&#8217;s UA Profiler Tests.</p>
<div class="imageleftalignrow">
<div id="attachment_665" class="wp-caption alignleft" style="width: 160px"><a href="http://stairwellblog.com/wp-content/uploads/2009/03/safari_4_ua_profiler.png"><img class="size-thumbnail wp-image-665  " style="clear:none" title="safari_4_ua_profiler" src="http://stairwellblog.com/wp-content/uploads/2009/03/safari_4_ua_profiler-150x150.png" alt=" " width="150" height="150" /></a><p class="wp-caption-text"> Safari 4 UA Profiler</p></div>[caption id="attachment_667" align="alignleft" width="150" caption="Firefox 3 UA Profiler"]<a href="http://stairwellblog.com/wp-content/uploads/2009/03/ff_3_0_ua_profiler.png"><img class="size-thumbnail wp-image-667 " style="clear:none" title="ff_3_0_ua_profiler" src="http://stairwellblog.com/wp-content/uploads/2009/03/ff_3_0_ua_profiler-150x150.png" alt="Firefox 3 UA Profiler" width="150" height="150" /></a>[/caption]<div id="attachment_668" class="wp-caption alignleft" style="width: 160px"><a href="http://stairwellblog.com/wp-content/uploads/2009/03/ie8_ua_profiler.png"><img class="size-thumbnail wp-image-668 " style="clear:none" title="ie8_ua_profiler" src="http://stairwellblog.com/wp-content/uploads/2009/03/ie8_ua_profiler-150x150.png" alt="IE 8 UA Profiler" width="150" height="150" /></a><p class="wp-caption-text">IE 8 UA Profiler</p></div>
</div>
<p style="clear:both">IE 8 seems to stand up on its own in this one. However, there doesn&#8217;t really seem to be any clear winner. Each browser has its strength and weaknesses.</p>
<p>Well it does seem that IE 8 is an improvement and even managed to stay even or beat the current Firefox 3.0 browser. However, as I think many of us anticipated, there&#8217;s not going to be parades in IE 8&#8242;s honor.</p>
<p>What kind of conclusions can you draw from these tests, if any?</p>
<p><strong><em>Update 3/20/09</em></strong><br />
These original tests were meant to see what IE 8 is doing compared to the current releases of its competitors, but there seems to be a concern that Firefox 3.0 isn&#8217;t a fair competitor to Safari 4. So if you&#8217;re curious to see how well IE 8 is doing against the latest beta versions of Safari (a.k.a Webkit) and Firefox I&#8217;ve compiled some new charts below to show the results of the same tests.<br />
<em>Note: I didn&#8217;t include the results of the Acid 2 test again since all 3 browsers passed it completely.</em></p>
<p>
<img src="http://stairwellblog.com/wp-content/uploads/2009/03/beta-acid-3-chart.png" alt="beta-acid-3-chart" title="beta-acid-3-chart" width="649" height="463" class="aligncenter size-full wp-image-684" />
</p>
<p>
<img src="http://stairwellblog.com/wp-content/uploads/2009/03/beta-css-chart.png" alt="beta-css-chart" title="beta-css-chart" width="649" height="463" class="aligncenter size-full wp-image-685" />
</p>
<p>
<img src="http://stairwellblog.com/wp-content/uploads/2009/03/beta-javascript-benchmarks-chart.png" alt="beta-javascript-benchmarks-chart" title="beta-javascript-benchmarks-chart" width="649" height="463" class="aligncenter size-full wp-image-686" />
</p>
<p>Below are the individual results of the Sunspider Javascript Benchmarks</p>
<div class="imageleftalignrow">
<div id="attachment_688" class="wp-caption alignleft" style="width: 160px"><a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider-results.html?%7B%223d-cube%22:%5B87,72,73,70,75%5D,%223d-morph%22:%5B54,54,54,54,54%5D,%223d-raytrace%22:%5B43,38,44,37,41%5D,%22access-binary-trees%22:%5B8,10,10,10,10%5D,%22access-fannkuch%22:%5B13,13,13,13,13%5D,%22access-nbody%22:%5B49,52,50,50,50%5D,%22access-nsieve%22:%5B7,6,7,6,6%5D,%22bitops-3bit-bits-in-byte%22:%5B3,4,3,3,3%5D,%22bitops-bits-in-byte%22:%5B8,7,6,6,6%5D,%22bitops-bitwise-and%22:%5B8,8,8,8,8%5D,%22bitops-nsieve-bits%22:%5B20,20,21,20,21%5D,%22controlflow-recursive%22:%5B5,4,5,4,4%5D,%22crypto-aes%22:%5B17,16,14,13,14%5D,%22crypto-md5%22:%5B19,19,19,18,19%5D,%22crypto-sha1%22:%5B17,17,17,17,16%5D,%22date-format-tofte%22:%5B28,30,32,28,35%5D,%22date-format-xparb%22:%5B42,46,43,46,44%5D,%22math-cordic%22:%5B48,47,47,47,47%5D,%22math-partial-sums%22:%5B53,54,56,56,53%5D,%22math-spectral-norm%22:%5B19,22,19,20,19%5D,%22regexp-dna%22:%5B38,31,30,30,31%5D,%22string-base64%22:%5B21,21,20,21,20%5D,%22string-fasta%22:%5B35,44,34,35,34%5D,%22string-tagcloud%22:%5B84,83,81,80,83%5D,%22string-unpack-code%22:%5B53,54,52,52,52%5D,%22string-validate-input%22:%5B43,43,43,44,48%5D%7D"><img src="http://stairwellblog.com/wp-content/uploads/2009/03/webkit-javascript-benchmarks-150x150.png" alt="Webkit" title="webkit-javascript-benchmarks" width="150" height="150" class="size-thumbnail wp-image-688" /></a><p class="wp-caption-text">Webkit</p></div>[caption id="attachment_689" align="alignleft" width="150" caption="Firefox 3.1b3"]<a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider-results.html?%7B%223d-cube%22:%5B47,65,68,68,65%5D,%223d-morph%22:%5B26,56,53,53,57%5D,%223d-raytrace%22:%5B83,80,79,84,81%5D,%22access-binary-trees%22:%5B42,41,43,44,45%5D,%22access-fannkuch%22:%5B52,50,47,51,51%5D,%22access-nbody%22:%5B26,24,24,25,23%5D,%22access-nsieve%22:%5B10,83,83,81,82%5D,%22bitops-3bit-bits-in-byte%22:%5B2,3,1,1,1%5D,%22bitops-bits-in-byte%22:%5B8,13,7,10,7%5D,%22bitops-bitwise-and%22:%5B1,2,2,1,2%5D,%22bitops-nsieve-bits%22:%5B24,27,26,25,26%5D,%22controlflow-recursive%22:%5B30,33,29,30,31%5D,%22crypto-aes%22:%5B96,96,99,94,100%5D,%22crypto-md5%22:%5B25,22,23,22,25%5D,%22crypto-sha1%22:%5B9,10,11,11,11%5D,%22date-format-tofte%22:%5B85,86,81,82,81%5D,%22date-format-xparb%22:%5B121,116,117,120,117%5D,%22math-cordic%22:%5B17,17,17,17,26%5D,%22math-partial-sums%22:%5B12,15,12,12,12%5D,%22math-spectral-norm%22:%5B6,6,6,5,6%5D,%22regexp-dna%22:%5B65,64,68,72,66%5D,%22string-base64%22:%5B19,19,19,23,19%5D,%22string-fasta%22:%5B83,82,84,88,89%5D,%22string-tagcloud%22:%5B96,96,97,99,97%5D,%22string-unpack-code%22:%5B152,151,150,150,152%5D,%22string-validate-input%22:%5B51,49,48,54,49%5D%7D"><img src="http://stairwellblog.com/wp-content/uploads/2009/03/firefox-3_1-javascript-benchmarks-150x150.png" alt="Firefox 3.1b3" title="firefox-3_1-javascript-benchmarks" width="150" height="150" class="size-thumbnail wp-image-689" /></a>[/caption]<div id="attachment_657" class="wp-caption alignleft" style="width: 160px"><a href="http://www2.webkit.org/perf/sunspider-0.9/sunspider-results.html?%7B%223d-cube%22:%5B250,172,188,246,188%5D,%223d-morph%22:%5B184,172,171,187,178%5D,%223d-raytrace%22:%5B219,235,219,237,235%5D,%22access-binary-trees%22:%5B172,157,156,172,154%5D,%22access-fannkuch%22:%5B378,375,375,382,391%5D,%22access-nbody%22:%5B203,203,261,219,219%5D,%22access-nsieve%22:%5B125,125,141,141,109%5D,%22bitops-3bit-bits-in-byte%22:%5B109,109,110,109,94%5D,%22bitops-bits-in-byte%22:%5B109,109,116,110,94%5D,%22bitops-bitwise-and%22:%5B297,297,297,282,297%5D,%22bitops-nsieve-bits%22:%5B156,156,159,172,156%5D,%22controlflow-recursive%22:%5B125,125,125,125,141%5D,%22crypto-aes%22:%5B140,172,157,157,157%5D,%22crypto-md5%22:%5B94,110,109,110,123%5D,%22crypto-sha1%22:%5B94,94,110,94,110%5D,%22date-format-tofte%22:%5B218,219,234,234,218%5D,%22date-format-xparb%22:%5B203,200,203,187,203%5D,%22math-cordic%22:%5B219,204,234,235,235%5D,%22math-partial-sums%22:%5B156,156,171,172,187%5D,%22math-spectral-norm%22:%5B140,156,152,142,154%5D,%22regexp-dna%22:%5B250,250,250,250,390%5D,%22string-base64%22:%5B172,172,156,156,172%5D,%22string-fasta%22:%5B265,250,250,250,250%5D,%22string-tagcloud%22:%5B156,172,172,172,187%5D,%22string-unpack-code%22:%5B156,157,171,157,156%5D,%22string-validate-input%22:%5B156,157,140,172,172%5D%7D"><img src="http://stairwellblog.com/wp-content/uploads/2009/03/ie8-150x150.png" alt="IE 8" title="ie8" width="150" height="150" class="size-thumbnail wp-image-657" /></a><p class="wp-caption-text">IE 8</p></div>
</div>
<p style="clear:both">
<img src="http://stairwellblog.com/wp-content/uploads/2009/03/beta-ua_profiler.png" alt="beta-ua_profiler" title="beta-ua_profiler" width="649" height="463" class="aligncenter size-full wp-image-687" />
</p>
<p>
As expected Firefox comes right back into the game with its latest beta. In fact its a clear winner of the UA Profiler test.</p>
]]></content:encoded>
			<wfw:commentRss>http://stairwellblog.com/2009/03/ie8-browser-showdown-with-safari-4-and-firefox-3/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
	</channel>
</rss>

