<?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>smashed shoe &#187; Firefox</title>
	<atom:link href="http://smashedshoe.com/tag/firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://smashedshoe.com</link>
	<description>a various blog</description>
	<lastBuildDate>Fri, 02 Apr 2010 16:26:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Browser-Benchmark: Peacekeeper</title>
		<link>http://smashedshoe.com/2009/05/13/browser-benchmark-peacekeeper/</link>
		<comments>http://smashedshoe.com/2009/05/13/browser-benchmark-peacekeeper/#comments</comments>
		<pubDate>Wed, 13 May 2009 21:04:02 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[browser]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://smashedshoe.com/?p=384</guid>
		<description><![CDATA[Benchmarks sind in meinen Augen ja seither eine anderes Wort für den berüchtigten "Schwanzvergleich". Meistens sind die Sieger der Benchmarks weit jeglicher Realitätsnähe, da die Systeme soweit entschlackt und optimiert werden, wie sie eigentlich nie jemand haben, geschweige denn benutzen wird. Nichtsdestotrotz macht man ja auch gerne mit bei so einem Benchmark.
Spätestens seit der Veröffentlichung [...]]]></description>
			<content:encoded><![CDATA[<p>Benchmarks sind in meinen Augen ja seither eine anderes Wort für den berüchtigten "Schwanzvergleich". Meistens sind die Sieger der Benchmarks weit jeglicher Realitätsnähe, da die Systeme soweit entschlackt und optimiert werden, wie sie eigentlich nie jemand haben, geschweige denn benutzen wird. Nichtsdestotrotz macht man ja auch gerne mit bei so einem Benchmark.</p>
<p>Spätestens seit der Veröffentlichung von Chrome sind auch Benchmarks bei Browsern in aller Munde. Damals war es der SunSpider Benchmark von Sun, der mittels Javascript-Benchmark seine Werte ermittelt. Heute ist es <a href="http://service.futuremark.com/peacekeeper/index.action">Peacekeeper</a>, Browser-Benchmark von den Mannen von <a href="http://www.futuremark.com/">Futuremark</a>, eigentlich bekannt für Grafikbenchmarks. Dieser testet natürlich auch Javascript, jedoch teilweise im Zusammenspiel mit Canvas-Elementen.</p>
<p>Mein betagtes MacBook hat mit Firefox und dessen 15 Extensions souveräne 749 Punkte geschafft. Was im Vergleich mit den am Ende gezeigten Vergleichswerten anderer Nutzern und deren Browsern unterirdisch schlecht ist. Dort führt momentan Chrome in Version 2 unter Vista und der neusten Hardware mit stolzen 5910 Punkten. Also etwa 8 Mal so viel wie mein Firefox. Aber wie gesagt: mit neuster Hardware.</p>
<p>Trotzdem sind natürlich Tendenzen zu erkennen:</p>
<ul>
<li>Chrome 2 und Safari 4 sind mit ihren neuen Javascript-Engines verdammt fix, führen deutlich das Feld an</li>
<li>Chrome 1 ist wohl schneller als der bald erscheinende Firefox 3.5 mit seiner neuen Engine "<a href="http://smashedshoe.com/2009/04/18/vorschau-firefox-35/#more-304">TraceMonkey</a>", was ich erstaunlich finde.</li>
<li>Opera 10 ist im Mittelfeld, nahe Chrome 1 und Firefox 3.5 und Safari 3</li>
<li>Firefox 3 ist mit der alten Javascript-Engine abgeschlagen</li>
<li>Schlusslicht ist - natürlich - der Internet Explorer, egal ob in Version 7 oder 8. Wobei Version 8 nahe Firefox 3 kommt. Wie man es von Microsoft kennt, hinkt der Browser demach mindestens eine Generation hinterher...</li>
</ul>
<p>Inwieweit das alles relevant für das tägliche Surfen ist, sei mal dahingestellt, denn im Prinzip sind das ja alles nur "Schwanzlängen"...</p>
<p>In einem reinen Spaßversuch hat der IE6 mit meinem alten Windows 98 übrigens rühmliche 207 Punkte geschafft.</p>
<p><a href="http://smashedshoe.com/wp-content/uploads/2009/05/bild-2.png"><img class="aligncenter size-large wp-image-386" title="bild-2" src="http://smashedshoe.com/wp-content/uploads/2009/05/bild-2-1024x872.png" alt="bild-2" width="580" /></a></p>
<p><a href="http://smashedshoe.com/wp-content/uploads/2009/05/bild-3.png"><img class="aligncenter size-full wp-image-385" title="bild-3" src="http://smashedshoe.com/wp-content/uploads/2009/05/bild-3.png" alt="bild-3" width="580" /></a></p>
<img src="http://smashedshoe.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=384&amp;ts=1280427186" style="display:none;" alt="pixelstats trackingpixel"/>]]></content:encoded>
			<wfw:commentRss>http://smashedshoe.com/2009/05/13/browser-benchmark-peacekeeper/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vorschau: Firefox 3.5</title>
		<link>http://smashedshoe.com/2009/04/18/vorschau-firefox-35/</link>
		<comments>http://smashedshoe.com/2009/04/18/vorschau-firefox-35/#comments</comments>
		<pubDate>Sat, 18 Apr 2009 21:44:09 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[browser]]></category>
		<category><![CDATA[standards]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://smashedshoe.com/?p=304</guid>
		<description><![CDATA[Bald kommt ja die neue Version vom bekanntesten Open Source Browser "Firefox". Nachdem die Veröffentlichung eigentlich für Ende letzten Jahres/Anfang diesen Jahres vorgesehen war und sich immer wieder verzögerte, soll es laut Christopher Blizzard in 2-3 Monaten dann so weit sein (Info via Twitter). Wir werden also demnächst uns Version 3.5 installieren können. Diese bringt [...]]]></description>
			<content:encoded><![CDATA[<p>Bald kommt ja die neue Version vom bekanntesten Open Source Browser "Firefox". Nachdem die Veröffentlichung eigentlich für Ende letzten Jahres/Anfang diesen Jahres vorgesehen war und sich immer wieder verzögerte, soll es laut <span class="fn">Christopher Blizzard in 2-3 Monaten dann so weit sein (Info via <a href="http://twitter.com/chrisblizzard/status/1321690852">Twitter</a>). Wir werden also demnächst uns Version 3.5 installieren können. Diese bringt zahlreiche Neuerungen mit sich, von denen ich hier ein paar kurz vorstellen möchte.</span></p>
<p><span class="fn"><span id="more-304"></span></span></p>
<h3><span class="fn"><strong>HTML5 Unterstützung</strong></span></h3>
<p><span class="fn">Firefox 3.5 wird die neuen HTML-5-Tags <em>&lt;audio&gt;</em> und <em>&lt;video&gt;</em> unterstützen. Damit werden theoretisch keine Plugins mehr von diversen Mediaplayern oder Flash benötigt, um Videos und Audiostücke in Webseiten abspielen zu können. Unterstützt wird vorerst aber nur das freie Format <a href="http://de.wikipedia.org/wiki/Ogg">Ogg</a>. Andere Formate werden vielleicht in der Zukunft hinzukommen. Ob sich diese Möglichkeit durchsetzt, wage ich zu bezweifeln. Denn neue Standards setzen sich ja bekanntlich im Webbereich durch einen gewissen "<a href="http://smashedshoe.com/2009/04/07/ie-6-ein-fluch-langsam-kann-der-mal-sterben-echt-jetzt/trackback/">IE</a>" schwerlich durch. Neben Firefox 3.5 unterstützen übrigens WebKit ab der Version 3.1 sowie die neusten Night Builds von Opera diese Möglichkeiten <sup class='footnote'><a href='#fn-304-1' id='fnref-304-1'>1</a></sup>. </span></p>
<p><span class="fn">Zusätzlich wird Firefox "<a href="https://developer.mozilla.org/En/DragDrop/Drag_and_Drop">Drag and Drop</a>" bei Elementen innerhalb der Webseiten möglich machen. Momentan</span> benötigt man dafür ja Javascripte. Aber inwieweit sich das im Weballtag gebrauchen lässt, lässt sich - in meinen Augen - nicht abschätzen.</p>
<h3>CSS</h3>
<p>Die neue Version von Firefox wird natürlich auch Unterstützung für weitere CSS-Techniken mit sich bringen.</p>
<p>Die in meinen Augen größte und bedeutendste Möglichkeit wird die des Einbindens von Schriftarten sein. Damit würde sich das lästige Erstellen von Bildern für Überschrift (oder anderen Text-Elementen, die eine nicht-Systemschrift nutzen) erübrigen. Einfach mit <a href="https://developer.mozilla.org/en/CSS/@font-face"><em>@font-face</em></a> den Pfad zur Schriftart definieren und schon kann man diese Schriftart auf seiner Webseite nutzen.</p>
<p>Daneben werden nun die CSS-Techniken <a href="https://developer.mozilla.org/en/CSS/text-shadow"><em>text-shadow</em></a>, <em><a href="https://developer.mozilla.org/en/CSS/opacity">opacity</a> </em>(statt bisher -moz-opacity), <em><a href="https://developer.mozilla.org/En/CSS/Word-wrap">word-wrap</a> </em>möglich. <em>:before</em> und <em>:after</em> wurden auf den CSS-Standard 2.1 aktualisiert.</p>
<p>Des Weiteren kommen noch weitere CSS-Techniken mit dem Präfix <em>-moz</em> hinzu. Da wären zum Beispiel:</p>
<ul>
<li><a href="https://developer.mozilla.org/en/CSS/-moz-box-shadow"><em>-moz-box-shadow</em></a>: einfache Möglichkeit einem <em>div</em> einen Schatten zu geben</li>
<li><em><a href="https://developer.mozilla.org/En/CSS/-moz-border-image">-moz-border-image</a></em>: Damit kann man Grafiken als Rahmen nutzen, so dass man nun kein Hintergrundbild mehr dafür bedarf.</li>
<li><em> <a href="https://developer.mozilla.org/en/CSS/color#Mozilla_Specific_Colors">-moz-nativehyperlinktext</a></em>: Den Nutzen dafür sehe ich nicht wirklich. Mit diesem Befehl werden Links in der im Browser vordefinierten Farbe dargestellt. Soll das für DAUs sein? Die beschweren sich dann doch bloß, dass die Linkfarbe hässlich ist und gar nicht zur Seite passt? Oder irre ich mich da jetzt? Kommentare gern gesehen...</li>
<li><a href="https://developer.mozilla.org/En/CSS/Using_CSS_transforms"><em>-moz-transform</em></a>: Damit lassen sich HTML-Elemente transformieren. Im Beispiel von Mozilla wird da ein iframe mit der Google-Startseite um 90° gedreht oder verzerrt. Eher eine Spielerei als echter Nutzen. Vorgeschlagen wurde das übrigens vom WebKit-Team.</li>
</ul>
<p>Ein weiteres, interessantes Feature kommt mit <a href="https://developer.mozilla.org/En/CSS/Media_queries"><em>Media queries</em></a> hinzu. Im Prinzip ist es eine Erweiterung des <em>media</em>-Attributs beim Einbinden einer CSS-Datei. Ab Firefox 3.5 kann man nun auch zusätzliche Bedingungen angeben, wann welche CSS-Datei genutzt werden soll. So kann man beispielsweise eine gewisse Mindestfarbanzahl oder Fensterbreite voraussetzen. Trifft die Bedingung zu, wird CSS-Datei a zum Schön-Machen des Inhalts genommen, andernfalls CSS-Datei b. Eine volle Liste mit den Bedinungsmöglichkeiten sowie Beispielen findet man auf <a href="https://developer.mozilla.org/En/CSS/Media_queries">einer Seite von Mozilla</a>.</p>
<p>Außerdem sind weitere Selektoren (wie <em>:first-of-type</em>, <em>:last-of-type</em> oder <em> <img src='http://smashedshoe.com/wp-includes/images/smilies/icon_surprised.gif' alt=':o' class='wp-smiley' /> nly-of-type</em>) hinzugekommen.</p>
<h3>DOM und Javascript</h3>
<p>Nachdem Chrome den Wettbewerb um die schnellste Javascript-Engine mehr oder weniger ausgerufen hatte, möchte die neuste Firefox-Version hinsichtlich Geschwindigkeit da ja auch nicht zurückstecken. Die neue Engine namens "<a href="https://wiki.mozilla.org/JavaScript:TraceMonkey">TraceMonkey</a>" soll (in speziellen Fällen) bis zu 22x so schnell sein wie die vom Firefox 3 <sup class='footnote'><a href='#fn-304-2' id='fnref-304-2'>2</a></sup>.</p>
<p>Ansonsten bietet Firefox 3.5 bereits <a href="https://developer.mozilla.org/En/Using_geolocation">Unterstützung</a> für die noch in der Entwicklung befindlichen <a href="http://dev.w3.org/geo/api/spec-source.html">Geolocation API</a> sowie die Nutzung diverser DOM Events.</p>
<h3>Weiteres</h3>
<p>Weitere Neuerungen sind erweiterte Canvas- sowie SVG-Unterstützung. Mit <a href="https://bespin.mozilla.com/">Bespin</a> hat Mozilla ja selbst gezeigt, was mit Canvas (und Javascript) so alles (<a href="http://www.ajaxonomy.com/2009/fun-stuff/canvas-3d-the-future-of-the-web">und noch mehr</a>) möglicht ist. Mit Version 3.5 kommen jetzt weitere Effekte und API-Unterstütztung (nach HTML5) dazu. Ich selbst habe ich mich auch noch nicht sonderlich viel mit Canvas beschäftigt. Als Einstieg kann ich aber einen <a href="http://www.peterkroener.de/eine-kleine-canvas-einfuehrung/">Artikel von Peter Kröner über Canvas</a> empfehlen.</p>
<p>Auf viele Änderungen bin ich hier im Artikel nicht eingegangen. <a href="https://developer.mozilla.org/En/Firefox_3.5_for_developers">Eine Seite von Mozilla</a>, die mir auch hauptsächlich als <a href="https://developer.mozilla.org/En/Firefox_3.5_for_developers">Quelle</a> diente, bietet aber einen guten Überblick, was der neue Firefox noch so kann.</p>
<p><strong>Anmerkung</strong>: Ich habe das jetzt alles aus der Sicht der neuen Firefox-Version geschrieben. Vieles davon, speziell HTML5 und CSS, trifft aber ebenfalls auf neuste WebKit-Browser und vereinzelt auch Opera zu. Nur unser Sorgenkind Internet Explorer hinkt bei der Entwicklung mal wieder hinterher.
<div class='footnotes'>
<div class='footnotedivider'></div>
<ol>
<li id='fn-304-1'><a href="http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)#Elements">http://en.wikipedia.org/wiki/Comparison_of_layout_engines_(HTML_5)#Elements</a> <span class='footnotereverse'><a href='#fnref-304-1'>&#8617;</a></span></li>
<li id='fn-304-2'><a href="http://weblogs.mozillazine.org/roadmap/">http://weblogs.mozillazine.org/roadmap/archives/2008/08/tracemonkey_javascript_lightsp.html</a> <span class='footnotereverse'><a href='#fnref-304-2'>&#8617;</a></span></li>
</ol>
</div>
<img src="http://smashedshoe.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=304&amp;ts=1280427186" style="display:none;" alt="pixelstats trackingpixel"/>]]></content:encoded>
			<wfw:commentRss>http://smashedshoe.com/2009/04/18/vorschau-firefox-35/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
