<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Home of Peter Haza &#187; CSS</title>
	<atom:link href="http://blog.peterhaza.no/category/programming/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.peterhaza.no</link>
	<description>Opinions on most things</description>
	<lastBuildDate>Sat, 28 Nov 2009 12:36:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Does the Norway initiated IE6-campaign work?</title>
		<link>http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/</link>
		<comments>http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/#comments</comments>
		<pubDate>Sat, 21 Feb 2009 10:14:35 +0000</pubDate>
		<dc:creator>Peter Haza</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet Explorer Campaign]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Society]]></category>

		<guid isPermaLink="false">http://blog.peterhaza.no/?p=345</guid>
		<description><![CDATA[Very many of you have by now noticed the national and international campaign against Internet explorer 6. Several major sites (wired, the register, digg, slashdot) picked up the story, and the word spread at an amazing speed. The interesting question is, does it have any effect? Pål Nedregotten, Channel Manager at API, which has 50 [...]]]></description>
			<content:encoded><![CDATA[<p>Very many of you have by now noticed the <a href="http://blog.peterhaza.no/national-collaboration-to-push-out-internet-explorer-6/">national</a> and <a href="http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/">international</a> campaign against Internet explorer 6. Several major sites (<a href="http://blog.wired.com/business/2009/02/norwegian-websi.html" onclick="pageTracker._trackPageview('/outgoing/blog.wired.com/business/2009/02/norwegian-websi.html?referer=');">wired</a>, <a href="http://theregister.co.uk/2009/02/19/norway_ie6/" onclick="pageTracker._trackPageview('/outgoing/theregister.co.uk/2009/02/19/norway_ie6/?referer=');">the register</a>, <a href="http://digg.com/microsoft/Current_Norwegian_web_sites_warning_against_IE" onclick="pageTracker._trackPageview('/outgoing/digg.com/microsoft/Current_Norwegian_web_sites_warning_against_IE?referer=');">digg</a>, <a href="http://tech.slashdot.org/article.pl?sid=09/02/20/214210" onclick="pageTracker._trackPageview('/outgoing/tech.slashdot.org/article.pl?sid=09/02/20/214210&amp;referer=');">slashdot</a>) picked up the story, and the word spread at an amazing speed. </p>

<p>The interesting question is, does it have any effect? 
Pål Nedregotten, Channel Manager at <a href="http://www.api.no" onclick="pageTracker._trackPageview('/outgoing/www.api.no?referer=');">API</a>, which has 50 news papers with IE6 warning under their wings, posted some <a href="http://blogg.api.no/-/bulletin/show/243485_ie6-andeler-paa-a-pressens-nettsteder" onclick="pageTracker._trackPageview('/outgoing/blogg.api.no/-/bulletin/show/243485_ie6-andeler-paa-a-pressens-nettsteder?referer=');">stats</a> which he keeps updating with numbers for <a href="http://blogg.api.no/-/image/show/734714_ie-andeler-time-for-time" onclick="pageTracker._trackPageview('/outgoing/blogg.api.no/-/image/show/734714_ie-andeler-time-for-time?referer=');">hour by hour</a> and per <a href="http://blogg.api.no/-/image/show/734713_ie6-brukende-domener-fredag-20-februar" onclick="pageTracker._trackPageview('/outgoing/blogg.api.no/-/image/show/734713_ie6-brukende-domener-fredag-20-februar?referer=');">hostname</a>. The graphs show IE6 usage Friday 13th compared to Friday 20th of February.</p>

<p>From the updates we can see that there actually is a decrease in IE6 usage. (Red numbers are good)
At the same time we know that there are winter holidays in Norway this week, and thus we will not know for sure before 1-2 weeks have passed.</p>

<p>It&#8217;s also important to remember that the impact of the campaign is not not likely to be visible from day one. As has been mentioned numerous places, the biggest job isn&#8217;t to make average Joe update his machine, but getting the big companies&#8217; IT departments to update their machines. We can clearly see this with numbers from <a href="http://www.budstikka.no" onclick="pageTracker._trackPageview('/outgoing/www.budstikka.no?referer=');">Budstikka.no</a>, where I work. On a typical work day we see 23-25% with IE6, while on Saturdays and Sundays we see a drop down to 10% IE6 usage.</p>

<p>Big companies are of course reluctant to upgrade their machines. They have everything working right now, both intranet and internet. They have also applied all possible patches to IE6 to make it more secure, so security isn&#8217;t that much of an issue. Why would they want to upgrade?</p>

<p>The hope of this campaign is to make direct and indirect pressure on the IT departments to update their machine parks. By putting this banner out on all possible sites, users and IT departments will be constantly reminded that using an eight-year old browser is unacceptable, especially when you think about how much www has evolved.</p>

<p>Hopefully this will be the push most companies need, and that they will start planning to upgrade. This however requires testing and patching before it can be rolled out. I only hope that before the summer, the IE6 numbers will be so low that we can ignore IE6 completely.</p>

<p>I can also reveal that on <a href="http://www.budstikka.no" onclick="pageTracker._trackPageview('/outgoing/www.budstikka.no?referer=');">budstikka</a> I&#8217;ve been given green light for ignoring IE6 in our new design. The reason we can do this is that we will have the old design, which supports IE6, running too, and we can just forward IE6 users there automatically by doing some user agent sniffing.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/&amp;title=Does+the+Norway+initiated+IE6-campaign+work%3F" rel="nofollow" class="external" title="Share this on del.icio.us" onclick="pageTracker._trackPageview('/outgoing/delicious.com/post?url=http_//blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/_amp_title=Does+the+Norway+initiated+IE6-campaign+work_3F&amp;referer=');">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/&amp;t=Does+the+Norway+initiated+IE6-campaign+work%3F" rel="nofollow" class="external" title="Share this on Facebook" onclick="pageTracker._trackPageview('/outgoing/www.facebook.com/share.php?v=4_amp_src=bm_amp_u=http_//blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/_amp_t=Does+the+Norway+initiated+IE6-campaign+work_3F&amp;referer=');">Share this on Facebook</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/&amp;title=Does+the+Norway+initiated+IE6-campaign+work%3F" rel="nofollow" class="external" title="Share this on Reddit" onclick="pageTracker._trackPageview('/outgoing/reddit.com/submit?url=http_//blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/_amp_title=Does+the+Norway+initiated+IE6-campaign+work_3F&amp;referer=');">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/&amp;title=Does+the+Norway+initiated+IE6-campaign+work%3F" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon" onclick="pageTracker._trackPageview('/outgoing/www.stumbleupon.com/submit?url=http_//blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/_amp_title=Does+the+Norway+initiated+IE6-campaign+work_3F&amp;referer=');">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Does+the+Norway+initiated+IE6-campaign+work%3F+-+http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!" onclick="pageTracker._trackPageview('/outgoing/twitter.com/home?status=Does+the+Norway+initiated+IE6-campaign+work_3F+-+http_//blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/_amp_source=shareaholic&amp;referer=');">Tweet This!</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/&amp;title=Does+the+Norway+initiated+IE6-campaign+work%3F" rel="nofollow" class="external" title="Digg this!" onclick="pageTracker._trackPageview('/outgoing/digg.com/submit?phase=2_amp_url=http_//blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/_amp_title=Does+the+Norway+initiated+IE6-campaign+work_3F&amp;referer=');">Digg this!</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22Does%20the%20Norway%20initiated%20IE6-campaign%20work%3F%22&amp;body=Link: http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A Very%20many%20of%20you%20have%20by%20now%20noticed%20the%20%5Bnational%5D%5B%5D%20and%20%5Binternational%5D%5B%5D%20campaign%20against%20Internet%20explorer%206.%20Several%20major%20sites%20%28%5Bwired%5D%5B%5D%2C%20%5Bthe%20register%5D%5Btheregister%5D%2C%20%5Bdigg%5D%5B%5D%2C%20%5Bslashdot%5D%5B%5D%29%20picked%20up%20the%20story%2C%20and%20the%20word%20spread%20at%20an%20amazing%20speed.%20%0A%0AThe%20interesting%20question%20is%2C%20does%20it%20" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://blog.peterhaza.no/does-the-norway-initiated-ie6-campaign-work/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Current international web sites warning against Internet Explorer 6</title>
		<link>http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/</link>
		<comments>http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/#comments</comments>
		<pubDate>Thu, 19 Feb 2009 09:07:21 +0000</pubDate>
		<dc:creator>Peter Haza</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet Explorer Campaign]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Society]]></category>

		<guid isPermaLink="false">http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/</guid>
		<description><![CDATA[As mentioned earlier, there is a national collaboration amongst Norwegian web sites to make people upgrade their IE6 installation to something better; where better is anything from IE7 to Safari. Being on a Mac, I have no easy way to actually see these warnings. I thought it would be cool to see, so I started [...]]]></description>
			<content:encoded><![CDATA[<p>As mentioned <a href="http://blog.peterhaza.no/national-collaboration-to-push-out-internet-explorer-6/">earlier</a>, there is a national collaboration amongst Norwegian web sites to make people upgrade their IE6 installation to something better; where better is anything from IE7 to Safari.</p>

<p>Being on a Mac, I have no easy way to actually see these warnings. I thought it would be cool to see, so I started asking around for screen shots. The result can be seen <a href="http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/">here</a>.</p>

<p>Apparently this campaign also spread to Sweden and Australia, so now I&#8217;ve created this post to try to keep track of international pages working for the same campaign: To push IE6 percentages so low that you don&#8217;t have to take it into consideration when you create web sites anymore.</p>

<p><span id="more-231"></span>
<a href="http://www.axbom.se" onclick="pageTracker._trackPageview('/outgoing/www.axbom.se?referer=');">axbom.se</a> is a Swedish site about web strategies and web trends:
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/axbomse.png" alt="Axbom.se" /></p>

<p><a href="http://www.travelfish.org" onclick="pageTracker._trackPageview('/outgoing/www.travelfish.org?referer=');">travelfish.org</a> is an Indonesian travel intelligence site
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/travelfishorg.png" alt="Travelfish.org" /></p>

<p><a href="http://www.mappic.org" onclick="pageTracker._trackPageview('/outgoing/www.mappic.org?referer=');">mappic.org</a> is a site where users can add pictures from places around the globe
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/mappicorg.png" alt="Mappic.org" /></p>

<p><a href="http://Www.travelfusion.com" onclick="pageTracker._trackPageview('/outgoing/Www.travelfusion.com?referer=');">travelfusion.com</a> is a search engine related to travel information
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/travelfusioncom.png" alt="Travelfusion.com" /></p>

<p><a href="http://www.aftonbladet.se" onclick="pageTracker._trackPageview('/outgoing/www.aftonbladet.se?referer=');">aftonbloadet.se</a> is one of the biggest news sites in Sweden
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/aftonbladetse.png" alt="Aftonbladet.se" /></p>

<p><a href="http://www.travellerspoint.com" onclick="pageTracker._trackPageview('/outgoing/www.travellerspoint.com?referer=');">travellerspoint.com</a> is a site to share and plan travels
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/travellerspointcom.png" alt="Travellerspoint.com" /></p>

<p><a href="http://www.flashmagazine.com" onclick="pageTracker._trackPageview('/outgoing/www.flashmagazine.com?referer=');">flashmagazine.com</a> is a site striving to give the best information about flash and related productions. Offices in Norway
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/flashingmagazinecom.png" alt="Flashingmagazine.com" /></p>

<p><a href="http://www.whoa.nu" onclick="pageTracker._trackPageview('/outgoing/www.whoa.nu?referer=');">whoa.nu</a> is the biggest hip hop site in Sweden
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/whoanu.png" alt="Whoa.nu" /></p>

<p><a href="http://www.easyimagesoftware.com" onclick="pageTracker._trackPageview('/outgoing/www.easyimagesoftware.com?referer=');">easyimagesoftware.com</a> is a site for a product site for easy image software
<a href="http://www.flickr.com/photos/peterhaza/3294573103/" title="easyimagesoftware.com by peterhaza, on Flickr" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com/photos/peterhaza/3294573103/?referer=');"><img src="http://farm4.static.flickr.com/3429/3294573103_1feca473db.jpg" alt="easyimagesoftware.com" /></a></p>

<p><a href="http://www.Willhaben.at" onclick="pageTracker._trackPageview('/outgoing/www.Willhaben.at?referer=');">Willhaben.at</a> is a big online market place is Austria, eqiuvalent of Norwegian <a href="http://Www.finn.no" onclick="pageTracker._trackPageview('/outgoing/Www.finn.no?referer=');">finn.no</a>
<a href="http://www.flickr.com/photos/peterhaza/3294792923/" title="Willhaben.at by peterhaza, on Flickr" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com/photos/peterhaza/3294792923/?referer=');"><img src="http://farm4.static.flickr.com/3544/3294792923_907d501e5e.jpg" alt="Willhaben.at" /></a></p>

<p><a href="http://www.tv2.dk" onclick="pageTracker._trackPageview('/outgoing/www.tv2.dk?referer=');">tv2.dk</a> is the danish TV2 channel
<a href="http://www.flickr.com/photos/peterhaza/3294878635/" title="tv2.dk by peterhaza, on Flickr" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com/photos/peterhaza/3294878635/?referer=');"><img src="http://farm4.static.flickr.com/3325/3294878635_c216d6a74d.jpg" alt="tv2.dk" /></a></p>

<p><a href="http://Www.hogyan.org" onclick="pageTracker._trackPageview('/outgoing/Www.hogyan.org?referer=');">hogyan.org</a> is an Hungarian how-to site
<a href="http://www.flickr.com/photos/peterhaza/3297036983/" title="hogyan.org by peterhaza, on Flickr" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com/photos/peterhaza/3297036983/?referer=');"><img src="http://farm4.static.flickr.com/3372/3297036983_c4c3268193.jpg" alt="hogyan.org" /></a></p>

<p>Anyone missing? Please <a href="http://www.twitter.com/home?status=@phaza+" onclick="pageTracker._trackPageview('/outgoing/www.twitter.com/home?status=_phaza+&amp;referer=');">send me a message on twitter</a> with a screen shot. (Having a hard time doing them myself, as I don&#8217;t have access to IE6 on my mac)</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/&amp;title=Current+international+web+sites+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Share this on del.icio.us" onclick="pageTracker._trackPageview('/outgoing/delicious.com/post?url=http_//blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/_amp_title=Current+international+web+sites+warning+against+Internet+Explorer+6&amp;referer=');">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/&amp;t=Current+international+web+sites+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Share this on Facebook" onclick="pageTracker._trackPageview('/outgoing/www.facebook.com/share.php?v=4_amp_src=bm_amp_u=http_//blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/_amp_t=Current+international+web+sites+warning+against+Internet+Explorer+6&amp;referer=');">Share this on Facebook</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/&amp;title=Current+international+web+sites+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Share this on Reddit" onclick="pageTracker._trackPageview('/outgoing/reddit.com/submit?url=http_//blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/_amp_title=Current+international+web+sites+warning+against+Internet+Explorer+6&amp;referer=');">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/&amp;title=Current+international+web+sites+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon" onclick="pageTracker._trackPageview('/outgoing/www.stumbleupon.com/submit?url=http_//blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/_amp_title=Current+international+web+sites+warning+against+Internet+Explorer+6&amp;referer=');">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Current+international+web+sites+warning+against+Internet+Explorer+6+-+http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!" onclick="pageTracker._trackPageview('/outgoing/twitter.com/home?status=Current+international+web+sites+warning+against+Internet+Explorer+6+-+http_//blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/_amp_source=shareaholic&amp;referer=');">Tweet This!</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/&amp;title=Current+international+web+sites+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Digg this!" onclick="pageTracker._trackPageview('/outgoing/digg.com/submit?phase=2_amp_url=http_//blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/_amp_title=Current+international+web+sites+warning+against+Internet+Explorer+6&amp;referer=');">Digg this!</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22Current%20international%20web%20sites%20warning%20against%20Internet%20Explorer%206%22&amp;body=Link: http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A As%20mentioned%20%5Bearlier%5D%5B1%5D%2C%20there%20is%20a%20national%20collaboration%20amongst%20Norwegian%20web%20sites%20to%20make%20people%20upgrade%20their%20IE6%20installation%20to%20something%20better%3B%20where%20better%20is%20anything%20from%20IE7%20to%20Safari.%0A%0ABeing%20on%20a%20Mac%2C%20I%20have%20no%20easy%20way%20to%20actually%20see%20these%20warnings.%20I%20thought%20it%20would%20be%20cool%20to%20s" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/feed/</wfw:commentRss>
		<slash:comments>51</slash:comments>
		</item>
		<item>
		<title>Current Web sites in Norway warning against Internet Explorer 6</title>
		<link>http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/</link>
		<comments>http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 19:57:14 +0000</pubDate>
		<dc:creator>Peter Haza</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Internet Explorer Campaign]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[Society]]></category>

		<guid isPermaLink="false">http://blog.peterhaza.no/?p=187</guid>
		<description><![CDATA[As mentioned earlier, there is a national collaboration amongst Norwegian web sites to make people upgrade their IE6 installation to something better; where better is anything from IE7 to Safari. Being on a Mac, I have no easy way to actually see these warnings. I thought it would be cool to see, so I started [...]]]></description>
			<content:encoded><![CDATA[<p>As mentioned <a href="http://blog.peterhaza.no/national-collaboration-to-push-out-internet-explorer-6/">earlier</a>, there is a national collaboration amongst Norwegian web sites to make people upgrade their IE6 installation to something better; where better is anything from IE7 to Safari.</p>

<p>Being on a Mac, I have no easy way to actually see these warnings. I thought it would be cool to see, so I started asking around for screen shots. In this blog post I&#8217;ve collected as many images as I can to show how the differnet sites are &#8220;edutcating&#8221; the Norwegian masses.</p>

<p>For international sites, you can <a href="http://blog.peterhaza.no/current-international-web-sites-warning-against-internet-explorer-6/">look here</a>.</p>

<p><span id="more-187"></span>
<a href="http://www.finn.no" onclick="pageTracker._trackPageview('/outgoing/www.finn.no?referer=');">finn.no</a> is the biggest online buy and sell market in Norway. <a href="http://labs.finn.no/blog/finn-anbefaler-ie6-brukere-a-oppgradere-sin-nettleser" onclick="pageTracker._trackPageview('/outgoing/labs.finn.no/blog/finn-anbefaler-ie6-brukere-a-oppgradere-sin-nettleser?referer=');">Their blogpost</a>. They were the first to suggest doing the campaign, on Twitter
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/finnno.png" alt="Finn.no" /></p>

<p><a href="http://www.tu.no/it/article199563.ece" onclick="pageTracker._trackPageview('/outgoing/www.tu.no/it/article199563.ece?referer=');">tu.no</a> were first to publish <a href="http://www.tu.no/it/article199563.ece" onclick="pageTracker._trackPageview('/outgoing/www.tu.no/it/article199563.ece?referer=');">a post</a> about it
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/tuno.png" alt="Tu.no" /></p>

<p><a href="http://www.gamer.no" onclick="pageTracker._trackPageview('/outgoing/www.gamer.no?referer=');">gamer.no</a> is the biggest gaming site in Norway, and have a whole 47% of their users on Firefox. Still they want to help out
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/gamerno.png" alt="Gamer.no" /></p>

<p><a href="http://www.nettby.no" onclick="pageTracker._trackPageview('/outgoing/www.nettby.no?referer=');">nettby.no</a> is the biggest norwegian community online. Owned by <a href="http://www.vg.no" onclick="pageTracker._trackPageview('/outgoing/www.vg.no?referer=');">vg.no</a>
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/nettbyno.png" alt="Nettby.no" /></p>

<p><a href="http://www.nextgentel.no" onclick="pageTracker._trackPageview('/outgoing/www.nextgentel.no?referer=');">nextgentel.no</a> is one of the bigger ISPs in Norway, they also run <a href="http://www.broadpark.no" onclick="pageTracker._trackPageview('/outgoing/www.broadpark.no?referer=');">broadpark.no</a> which has the same message
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/nextgentelno.png" alt="Nextgentel.no" /></p>

<p><a href="http://www.pwned.no" onclick="pageTracker._trackPageview('/outgoing/www.pwned.no?referer=');">pwned.no</a> is the biggest online game tournament site in Norway:
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/pwnedno.png" alt="Pwned.no" /></p>

<p><a href="http://www.rb.no" onclick="pageTracker._trackPageview('/outgoing/www.rb.no?referer=');">rb.no</a> is a local news paper owned by the umbrella corporation <a href="http://www.api.no" onclick="pageTracker._trackPageview('/outgoing/www.api.no?referer=');">A-pressen interaktiv</a>. API has about <strong>50</strong> online papers, all with the same warning
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/rbno.png" alt="Rb.no" /></p>

<p><a href="http://www.sesam.no" onclick="pageTracker._trackPageview('/outgoing/www.sesam.no?referer=');">sesam.no</a> is a norwegian search engine and portal, who also have their own mapping service. They are a part of <a href="http://www.finn.no" onclick="pageTracker._trackPageview('/outgoing/www.finn.no?referer=');">finn.no</a>
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/sesamno.png" alt="Sesam.no" /></p>

<p><a href="http://www.start.no" onclick="pageTracker._trackPageview('/outgoing/www.start.no?referer=');">start.no</a> is an online entertainment arena for youth in Norway
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/startno.png" alt="Start.no" /></p>

<p><a href="http://www.studentersamfundet.no" onclick="pageTracker._trackPageview('/outgoing/www.studentersamfundet.no?referer=');">studentersamfundet.no</a> is the Norwegian student society
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/studentersamfundetno.png" alt="Studentersamfundet.no" /></p>

<p><a href="http://www.vg.no" onclick="pageTracker._trackPageview('/outgoing/www.vg.no?referer=');">vg.no</a> is the biggest news site in Norway. They don&#8217;t like IE6 either
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/vgno.png" alt="Vg.no" /></p>

<p><a href="http://Www.db.no" onclick="pageTracker._trackPageview('/outgoing/Www.db.no?referer=');">db.no</a> is the second biggest news site in Norway. Although late, they are now participating in the campaign. They also have <a href="http://www.dagbladet.no/2009/02/20/kultur/tekno/internett/internet_explorer/4947986/" onclick="pageTracker._trackPageview('/outgoing/www.dagbladet.no/2009/02/20/kultur/tekno/internett/internet_explorer/4947986/?referer=');">an article</a>
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/dbno.png" alt="Db.no" /></p>

<p><a href="http://www.sol.no" onclick="pageTracker._trackPageview('/outgoing/www.sol.no?referer=');">sol.no</a> is a large news portal forwarding clients to articles on other sites
<a href="http://www.flickr.com/photos/peterhaza/3295341890/" title="sol.no by peterhaza, on Flickr" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com/photos/peterhaza/3295341890/?referer=');"><img src="http://farm4.static.flickr.com/3563/3295341890_b28a536e44.jpg" alt="sol.no" /></a></p>

<p><a href="http://www.dn.no" onclick="pageTracker._trackPageview('/outgoing/www.dn.no?referer=');">dn.no</a> is a big site about business news
<a href="http://www.flickr.com/photos/peterhaza/3295396828/" title="dn.no by peterhaza, on Flickr" onclick="pageTracker._trackPageview('/outgoing/www.flickr.com/photos/peterhaza/3295396828/?referer=');"><img src="http://farm4.static.flickr.com/3312/3295396828_e9d5272ba3.jpg" alt="dn.no" /></a></p>

<p><a href="http://www.foreldreportalen.no" onclick="pageTracker._trackPageview('/outgoing/www.foreldreportalen.no?referer=');">foreldreportalen.no</a> is a parent portal
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/foreldreportalenno.png" alt="Foreldreportalen.no" /></p>

<p><a href="http://www.lakarbo.no" onclick="pageTracker._trackPageview('/outgoing/www.lakarbo.no?referer=');">lavkarbo.no</a> is a portal for taklking about different diets
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/lavkarbono.png" alt="Lavkarbo.no" /></p>

<p><a href="http://www.nwo.no" onclick="pageTracker._trackPageview('/outgoing/www.nwo.no?referer=');">nwo.no</a> plans to take over the world and have one global unitarian government. They have a slightly different approach, where they actually thank people for using IE6 as the insecure browser it is, making it easier for nwo to accomplish their goal
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/nwono.png" alt="Nwo.no" /></p>

<p><a href="http://www.gulesider.no" onclick="pageTracker._trackPageview('/outgoing/www.gulesider.no?referer=');">gulesider.no</a> Yellow pages
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/gulesiderno.png" alt="Gulesider.no" /></p>

<p><a href="http://www.telefonkatelogen.no" onclick="pageTracker._trackPageview('/outgoing/www.telefonkatelogen.no?referer=');">telefonkatelogen.no</a> online phone book. Owned by <a href="http://www.gulesider.no" onclick="pageTracker._trackPageview('/outgoing/www.gulesider.no?referer=');">gulesider.no</a>
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/telefonkatalogenno.png" alt="Telefonkatalogen.no" /></p>

<p><a href="http://www.keyteq.no" onclick="pageTracker._trackPageview('/outgoing/www.keyteq.no?referer=');">keyteq.no</a> does online marketing
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/keyteqno.png" alt="Keyteq.no" /></p>

<p><a href="http://www.mac1.no" onclick="pageTracker._trackPageview('/outgoing/www.mac1.no?referer=');">mac1.no</a> is a mac portal
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/mac1no.png" alt="Mac1.no" /></p>

<p><a href="http://www.linux1.no" onclick="pageTracker._trackPageview('/outgoing/www.linux1.no?referer=');">linux1.no</a> is a linux portal
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/linux1no.png" alt="Linux1.no" /></p>

<p><a href="http://www.ipod1.no" onclick="pageTracker._trackPageview('/outgoing/www.ipod1.no?referer=');">ipod1.no</a> is an ipod portal
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/ipod1no.png" alt="Ipod1.no" /></p>

<p><a href="http://www.kreativ1.no" onclick="pageTracker._trackPageview('/outgoing/www.kreativ1.no?referer=');">kreativ1.no</a> is a portal for creative work and people. They also have an <a href="http://kreativ1.no/artikkel/462/dugnad-mot-ie6" onclick="pageTracker._trackPageview('/outgoing/kreativ1.no/artikkel/462/dugnad-mot-ie6?referer=');">article about the IE6 campaign</a>
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/kreativ1no.png" alt="Kreativ1.no" /></p>

<p><a href="http://www.aftenposten.no" onclick="pageTracker._trackPageview('/outgoing/www.aftenposten.no?referer=');">aftenposten.no</a> is the third biggest news site in Norway
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/aftenpostenno.png" alt="Aftenposten.no" /></p>

<p><a href="http://www.morgenbladet.no" onclick="pageTracker._trackPageview('/outgoing/www.morgenbladet.no?referer=');">morgenbladet.no</a> is a news paper with emphasis on culture, art, literature and politics
<img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/morgenbladetno.png" alt="Morgenbladet.no" /></p>

<p><a href="http://www.sysedata.no" onclick="pageTracker._trackPageview('/outgoing/www.sysedata.no?referer=');">sysedata.no</a> is one of Norway&#8217;s biggest hosting providers and ISP
 <img src="http://blog.peterhaza.no/wp-content/uploads/2009/02/sysedatano.png" alt="Sysedata.no" /></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/&amp;title=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Share this on del.icio.us" onclick="pageTracker._trackPageview('/outgoing/delicious.com/post?url=http_//blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/_amp_title=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6&amp;referer=');">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/&amp;t=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Share this on Facebook" onclick="pageTracker._trackPageview('/outgoing/www.facebook.com/share.php?v=4_amp_src=bm_amp_u=http_//blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/_amp_t=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6&amp;referer=');">Share this on Facebook</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/&amp;title=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Share this on Reddit" onclick="pageTracker._trackPageview('/outgoing/reddit.com/submit?url=http_//blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/_amp_title=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6&amp;referer=');">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/&amp;title=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon" onclick="pageTracker._trackPageview('/outgoing/www.stumbleupon.com/submit?url=http_//blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/_amp_title=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6&amp;referer=');">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6+-+http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!" onclick="pageTracker._trackPageview('/outgoing/twitter.com/home?status=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6+-+http_//blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/_amp_source=shareaholic&amp;referer=');">Tweet This!</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/&amp;title=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6" rel="nofollow" class="external" title="Digg this!" onclick="pageTracker._trackPageview('/outgoing/digg.com/submit?phase=2_amp_url=http_//blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/_amp_title=Current+Web+sites+in+Norway+warning+against+Internet+Explorer+6&amp;referer=');">Digg this!</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22Current%20Web%20sites%20in%20Norway%20warning%20against%20Internet%20Explorer%206%22&amp;body=Link: http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A As%20mentioned%20%5Bearlier%5D%5B17%5D%2C%20there%20is%20a%20national%20collaboration%20amongst%20Norwegian%20web%20sites%20to%20make%20people%20upgrade%20their%20IE6%20installation%20to%20something%20better%3B%20where%20better%20is%20anything%20from%20IE7%20to%20Safari.%0A%0ABeing%20on%20a%20Mac%2C%20I%20have%20no%20easy%20way%20to%20actually%20see%20these%20warnings.%20I%20thought%20it%20would%20be%20cool%20to%20" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://blog.peterhaza.no/current-web-sites-in-norway-warning-against-internet-explorer-6/feed/</wfw:commentRss>
		<slash:comments>83</slash:comments>
		</item>
		<item>
		<title>Opera Software releases alpha of new web developer tools</title>
		<link>http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/</link>
		<comments>http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/#comments</comments>
		<pubDate>Sun, 11 May 2008 07:17:26 +0000</pubDate>
		<dc:creator>Peter Haza</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.peterhaza.no/?p=39</guid>
		<description><![CDATA[Ever since firebug was released as a developer tool for firefox, developers have asked themselves how they ever managed to live without it. In particular the powerful javascript debugger and the ability to manipulate html and css directly for testing has made it the most indispensable for web developers today. The WebKit team behind Safari [...]]]></description>
			<content:encoded><![CDATA[<p>Ever since <a href="http://www.getfirebug.com/" onclick="pageTracker._trackPageview('/outgoing/www.getfirebug.com/?referer=');">firebug</a> was released as a developer tool for <a href="http://www.getfirefox.com/" onclick="pageTracker._trackPageview('/outgoing/www.getfirefox.com/?referer=');">firefox</a>, developers have asked themselves how they ever managed to live without it. In particular the powerful javascript debugger and the ability to manipulate html and css directly for testing has made it the most indispensable for web developers today.</p>

<p><span id="more-39"></span></p>

<p>The <a href="http://webkit.org/" onclick="pageTracker._trackPageview('/outgoing/webkit.org/?referer=');">WebKit</a> team behind <a href="http://www.apple.com/safari/" onclick="pageTracker._trackPageview('/outgoing/www.apple.com/safari/?referer=');">Safari</a> have earlier released what I would classify as firebug lite with a beautiful user interface.
<a href="http://blog.peterhaza.no/wp-content/uploads/2008/05/safariscreensnapz001.png"><img class="alignnone size-thumbnail wp-image-40" title="Safari web inspector" src="http://blog.peterhaza.no/wp-content/uploads/2008/05/safariscreensnapz001-150x150.png" alt="" width="150" height="150" /></a>
This made <a href="http://www.opera.com" onclick="pageTracker._trackPageview('/outgoing/www.opera.com?referer=');">Opera</a> fall behind amongst the browsers promoting standards, and they in particular lost many developers to other browsers. Opera have previously released some developer tools, but they&#8217;ve been too simple and too unstable to be used as an everyday tool.</p>

<p>After two years in development a new era is on the steps. Opera Software have announced <a href="http://www.opera.com/products/dragonfly/" onclick="pageTracker._trackPageview('/outgoing/www.opera.com/products/dragonfly/?referer=');">Opera Dragonfly</a> alpha, a tool that aim to take a neck shot on firebug.
<a href="http://blog.peterhaza.no/wp-content/uploads/2008/05/amazon.png"><img class="alignnone size-thumbnail wp-image-41" title="Opera Dragonfly" src="http://blog.peterhaza.no/wp-content/uploads/2008/05/amazon-150x150.png" alt="Opera Dragonfly inspecting amazon.com" width="150" height="150" /></a>
As previously mentioned this is an alpha, and thus lacks features but not bugs, however, this is a great step ahead and I may move back to my favourite browser once again. The current featureset is also pretty scarse:</p>

<ol>
<li>JavaScript debugger</li>
<li>DOM inspector</li>
<li>CSS inspector</li>
<li>Command Line to allow commands to be inputed</li>
<li>Error Console that outputs validation errors and warnings exhibited by the CSS and JavaScript connected with the page</li>
<li>Proxy to allow debugging directly on mobile devices</li>
</ol>

<p>Features planned for next alpha:</p>

<ul>
<li>Improved handling of threads in javascript</li>
<li>Inline CSS editing</li>
<li>Infrastructure for localization.</li>
<li>Improved remote debugging</li>
</ul>

<p>It should also be mentioned that Opera Dragonfly will be open source and any software implementing &#8220;the Scope module&#8221; (spec soon to be published) will be able to use it. I think this is great, because that means that other software also can use Opera Dragonfly and that other developer may push patches too.</p>

<p>Further reading:
<ul>
    <li><a href="http://dev.opera.com/articles/view/introduction-to-opera-dragonfly/" onclick="pageTracker._trackPageview('/outgoing/dev.opera.com/articles/view/introduction-to-opera-dragonfly/?referer=');">Opera Dragonfly introduction</a></li>
    <li><a href="http://my.opera.com/dragonfly/blog/" onclick="pageTracker._trackPageview('/outgoing/my.opera.com/dragonfly/blog/?referer=');">Opera Dragonfly blog</a></li>
    <li><a href="http://www.opera.com/products/dragonfly/" onclick="pageTracker._trackPageview('/outgoing/www.opera.com/products/dragonfly/?referer=');">Opera Dragonfly product page</a></li>
</ul></p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/&amp;title=Opera+Software+releases+alpha+of+new+web+developer+tools" rel="nofollow" class="external" title="Share this on del.icio.us" onclick="pageTracker._trackPageview('/outgoing/delicious.com/post?url=http_//blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/_amp_title=Opera+Software+releases+alpha+of+new+web+developer+tools&amp;referer=');">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/&amp;t=Opera+Software+releases+alpha+of+new+web+developer+tools" rel="nofollow" class="external" title="Share this on Facebook" onclick="pageTracker._trackPageview('/outgoing/www.facebook.com/share.php?v=4_amp_src=bm_amp_u=http_//blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/_amp_t=Opera+Software+releases+alpha+of+new+web+developer+tools&amp;referer=');">Share this on Facebook</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/&amp;title=Opera+Software+releases+alpha+of+new+web+developer+tools" rel="nofollow" class="external" title="Share this on Reddit" onclick="pageTracker._trackPageview('/outgoing/reddit.com/submit?url=http_//blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/_amp_title=Opera+Software+releases+alpha+of+new+web+developer+tools&amp;referer=');">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/&amp;title=Opera+Software+releases+alpha+of+new+web+developer+tools" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon" onclick="pageTracker._trackPageview('/outgoing/www.stumbleupon.com/submit?url=http_//blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/_amp_title=Opera+Software+releases+alpha+of+new+web+developer+tools&amp;referer=');">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Opera+Software+releases+alpha+of+new+web+developer+tools+-+http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!" onclick="pageTracker._trackPageview('/outgoing/twitter.com/home?status=Opera+Software+releases+alpha+of+new+web+developer+tools+-+http_//blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/_amp_source=shareaholic&amp;referer=');">Tweet This!</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/&amp;title=Opera+Software+releases+alpha+of+new+web+developer+tools" rel="nofollow" class="external" title="Digg this!" onclick="pageTracker._trackPageview('/outgoing/digg.com/submit?phase=2_amp_url=http_//blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/_amp_title=Opera+Software+releases+alpha+of+new+web+developer+tools&amp;referer=');">Digg this!</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22Opera%20Software%20releases%20alpha%20of%20new%20web%20developer%20tools%22&amp;body=Link: http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A Ever%20since%20%5Bfirebug%5D%5B%5D%20was%20released%20as%20a%20developer%20tool%20for%20%5Bfirefox%5D%5B%5D%2C%20developers%20have%20asked%20themselves%20how%20they%20ever%20managed%20to%20live%20without%20it.%20In%20particular%20the%20powerful%20javascript%20debugger%20and%20the%20ability%20to%20manipulate%20html%20and%20css%20directly%20for%20testing%20has%20made%20it%20the%20most%20indispensable%20for%20we" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://blog.peterhaza.no/opera-software-releases-alpha-of-new-web-developer-tools/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>display: inline-block; A lesser known css property that works!</title>
		<link>http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/</link>
		<comments>http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/#comments</comments>
		<pubDate>Sat, 26 Apr 2008 11:02:03 +0000</pubDate>
		<dc:creator>Peter Haza</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/</guid>
		<description><![CDATA[No more trouble getting the vertical alignments correct. display: inline-block allows you to set a width and height on your elements without forcing a break; you get an inline element which you can set width and height on, just like you can on a block element. Simply set a fixed width on your labels and [...]]]></description>
			<content:encoded><![CDATA[<p>No more trouble getting the vertical alignments correct. display: inline-block allows you to set a width and height on your elements without forcing a break; you get an inline element which you can set width and height on, just like you can on a block element. Simply set a fixed width on your labels and watch the input fields line up nicely. Details and code examples inside!</p>

<p><span id="more-15"></span></p>

<p>Normally you&#8217;ll write your html something like this. (One may argue that a form is a <em>list</em> of things to fill out, but I&#8217;m using paragraphs for simplicity)</p>

<p><code>&lt;form&gt; &lt;label for="name"&gt;Full name:&lt;/label&gt;&lt;input id="name" name="name" type="text" /&gt; 
&lt;label for="email"&gt;Email:&lt;/label&gt;&lt;input id="email" name="email" type="text" /&gt;  
&lt;label for="phone"&gt;Phone number:&lt;/label&gt;&lt;input id="phone" name="phone" type="text" /&gt;  
&lt;/form&gt;</code></p>

<p><strong>Result</strong>:</p>

<p><form><label for="name_1">Full name:</label>
<input id="name_1" name="name" type="text" /></p>

<p><label for="email_1">Email:</label>
<input id="email_1" name="email" type="text" /></p>

<p><label for="phone_1">Phone number:</label>
<input id="phone_1" name="phone" type="text" /></p>

<p></form>Not very pretty, but then we apply this style to all our labels:</p>

<p>label {
display: inline-block;
width: 90px
}</p>

<p>W3 has this to say about inline-block
<blockquote>This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element.</blockquote>
<strong>Result</strong>:</p>

<p><form><label style="display: -moz-inline-block; width: 90px; display: inline-block;" for="name_2">Full name:</label>
<input id="name_2" name="name" type="text" /></p>

<p><label style="display: -moz-inline-block; width: 90px; display: inline-block;" for="email_2">Email:</label>
<input id="email_2" name="email" type="text" /></p>

<p><label style="display: -moz-inline-block; width: 90px; display: inline-block;" for="phone_2">Phone number:</label>
<input id="phone_2" name="phone" type="text" /></p>

<p></form>Voila! That&#8217;s one pretty form!</p>

<h3>Catches</h3>

<p>Like all good stuff, there are a few catches:
Normally you would expect to see that IE6 or even IE7 doesn&#8217;t support this, but this time it&#8217;s actually firefox(!) not supporting the inline-block value, at least not the standard value.There&#8217;s been a <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=9458" onclick="pageTracker._trackPageview('/outgoing/bugzilla.mozilla.org/show_bug.cgi?id=9458&amp;referer=');">bug report</a> for this since mozilla 1.1 (!), but the good news is that it&#8217;s ready for firefox 3. Only took 9 years. In the mean time they have -moz-inline-block which seems to do the trick, so our full label css will look like this.</p>

<p>label {
display: -moz-inline-block;
display: inline-block;
width: 90px;
}</p>

<p>Another catch is that IE only supports this property on elements that are inline by default, <strong>and</strong> only when in standards mode. (I.e this is a no go for those playing in quirks mode)
You can however mimick the behaviour on block elements to by giving the elements hasLayout (zoom: 1 for instance), and then setting display: inline.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/feed" rel="nofollow" class="external" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/&amp;title=display%3A+inline-block%3B+A+lesser+known+css+property+that+works%21" rel="nofollow" class="external" title="Share this on del.icio.us" onclick="pageTracker._trackPageview('/outgoing/delicious.com/post?url=http_//blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/_amp_title=display_3A+inline-block_3B+A+lesser+known+css+property+that+works_21&amp;referer=');">Share this on del.icio.us</a>
		</li>
		<li class="shr-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/&amp;t=display%3A+inline-block%3B+A+lesser+known+css+property+that+works%21" rel="nofollow" class="external" title="Share this on Facebook" onclick="pageTracker._trackPageview('/outgoing/www.facebook.com/share.php?v=4_amp_src=bm_amp_u=http_//blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/_amp_t=display_3A+inline-block_3B+A+lesser+known+css+property+that+works_21&amp;referer=');">Share this on Facebook</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/&amp;title=display%3A+inline-block%3B+A+lesser+known+css+property+that+works%21" rel="nofollow" class="external" title="Share this on Reddit" onclick="pageTracker._trackPageview('/outgoing/reddit.com/submit?url=http_//blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/_amp_title=display_3A+inline-block_3B+A+lesser+known+css+property+that+works_21&amp;referer=');">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/&amp;title=display%3A+inline-block%3B+A+lesser+known+css+property+that+works%21" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon" onclick="pageTracker._trackPageview('/outgoing/www.stumbleupon.com/submit?url=http_//blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/_amp_title=display_3A+inline-block_3B+A+lesser+known+css+property+that+works_21&amp;referer=');">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=display%3A+inline-block%3B+A+lesser+known+css+property+that+works%21+-+http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!" onclick="pageTracker._trackPageview('/outgoing/twitter.com/home?status=display_3A+inline-block_3B+A+lesser+known+css+property+that+works_21+-+http_//blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/_amp_source=shareaholic&amp;referer=');">Tweet This!</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/&amp;title=display%3A+inline-block%3B+A+lesser+known+css+property+that+works%21" rel="nofollow" class="external" title="Digg this!" onclick="pageTracker._trackPageview('/outgoing/digg.com/submit?phase=2_amp_url=http_//blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/_amp_title=display_3A+inline-block_3B+A+lesser+known+css+property+that+works_21&amp;referer=');">Digg this!</a>
		</li>
		<li class="shr-mail">
			<a href="mailto:?subject=%22display%3A%20inline-block%3B%20A%20lesser%20known%20css%20property%20that%20works%21%22&amp;body=Link: http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/ (sent via shareaholic)%0D%0A%0D%0A----%0D%0A No%20more%20trouble%20getting%20the%20vertical%20alignments%20correct.%20display%3A%20inline-block%20allows%20you%20to%20set%20a%20width%20and%20height%20on%20your%20elements%20without%20forcing%20a%20break%3B%20you%20get%20an%20inline%20element%20which%20you%20can%20set%20width%20and%20height%20on%2C%20just%20like%20you%20can%20on%20a%20block%20element.%20Simply%20set%20a%20fixed%20width%20on%20your%20labels" rel="nofollow" class="external" title="Email this to a friend?">Email this to a friend?</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://blog.peterhaza.no/display-inline-block-a-lesser-known-css-property-that-works/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
