<?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; webdesign</title>
	<atom:link href="http://smashedshoe.com/tag/webdesign/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>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=1280426208" 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>
		<item>
		<title>IE 6. Ein Fluch! Langsam kann der mal sterben! Echt jetzt!</title>
		<link>http://smashedshoe.com/2009/04/07/ie-6-ein-fluch-langsam-kann-der-mal-sterben-echt-jetzt/</link>
		<comments>http://smashedshoe.com/2009/04/07/ie-6-ein-fluch-langsam-kann-der-mal-sterben-echt-jetzt/#comments</comments>
		<pubDate>Tue, 07 Apr 2009 20:24:56 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[bug]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[ie]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://smashedshoe.com/?p=277</guid>
		<description><![CDATA[Erst heute hatte ich wieder mit dem Internet Explorer 6 stark zu kämpfen. Also mehr als sonst. Die kleinen, alltäglichen Macken kennt und behebt man sofort und unmittelbar. Beim variablen Layout heute auf der Arbeit aber, also da hat der IE6 mir gezeigt, dass ich doch noch nicht alle seltsamen Interpretationen von ihm kenne.  Ging [...]]]></description>
			<content:encoded><![CDATA[<p>Erst heute hatte ich wieder mit dem Internet Explorer 6 stark zu kämpfen. Also mehr als sonst. Die kleinen, alltäglichen Macken kennt und behebt man sofort und unmittelbar. Beim variablen Layout heute auf der Arbeit aber, also da hat der IE6 mir gezeigt, dass ich doch noch nicht alle seltsamen Interpretationen von ihm kenne.  Ging um Mindestbreiten, -höhen, Floating und verschiebende Divs bei Bildschirmreduzierung.</p>
<p>Weitere Details spare ich mir jetzt. Die Probleme sind auch nur soweit wichtig, wie ich damit auf die zentrale Frage dieses Artikels komme - die sich jedoch durch das x-te Lamentieren leider in absehbarer Zukunft nicht ändern wird:</p>
<h3><strong>Wieso lebt der IE6 noch?</strong></h3>
<p>Klar, dafür gibt es viele Antworten. Wie zum Beispiel die, dass Microsoft bis zur Marktanteil-klauenden Konkurrenz den IE stiefmütterlich behandelte und daher eventuell auch alle Otto-Normal-Nutzer den IE6 für den Browser schlechthin halten. (Ich vertrete die Meinung, dass Microsoft den IE immer noch stiefmütterlich behandelt. Trotz der erst kürzlich erschienen Version 8. Aber das ist wieder ein ganz anderes Thema.) Oder vielleicht ist auch die Tatsache schuld, dass die Nutzer erst gar nicht wissen, dass es andere Browser gibt?</p>
<p>Aber wieso zum Teufel noch mal kam Microsoft nicht auf die Idee, einen Updater im Programm zu integrieren - so wie es viele Programme, zum Beispiel Firefox, machen. Wieso muss das über das Windows Update passieren, das die wenigsten DAUs ausführen?  Das Argument "gerackte Windows-Versionen" lasse ich nicht gelten. Wer weiß, wie man sich eine illegale Windows-Version installiert, weiß auch in der Regel, dass es andere, bessere Browser gibt.</p>
<p>Natürlich gibt es dann noch den Fall, dass es in Firmen nur den IE6 gibt, weil die Admins den Aufwand eines Updates scheuen (oder es einfach nicht geht). Aber diese Gruppe könnte man getrost unter den Tischen fallen lassen.</p>
<p>Nein, es sind die DAUs, die einem das Leben unnötig schwer machen. Natürlich, was können die denn dafür? Sind ja DAUs! Aber hätte Microsoft nicht als DAU-OS-Hersteller eine DAU-sichere Updatefunktion einfügen können?</p>
<p>Trost spenden mir allein die immer bessere werdenen <a href="http://www.tgdaily.com/content/view/41947/113/">Browserstatistiken</a> und die Tatsache, dass immer mehr Kunden auf meine Frage "Welchen Browser benutzen Sie denn?" mit Internet Explorer 7, Firefox oder gar Chrome antworten. Äußerungen zu der jeweiligen Wahl spare ich mir: Hauptsache es ist nicht der IE6!</p>
<img src="http://smashedshoe.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=277&amp;ts=1280426208" style="display:none;" alt="pixelstats trackingpixel"/>]]></content:encoded>
			<wfw:commentRss>http://smashedshoe.com/2009/04/07/ie-6-ein-fluch-langsam-kann-der-mal-sterben-echt-jetzt/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>CSS Naked Day 2009</title>
		<link>http://smashedshoe.com/2009/04/02/css-naked-day-2009/</link>
		<comments>http://smashedshoe.com/2009/04/02/css-naked-day-2009/#comments</comments>
		<pubDate>Thu, 02 Apr 2009 18:12:01 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[web]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://smashedshoe.com/?p=197</guid>
		<description><![CDATA[Ich habe den so genannten "CSS Naked Day 2009" letztes Jahr kennengelernt, als ich ein Blog besucht hatte, der bei dieser Aktion mitmachte. Dieses Jahr ist er am 7. April, also genau in einer Woche.
Worum es beim CSS Naked Day geht? Nun ja, der Name lässt es schon vermuten: Webseiten sollen für einen Tag auf [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe den so genannten "CSS Naked Day 2009" letztes Jahr kennengelernt, als ich ein Blog besucht hatte, der bei dieser Aktion mitmachte. Dieses Jahr ist er am 7. April, also genau in einer Woche.</p>
<p>Worum es beim CSS Naked Day geht? Nun ja, der Name lässt es schon vermuten: Webseiten sollen für einen Tag auf ihre CSS-Datei(en) verzichten. <a href="http://www.dustindiaz.com/naked-day/">2009 geht es ins fünfte Jahr</a>.</p>
<p>Der Sinn des Ganzen? Neben plötzlich nackten und vermeintlich hässchlichen Seiten sollen so die Webstandards ins Rampenlicht geschoben werden. Denn nur gute und korrekt semantisch erstellten Webseiten sehen damit halbwegs ertäglich aus.</p>
<p>Ob das wirklich dienlich ist, sei dahingestellt. Ich bezweifle, dass schlampig zusammengestellte Seiten bei der Aktion mitmachen und sich entblößen. Und auch Besucher (speziell DAUs) dürften wenig zugänglich für den CSS Naked Day sein. Am Ende schreien diese ganz laut, dass ihr PC oder womöglich das ganze Internet kaputt sei. Man kennt sie ja...</p>
<p>Ich werde nicht mitmachen. Für jeden, der aber mitmachen möchte, bietet die <a href="http://naked.dustindiaz.com/">Aktionsseite</a> einen passenden PHP-Schnipsel bereit, der nur für diesen Tag die CSS nicht einbindet.</p>
<img src="http://smashedshoe.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=197&amp;ts=1280426208" style="display:none;" alt="pixelstats trackingpixel"/>]]></content:encoded>
			<wfw:commentRss>http://smashedshoe.com/2009/04/02/css-naked-day-2009/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Links! Links! Links! Vol. 1</title>
		<link>http://smashedshoe.com/2009/02/24/links-links-links-vol-1/</link>
		<comments>http://smashedshoe.com/2009/02/24/links-links-links-vol-1/#comments</comments>
		<pubDate>Tue, 24 Feb 2009 21:37:20 +0000</pubDate>
		<dc:creator>Fabian</dc:creator>
				<category><![CDATA[Linkliste]]></category>
		<category><![CDATA[Links]]></category>
		<category><![CDATA[Link]]></category>
		<category><![CDATA[pattern]]></category>
		<category><![CDATA[sql]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://smashedshoe.com/?p=138</guid>
		<description><![CDATA[Wie in zahlreichen anderen Blogs häufig zu finden: ich werde nun in unregelmäßigen Abständen eine Linkliste zusammentragen und hier posten. Vielleicht werde ich das Ganze später in einem regelmäßigen Zyklus schaffen, momentan ist das alles aber ein persönlicher Versuch - auch schon um in regelmäßig unreglmäßigen Abständen meinen Blog zu füllen.
Nun aber genug erklärt. Hier [...]]]></description>
			<content:encoded><![CDATA[<p>Wie in zahlreichen anderen Blogs häufig zu finden: ich werde nun in unregelmäßigen Abständen eine Linkliste zusammentragen und hier posten. Vielleicht werde ich das Ganze später in einem regelmäßigen Zyklus schaffen, momentan ist das alles aber ein persönlicher Versuch - auch schon um in regelmäßig unreglmäßigen Abständen meinen Blog zu füllen.</p>
<p>Nun aber genug erklärt. Hier die erste Runde der "Links! Links! Links!":</p>
<ul>
<li><a href="http://www.webdesignerwall.com/trends/50-minimal-sites/">50 Mininmalistische Webseiten</a> - Insprationen für schlichte aber schöne Seiten, zusammengetragen von der <a href="http://www.webdesignerwall.com">WebdesignerWall</a></li>
<li><a href="http://sqlbuddy.com/">SQLBudy</a> - Alternative zu phpMyAdmin</li>
<li><a href="http://www.dinpattern.com/index.php">DinPattern</a> - Seite mit teils skurillen Hintergrundbildern, die sich problemlos widderholen lassen ("pattern": engl. für Muster)</li>
<li><a href="http://www.stimator.com/">Stimator</a> - eine Seite, die den Wert einer Seite/Domain ermittelt. Inwiefern man daraus Rückschlüsse auf den "echten" Wert der eigenen Seite ziehen kann, sei dahingestellt. Aber allein das Zusehen der Wertermittelung macht schon Spaß</li>
</ul>
<img src="http://smashedshoe.com/wp-content/plugins/pixelstats/trackingpixel.php?post_id=138&amp;ts=1280426208" style="display:none;" alt="pixelstats trackingpixel"/>]]></content:encoded>
			<wfw:commentRss>http://smashedshoe.com/2009/02/24/links-links-links-vol-1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
