<?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:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
	xmlns:media="http://search.yahoo.com/mrss/"
>

<channel>
	<title>MAIN_web &#187; Blue Beanie</title>
	<atom:link href="http://www.mainweb.at/blog/tag/blue-beanie/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.mainweb.at</link>
	<description></description>
	<lastBuildDate>Wed, 02 Dec 2009 09:39:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<!-- podcast_generator="podPress/8.8" -->
		<copyright>&#xA9;MAIN_Medienarbeit Integrativ </copyright>
		<managingEditor>maria.putzhuber@chello.at (MAIN_Medienarbeit Integrativ)</managingEditor>
		<webMaster>maria.putzhuber@chello.at(MAIN_Medienarbeit Integrativ)</webMaster>
		<category></category>
		<ttl>1440</ttl>
		<itunes:keywords>accessibility, web, barrierefreiheit, internet, blog, disability, integration, communication</itunes:keywords>
		<itunes:subtitle></itunes:subtitle>
		<itunes:summary></itunes:summary>
		<itunes:author>MAIN_Medienarbeit Integrativ</itunes:author>
		<itunes:category text="Society &amp; Culture"/>
<itunes:category text="Government &amp; Organizations">
  <itunes:category text="Non-Profit"/>
</itunes:category>
<itunes:category text="Technology"/>
		<itunes:owner>
			<itunes:name>MAIN_Medienarbeit Integrativ</itunes:name>
			<itunes:email>maria.putzhuber@chello.at</itunes:email>
		</itunes:owner>
		<itunes:block>No</itunes:block>
		<itunes:explicit>no</itunes:explicit>
		<itunes:image href="http://www.mainweb.at/wp-content/plugins/podpress/images/powered_by_podpress_large.jpg" />
		<image>
			<url>http://www.mainweb.at/wp-content/plugins/podpress/images/powered_by_podpress.jpg</url>
			<title>MAIN_web</title>
			<link>http://www.mainweb.at</link>
			<width>144</width>
			<height>144</height>
		</image>
		<item>
		<title>S&#228;uretest</title>
		<link>http://www.mainweb.at/blog/2008/12/02/saeuretest/</link>
		<comments>http://www.mainweb.at/blog/2008/12/02/saeuretest/#comments</comments>
		<pubDate>Mon, 01 Dec 2008 23:45:10 +0000</pubDate>
		<dc:creator>Maria Putzhuber</dc:creator>
				<category><![CDATA[Barrierefreiheit]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Acid Test]]></category>
		<category><![CDATA[Blue Beanie]]></category>
		<category><![CDATA[Browser]]></category>
		<category><![CDATA[Web-Standards]]></category>

		<guid isPermaLink="false">http://www.mainweb.at/?p=1196</guid>
		<description><![CDATA[Ich musste letzte Woche eine bedenkliche Aufweichung des Blue Beanie Gedankens unter &#246;sterreichischen Web-Standards Unterst&#252;tzerInnen feststellen. Auf dem Buchdeckel von &#8220;Designing with Web Standards&#8221; (2003, 2006, man kanns immer noch lesen!) findet sich das Original: blitzblau, d&#252;nn, ohne Bommel, tief &#252;ber die Ohren gezogen, snowboarderschick.
In der charmant schlampig &#246;sterreichischen Umsetzung des Blaue-M&#252;tzen Tags zur Unterst&#252;tzung [...]]]></description>
			<content:encoded><![CDATA[<p>Ich musste letzte Woche eine bedenkliche Aufweichung des <a href="http://www.mainweb.at/blog/2008/11/28/eine-muetze-barrierefreiheit/"><span lang="en" xml:lang="en">Blue Beanie</span></a> Gedankens unter &#246;sterreichischen Web-Standards Unterst&#252;tzerInnen feststellen. Auf dem Buchdeckel von &#8220;<span lang="en" xml:lang="en">Designing with Web Standards</span>&#8221; (2003, 2006, man kanns immer noch lesen!) findet sich das Original: blitzblau, d&#252;nn, ohne Bommel, tief &#252;ber die Ohren gezogen, snowboarderschick.</p>
<p>In der charmant schlampig &#246;sterreichischen Umsetzung des Blaue-M&#252;tzen Tags zur Unterst&#252;tzung von Web Standards wurde daraus:</p>
<ul>
<li>blaues Barett mit Russenstern</li>
<li>blaue Anorakkapuze (Emigrieren nach K&#246;ln nutzt nix)</li>
<li>blau-wei&#223;es Kopft&#252;chlein (Immigrieren nach K&#228;rnten hat hingegen fatalen Einfluss)</li>
<li>gr&#252;ner Kopfschal um Pippi Langstrumpf (auf Twitter)</li>
<li>gr&#252;ne M&#252;tze auf Katze</li>
<li>blaues K&#228;ppi auf Hund</li>
<li>schwarze M&#252;tze</li>
<li>braune M&#252;tze</li>
<li>diverse gemusterte dicke Wollpudelm&#252;tzen auf Babys und stolzen Eltern</li>
<li>blaues Plastiksackel</li>
<li>und wei&#223;er Fahrradhelm&#8230;</li>
</ul>
<h3>Blaue M&#252;tze wolln wir nicht</h3>
<p>Das mag nun einfach bedeuten, dass sich die Web Standards und  <span lang="en" xml:lang="en">Accessibility</span> Szene bei uns nicht mit der Snowboarder Szene mischt, die Typo3 Leute, die gern snowboarden und die richtigen M&#252;tzen h&#228;tten, keine Lust auf solche Sp&#228;&#223;e haben und &#8211; nicht zu vergessen &#8211; knallblau bei uns eine rechtspopulistisch besetzte Farbe ist.</p>
<p>Es hat aber doch Symbolkraft, dass in anderen L&#228;ndern die blauen M&#252;tzen viel blauer und beanieartiger geraten sind als bei uns. Das ist jetzt nat&#252;rlich ein Scherz. Es ging ja um nix, wenns drauf an kommt, arbeiten wir schon ganz gr&#252;ndlich.</p>
<h3>Hat der Internet Explorer eine &#246;sterreichische Seele?</h3>
<p>Was bedeutet diese M&#252;tzenstandardsmi&#223;achtung umgelegt auf den Hintergrund der Aktion, die Promotion von Web Standards: </p>
<p>Anscheinend haben auch Generationen von Browser ProgrammiererInnen gedacht, es geht um nix, haben einfach drauflos getan und  die anerkannten Richtlinien der Standardsorganisation W3C, bei der alle Browser-Hersteller Mitglied sind, je nach Tagesverfassung eingehalten oder nicht, mit dem einzigen Ziel im Hinterkopf, die eigene Marke besser dastehen zu lassen als die anderen.</p>
<p>So kam es, dass Webseiten, die wir korrekt standard-konform programmiert hatten, so aussahen:</p>
<p><span class="floatbox"><img src="http://www.mainweb.at/wp-content/uploads/2008/12/ie6acid2thumb.jpg"  alt="Acid2 im IE6" class="alignnone size-full wp-image-1197" /></span></p>
<p>Im IE6 &#8211; roter Hintergrund, v&#246;llig zerst&#246;rtes Smilie</p>
<p><span class="floatbox"><span class="floatbox"><img src="http://www.mainweb.at/wp-content/uploads/2008/12/ie7acid2thumb.jpg"  alt="Acid2 im IE7" class="alignnone size-full wp-image-1198" /></span></span></p>
<p>Im IE7 &#8211; roter Hintergrund, v&#246;llig zerst&#246;rtes Smilie</p>
<p>Mit kriminellen Hacks haben wir sie so hingefixt, dass sie in jedem Browser gut aussahen und alle gl&#252;cklich waren. </p>
<p><span class="floatbox"><img src="http://www.mainweb.at/wp-content/uploads/2008/12/safari3acid2thumb.jpg" alt="Acid 2 im Safari" class="alignnone size-full wp-image-1199" /></span></p>
<p>Im Safari &#8211; perfektes Smilie</p>
<p>Generationen von Web-DesignerInnen und Web-EntwicklerInnen hat das beinahe ins Irrenhaus getrieben, die besten haben umgesattelt auf sinnstiftendere Berufe wie Shiatsu Masseur, Gastwirt oder G&#228;rtnerIn. </p>
<p>Besonders fies: je fehlerhafter Seiten von halben Laien und automatisierten Editoren erstellt wurden, desto besser haben sie im fehlertoleranten, aber standardsignoranten IE ausgesehen.</p>
<p>Das alles war &#252;brigens schon in der  Zeit nach dem sogenannten Browser Krieg zwischen Netscape und IE, w&#228;hrend dem wir Webseiten noch in Tabellen und Frames &#8211; also quasi in Beton &#8211; gegossen haben, damit sie die Konkurrenzk&#228;mpfe heil &#252;berstehen. </p>
<h3><span lang="en" xml:lang="en">Acid</span> Tests f&#252;r Browser</h3>
<p>Das Leben von Web-EntwicklerInnen und Web-DesignerInnen wird aber mit jedem Tag immer besser und besser.</p>
<p>Die Web Standards Guerilla hat sich n&#228;mlich die Acid Tests als geniales strategisches Man&#246;ver ausgedacht, um die Browser Geeks bei Ihrer Mafia-Ehre zu packen. </p>
<h4>Acid1</h4>
<p>Den <a href="http://www.w3.org/Style/CSS/Test/CSS1/current/test5526c.htm">Acid 1 Test</a>,  1998 von Todd Fahrner programmiert, der vorallem das CSS 1 Box Model testete, bestanden fast alle, auch der Internet Explorer 6 bereits 2001. </p>
<p><span class="floatbox"><img src="http://www.mainweb.at/wp-content/uploads/2008/12/ie7acid1thumb.jpg" alt="Acid1 im IE7" class="alignnone size-full wp-image-1203" /></span></p>
<p>CSS Container im Acid1 Test</p>
<p>IE 5 und 5.5 mit ihrer eigenwilligen Interpretation von Breiten und H&#246;henwerten in Kombination mit Rahmen, Au&#223;en und Innenabstand (border, margin, padding) erforderten aber bis 2006 noch Sonderbetreuung. Dann kam IE7. Und sein Gro&#223;- und Urgro&#223;vater wurden f&#252;r tot erkl&#228;rt.</p>
<h4>Acid2</h4>
<p>Der <a href="http://acid2.acidtests.org/">Acid 2 Test</a>   wurde 2005 von Ian Hickson vom <span lang="en" xml:lang="en">Web Standards Project (WaSP)</span> programmiert. Er testet u.a. auf  CSS 2.1 Unterst&#252;tzung, transparente PNGs, das object Element, mit dem man z.b. Flash einbindet, CSS tables usw&#8230; </p>
<p>Das nervenzerm&#252;rbende Ergebnis besonders der Microsoft Browser sehen Sie in den obigen Screenshots von v&#246;llig zerhackten Smilies.<br />
Aber auch unser heiliges Tier Firefox besteht den Acid 2 erst seit 2008 (seit Version 3) komplett. Nun sitzt auch der Mund richtig im Gesicht. Die IE8 Beta 2 Version besteht ihn auch. </p>
<p><span class="floatbox"><img src="http://www.mainweb.at/wp-content/uploads/2008/12/firefox2acid2thumb.jpg" alt="Acid2 im Firefox 2" class="alignnone size-full wp-image-1200" /></span><br />
Acid2 im Firefox2 &#8211; Smilie mit Brett vor dem Kopf und verrutschtem Mund</p>
<p>Ein kollektives Aufatmen geht durch die Webszene, obwohl wir den IE7 und wohl auch  IE6 und alle ihre mystischen Bugs noch ein paar Jahre behalten werden. Die Menschen wechseln ihre Lebensabschnittspartner anscheinend schneller als ihre Browser. </p>
<h4>Acid3</h4>
<p>2008 hat das WaSP (federf&#252;hrend Ian Hicks) nun den <a href="http://acid3.acidtests.org/">Acid 3 Test</a> ver&#246;ffentlicht. Der testet vorallem interaktive Webseiten, ECMAScript  (das W3C standardisierte JavaScript) und das Document Object Model, &#252;ber das man auf alle Elemente einer Webseite zugreifen kann, SVG Unterst&#252;tzung (das sind Vektorgrafiken, die sich beliebig vergr&#246;&#223;ern lassen), einiges aus CSS 3 und ich wei&#223; nicht, was noch, auch einiges, das noch nicht offizieller W3C Standard ist.</p>
<p>100 gefinkelte Tests m&#252;ssen dabei in Windeseile durchlaufen werden. Der Test sei etwas praxisfern, sagen Fachleute, und bislang schafft ihn nur eine noch nicht als stabil ver&#246;ffentlichte Safari Version. Die korrekte Testseite zeigt 100 von 100 Prozent und eine Reihe von verschiedenfarbigen Rechtecken.</p>
<p><span class="floatbox"><img src="http://www.mainweb.at/wp-content/uploads/2008/12/webkit_acid_3_test_results.png" alt="Acid3 in Safari"  class="alignnone size-full wp-image-1201" width="500px" /> </span></p>
<p>Acid3</p>
<p>Bei Wikipedia kann man die <a href="http://de.wikipedia.org/wiki/Acid3#Acid3">Ergebnisse der verschiedenen Browser</a> vergleichen und genauer nachlesen, worum es geht.<br />
Wenn man sich das traurige Bild vom IE7 (12 % von 100) und vom IE8 Beta ansieht (21% von 100) kommt einem der Test wie ein neuer, kleiner Terrorangriff auf Microsoft vor, um nochmals die Kriegsmetaphorik zu bem&#252;hen. Im Alltag funktioniert der IE8 f&#252;r meine Begriffe ja ganz gut.</p>
<p>Die braven Standards Browser &#8211; Firefox, Opera, Safari, Google Chrome&#8230; k&#246;nnens schon wieder alle viel besser. Der IE (mit seiner &#246;sterreichischen Seele?) will sich weiterhin nicht in ein allgemein g&#252;ltiges Regelkorsett zw&#228;ngen lassen. Oder vielleicht doch irgendwann, wenns denn eine Frage der Ehre ist? </p>
<p>Pragmatischen Web-EntwicklerInnen kanns wahrscheinlich egal sein. Sie m&#252;ssen sich sowieso noch Jahre lang um R&#252;ckw&#228;rtskompatibilit&#228;t k&#252;mmern und habens also weiterhin nicht leicht.</p>
<p>Deshalb <a href="http://blog.skitsanos.com/2008/08/hug-developer.html"><span lang="en" xml:lang="en">Hug a Developer today</span></a> oder spendieren Sie allen untersch&#228;tzten HTML und CSS Codern und Frontend EntwicklerInnen in Ihrem Bekanntenkreis noch heuer einen Punsch.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.mainweb.at/blog/2008/12/02/saeuretest/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
