<?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>Interessante Zeiten &#187; Usability</title>
	<atom:link href="http://www.interessante-zeiten.de/category/usability/feed" rel="self" type="application/rss+xml" />
	<link>http://www.interessante-zeiten.de</link>
	<description>Es gibt einen Fluch, der lautet: „Mögest Du in interessanten Zeiten leben!”</description>
	<lastBuildDate>Sun, 04 Dec 2011 18:39:24 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Spamfilter, Bäume und Wälder</title>
		<link>http://www.interessante-zeiten.de/usability/spamfilter-baeume-und-waelder-353.html</link>
		<comments>http://www.interessante-zeiten.de/usability/spamfilter-baeume-und-waelder-353.html#comments</comments>
		<pubDate>Sun, 08 Feb 2009 19:20:10 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[antispam]]></category>
		<category><![CDATA[mailspam]]></category>
		<category><![CDATA[spam]]></category>

		<guid isPermaLink="false">http://www.interessante-zeiten.de/?p=353</guid>
		<description><![CDATA[Hm &#8211; sollte ein Spamfilter, der halbwegs bei Verstand ist, nicht bei solchen Sätzen Alarm schlagen? &#8220;Kennst Du schon das weltweit grösste Online Casino?&#8221; &#8220;Hast Du kein Interesse mehr an einem geiles Sexdate mit mir? &#8220;Wenn Du tatsächlich noch Interesse an einem geiles Sexdate mit mir hast &#8230;&#8221; &#8220;Hier sind die besten Parkplatztreffs und Outdoorsex [...]]]></description>
			<content:encoded><![CDATA[<p>Hm &ndash; sollte ein Spamfilter, der halbwegs bei Verstand ist, nicht bei solchen Sätzen Alarm schlagen?<br />
<cite><br />
&#8220;Kennst Du schon das weltweit grösste Online Casino?&#8221;</p>
<p>&#8220;Hast Du kein Interesse mehr an einem geiles Sexdate mit mir?</p>
<p>&#8220;Wenn Du tatsächlich noch Interesse an einem geiles Sexdate mit mir hast &#8230;&#8221;</p>
<p>&#8220;Hier sind die besten Parkplatztreffs und Outdoorsex Treffpunkte&#8221;<br />
</cite></p>
<p>Wohlgemerkt: der Mist stammt aus separaten Mails und ist United Internet, respektive GMX durch die Lappen gegangen. Ich weiß auch nicht.</p>
<p>Update:<br />
Ich fasse es nicht ich fasse es nicht ich fasse es nicht</p>
<div style="text-align:center;"><img src="http://www.interessante-zeiten.de/wp-content/uploads/2009/04/spam.png" alt="spam.png" border="0" width="382" height="67" /></div>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/usability/spamfilter-baeume-und-waelder-353.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Logitech stellt sich zu doof an</title>
		<link>http://www.interessante-zeiten.de/usability/logitech-stellt-sich-zu-doof-an-305.html</link>
		<comments>http://www.interessante-zeiten.de/usability/logitech-stellt-sich-zu-doof-an-305.html#comments</comments>
		<pubDate>Tue, 23 Sep 2008 21:36:22 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[hardware]]></category>
		<category><![CDATA[logitech]]></category>
		<category><![CDATA[OSX]]></category>
		<category><![CDATA[treiber]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://www.interessante-zeiten.de/?p=305</guid>
		<description><![CDATA[Auf der einen Seite stellt Logitech total duftes Equipment her, aber auf der anderen Seite kann man sich nur vor die Stirn schlagen: Völkerwanderung der Tasten Was reitet die Keyboard-Designer bei denen, die &#8220;Print Screen&#8221;- und &#8220;Scroll Lock&#8221;-Taste von Tastatur zu Tastatur einfach mal zu tauschen? Auf der Arbeit die eine, daheim die andere Tastatur [...]]]></description>
			<content:encoded><![CDATA[<p>Auf der einen Seite stellt Logitech total duftes Equipment her, aber auf der anderen Seite kann man sich nur vor die Stirn schlagen:</p>
<h4>Völkerwanderung der Tasten</h4>
<p>Was reitet die Keyboard-Designer bei denen, die &#8220;Print Screen&#8221;- und &#8220;Scroll Lock&#8221;-Taste von Tastatur zu Tastatur einfach mal zu tauschen? Auf der Arbeit die eine, daheim die andere Tastatur und die Verwirrung ist perfekt. Blöd!</p>
<h4>Selbstzerstörung leichtgemacht </h4>
<p>Und bitte &ndash; schön und gut wenn die &#8220;Delete&#8221;-Taste doppelt so groß und damit leichter zu treffen ist.  Kollateralschäden bei der Gewöhnung an das neue Layout sind vorprogrammiert. Tschüss, ihr versehentlich gelöschten Dateien. </p>
<p>Hirnrissig.</p>
<h4>In-den-Wahnsinn-Treiber</h4>
<p>Das <a href="http://www.bitsundso.de/bus109/203/">was Logitech als Treiber raushaut</a> ist teils deprimierend, teils schlicht für die Tonne. Der Mac-Support lässt stark zu wünschen übrig. Unter Windows scheint man kurz nach der Konzeptphase der Treiber-Software regelmäßig die Lust an der Weiterentwicklung zu verlieren. Mit einer schicken Tastatur, die vor Funktionen nur so starrt, kann man viel anstellen wenn man z.B. <a href="http://de.autohotkey.com/">Autohotkey</a> bemüht und ein bischen Kreativität walten lässt. Im Hause Logitech ist man dazu offenbar nicht in der Lage, der Software auch nur den Anflug von Flexibilität zuteil werden zu lassen.</p>
<p>Schade, schade, schade, verdammt schade!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/usability/logitech-stellt-sich-zu-doof-an-305.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Time Machine &#8211; Backup für Doofe</title>
		<link>http://www.interessante-zeiten.de/usability/time-machine-backup-fuer-doofe-301.html</link>
		<comments>http://www.interessante-zeiten.de/usability/time-machine-backup-fuer-doofe-301.html#comments</comments>
		<pubDate>Tue, 16 Sep 2008 21:09:17 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[backup]]></category>
		<category><![CDATA[mac]]></category>
		<category><![CDATA[OSX]]></category>
		<category><![CDATA[timemachine]]></category>

		<guid isPermaLink="false">http://www.interessante-zeiten.de/?p=301</guid>
		<description><![CDATA[&#8220;Für Doofe&#8221; im besten Sinne: ich musste (endlich) mein Time Machine-Backup benutzen, weil mir iPhoto die Library zerschossen hatte. Ich würde ja gerne meckern, aber das Programm, das versionierende Backup und die etwas übertriebene Metapher mit dem Fliegen durch Zeit und Raum &#8211; der Mist funktioniert halt einfach! Ich hätte sowas gerne für die Windows-Patienten [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.interessante-zeiten.de/wp-content/uploads/2008/09/time-machine.jpg" alt="time-machine.jpg" border="0" width="240" height="217" style="float:right;margin:0 0 1ex 2ex" align="right" />&#8220;Für Doofe&#8221; im besten Sinne: ich musste (endlich) mein Time Machine-Backup benutzen, weil mir iPhoto die Library zerschossen hatte.</p>
<p>Ich würde ja gerne meckern, aber das Programm, das versionierende Backup und die etwas übertriebene Metapher mit dem Fliegen durch Zeit und Raum &ndash; der Mist funktioniert halt einfach! </p>
<p>Ich hätte sowas gerne für die Windows-Patienten aus meinem Bekanntenkreis. Das würde vielen Beteiligten eine Menge Zeit sparen. Gibt&#8217;s da schon was von Ratiopharm oder muss man sich das noch &#8220;in hässlich&#8221; mit rsync auf der Kommandozeile antun?</p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/usability/time-machine-backup-fuer-doofe-301.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Reader: der einzige Shortcut, den man sich merken muss</title>
		<link>http://www.interessante-zeiten.de/web/google-reader-der-einzige-shortcut-den-man-sich-merken-muss-283.html</link>
		<comments>http://www.interessante-zeiten.de/web/google-reader-der-einzige-shortcut-den-man-sich-merken-muss-283.html#comments</comments>
		<pubDate>Sun, 11 May 2008 10:46:10 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[feeds]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[reader]]></category>
		<category><![CDATA[rss]]></category>
		<category><![CDATA[shortcuts]]></category>
		<category><![CDATA[tastenkürzel]]></category>

		<guid isPermaLink="false">http://www.interessante-zeiten.de/web/google-reader-der-einzige-shortcut-den-man-sich-merken-muss-283.html</guid>
		<description><![CDATA[Gute Tastenkürzel sind sexy &#8211; Ich sitze ja schließlich nicht vor dem Computer um meine Maus Gassi zu führen, sondern will Arbeit fertigbekommen. Sich die ganzen Tastenkombinationen für jedes Programm auch merken zu können ist ein anderes Problem. Das fällt mir im Gegensatz zu anderen Dingen wie Gesichtern, Geburtstagen und so zwar noch vergleichsweise leicht, [...]]]></description>
			<content:encoded><![CDATA[<p>Gute Tastenkürzel sind sexy &ndash; Ich sitze ja schließlich nicht vor dem Computer um meine Maus Gassi zu führen, sondern will Arbeit fertigbekommen. Sich die ganzen Tastenkombinationen für jedes Programm auch merken zu können ist ein anderes Problem. Das fällt mir im Gegensatz zu anderen Dingen wie Gesichtern, Geburtstagen und so zwar noch vergleichsweise leicht, aber beim x-ten Programm ist dann auch irgendwann Schluss.</p>
<p><img src="http://www.interessante-zeiten.de/wp-content/uploads/2008/05/google-reader-shortcuts.jpg" alt="Google-Reader-Shortcuts.jpg" border="0" width="217" height="164" align="right" /> OK, wie wäre es dann mit <em>einer</em> Tastenkombination? Der Google Reader zeigt bei der Eingabe eines Fragezeichens (<strong>&#8220;?&#8221;</strong>) eine schnuckelige Übersicht mit einer überschaubaren Liste der wichtigsten Shortcuts. Da wäre z.B. die Taste <strong>&#8220;v&#8221;</strong>, die den Originalbeitrag in einem neuen Fenster öffnet oder <strong>&#8220;j&#8221;</strong> bzw. <strong>&#8220;k&#8221;</strong> um zum nächsten / vorherigen Artikel zu springen. Das ist einerseits für eine Webanwendung echt nett &ndash; und andererseits würde ich mir das echt auch für meine Desktop-Programme wünschen <img src='http://www.interessante-zeiten.de/wp-includes/images/smilies/icon_sad.gif' alt=':-(' class='wp-smiley' /> </p>
<p><em>Edit: alle Shortcuts für den Google Reader gibt&#8217;s natürlich auch in der Hilfe: <a href="http://www.google.com/help/reader/faq.html#shortcuts">http://www.google.com/help/reader/faq.html#shortcuts</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/web/google-reader-der-einzige-shortcut-den-man-sich-merken-muss-283.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Mister Wong Bookmarklet für iPhone (und Safari und Opera und so)</title>
		<link>http://www.interessante-zeiten.de/web/mister-wong-bookmarklet-fuer-iphone-und-safari-und-opera-und-so-271.html</link>
		<comments>http://www.interessante-zeiten.de/web/mister-wong-bookmarklet-fuer-iphone-und-safari-und-opera-und-so-271.html#comments</comments>
		<pubDate>Mon, 31 Mar 2008 23:32:13 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[bookmarklet]]></category>
		<category><![CDATA[misterwong]]></category>
		<category><![CDATA[popup]]></category>
		<category><![CDATA[socialbookmarking]]></category>

		<guid isPermaLink="false">http://www.interessante-zeiten.de/web/mister-wong-bookmarklet-fuer-iphone-und-safari-und-opera-und-so-271.html</guid>
		<description><![CDATA[Das für Internet Explorer und die Firefox-Familie verfügbare Mister Wong-Plugin zum fixen Speichern von Lesezeichen hat seit seiner ersten Version inzwischen dazugelernt und handelt das Bookmarken in einem PopUp ab. Das kleine PopUp lädt deutlich fixer als die Profilseite von Mister Wong, daher habe ich mich mal hingesetzt und ein JavaScript-Bookmarklet für Rest-Browser wie Safari, [...]]]></description>
			<content:encoded><![CDATA[<p>Das für Internet Explorer und die Firefox-Familie verfügbare Mister Wong-Plugin zum fixen Speichern von Lesezeichen hat seit seiner ersten Version inzwischen dazugelernt und handelt das Bookmarken in einem PopUp ab. Das kleine PopUp lädt deutlich fixer als die Profilseite von Mister Wong, daher habe ich mich mal hingesetzt und ein JavaScript-Bookmarklet für Rest-Browser wie Safari, Opera oder auch den Mobile Safari vom iPhone angepasst.</p>
<p style="text-align:center;padding:5px;background:#eef">Diesen Link in die Lesezeichen-Leiste ziehen:<br/><br />
<a href="javascript:(function(){f=window.open('http://www.mister-wong.de/index.php?action=addurl&#038;bm_url='+encodeURIComponent(location.href)+'&#038;bm_description='+encodeURIComponent(document.title)+'&#038;popupmode=true','MisterWong','width=610,height=560');setTimeout('f.focus()',100);})();">Seite Bookmarken</a></p>
<p>Auf dem iPhone macht das Bookmarken ohne PopUp keinen großen Spaß: Wenn man wie ich schon deutlich über 1.000 Bookmarks und deren Tags auf Halde hat, steht aufgrund der Größe der Seite zum Bookmarken erstmal zoomen, zoomen, zoomen auf dem Programm. Tja, aber das ist ja nun auch vorbei.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/web/mister-wong-bookmarklet-fuer-iphone-und-safari-und-opera-und-so-271.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Desktop Blogging</title>
		<link>http://www.interessante-zeiten.de/web/desktop-blogging-267.html</link>
		<comments>http://www.interessante-zeiten.de/web/desktop-blogging-267.html#comments</comments>
		<pubDate>Mon, 17 Mar 2008 23:22:36 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Blogging]]></category>
		<category><![CDATA[desktop]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[xmlrpc]]></category>

		<guid isPermaLink="false">http://www.interessante-zeiten.de/web/desktop-blogging-267.html</guid>
		<description><![CDATA[Ok &#8211; auch wenn der neue Firefox noch schneller JavaScript kann, der Safari schneller rendert als der DSL zuliefert und so weiter … letztlich stinkt dieser ganze Browser-Anwendungskram doch spätestens durch die summierten Ladezeiten vollkommen gegen eine schlanke, kleine Desktop-Applikation ab. Wenn man dann auch noch mit dem eigenen Blog beim Schweinehoster sitzt, dessen Datenbank [...]]]></description>
			<content:encoded><![CDATA[<p>Ok &ndash; auch wenn der neue Firefox noch schneller JavaScript kann, der Safari schneller rendert als der DSL zuliefert und so weiter … letztlich stinkt dieser ganze Browser-Anwendungskram doch spätestens durch die summierten Ladezeiten vollkommen gegen eine schlanke, kleine Desktop-Applikation ab. Wenn man dann auch noch mit dem eigenen Blog beim Schweinehoster sitzt, dessen Datenbank sogar von schimmelndem Brot überholt wird, gewinnt man duch ein ordentliches Programm ein gutes Stück Produktivität und (bloggt man viel) Lebensqualität hinzu.</p>
<p><img src="http://www.interessante-zeiten.de/wp-content/uploads/2008/03/w.bloggar.jpg" alt="w.bloggar.jpg" border="0" width="129" height="102" style="float:left;margin:0 1em 1em 0" /><strong>Auf dem PC</strong> bin ich grade dabei, <a href="http://wbloggar.com/">w.bloggar</a> in mein Herz zu schließen:  Freeware, unterstützt eine ganze Tüte voll Blogsysteme, kann bereits veröffentlichte Posts bearbeiten, lädt Bilder und so hoch, hat &ndash; oho &ndash; sogar ein Eingabefeld für Tags, speichert Entwürfe auch lokal, produziert kein cheesy HTML. Kurz: stinkt nicht. Finde ich gut.</p>
<p><img src="http://www.interessante-zeiten.de/wp-content/uploads/2008/03/marsedit.png" alt="MarsEdit.png" border="0" width="170" height="190" style="float:right;margin:0 0 1em 1em" /><br />
<strong>Auf dem Mac</strong> werfe auch ich jetzt mal einen ernstgemeinten Blick auf <a href="http://www.red-sweater.com/marsedit/">MarsEdit</a>. Vielleicht ja wieder so ein Vertreter der kleinen, aber extrem rundgeschliffenen Programme im Bereich von 30,-€/$, die ihr Geld wert sind. Die letzten zwei Blogposts (mit der 30 Tage-Trial) hinterlassen schonmal den Eindruck eines kleinen Handschmeichlers. Tagging macht man halt über Inline-Tags, ansonsten gilt auch hier: veröffentliche Posts dürfen bearbeitet werden, Uploads funktionieren extrem einfach und so fort. Gängige Editoren wie <a href="http://www.codingmonkeys.de/subethaedit/">SubEthaEdit</a> (Dank an die Coding Monkeys für Version 3.1 *wink*) gehen einem per Shortcut oder Knopfdruck beim Editieren zur Hand. </p>
<p>Den Wettbewerb um die aufgeräumtere Oberfläche hat MarsEdit in diesem Fall klar für sich entschieden. Mal schauen, wie die Meinung am Ende der 30 Tage ist.</p>
<p><strong>Abstinker des Tages: </strong>der WYSIWYG-Editor von blogger.com. Google weiß wohl nicht wohin mit seinen Bot-Clustern, wenn'se so eine Tag-Suppe produzieren <img src='http://www.interessante-zeiten.de/wp-includes/images/smilies/icon_sad.gif' alt=':-(' class='wp-smiley' /> </p>
<p><strong>Edit:</strong> das Thema Desktop-Blogging soll übrigens in diesem Blog nicht zum letzten Mal behandelt worden sein. Mehr dazu, wenn die ungelegten Eier fertig sind (vermutlich nach Ostern, um das Wortspiel noch weiter zu strapazieren).</p>
<p>[tags]wordpress, blogging, desktop, software, xmlrpc[/tags]</p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/web/desktop-blogging-267.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Microformats-Power für Safari</title>
		<link>http://www.interessante-zeiten.de/apple/microformats-power-fuer-safari-149.html</link>
		<comments>http://www.interessante-zeiten.de/apple/microformats-power-fuer-safari-149.html#comments</comments>
		<pubDate>Wed, 21 Mar 2007 21:10:15 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Apple]]></category>
		<category><![CDATA[Technik]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[bookmarklet]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[favelet]]></category>
		<category><![CDATA[microformats]]></category>
		<category><![CDATA[mikroformate]]></category>
		<category><![CDATA[safari]]></category>

		<guid isPermaLink="false">http://www.interessante-zeiten.de/technik/microformats-power-fuer-safari-149.html</guid>
		<description><![CDATA[Wer suchet, der findet: ein Microformats Bookmarklet, das den Safari hCard und hCalendar-kompatibel macht. Das funktioniert erstens ganz Klasse und sieht zweitens dank Lightbox-Effekt auch noch ziemlich geil aus ;-)]]></description>
			<content:encoded><![CDATA[<p>Wer suchet, der findet: ein Microformats Bookmarklet, das den Safari hCard und hCalendar-kompatibel macht. Das funktioniert erstens ganz Klasse und sieht zweitens dank Lightbox-Effekt auch noch ziemlich geil aus <img src='http://www.interessante-zeiten.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p><a href="javascript:if%20(!document.getElementById('MF_jq'))%20{var%20q=document.createElement('script');q.setAttribute('id',%20'MF_jq');q.setAttribute('src',%20'http://leftlogic.com/js/jquery.js');document.getElementsByTagName('body')[0].appendChild(q);}%20var%20s=document.createElement('script');s.setAttribute('id','MF_loader');%20s.setAttribute('src',%20'http://leftlogic.com/js/microformats.js');document.getElementsByTagName('head')[0].appendChild(s);void(s);">Diesen Link</a> ein die Leiste ziehen und <a href="http://microformats.org/code/hcard/creator">ab die Post</a>!</p>
<p>Mehr Infos gibt es hier:<br />
<a href="http://leftlogic.com/info/articles/microformats_bookmarklet">Microformats Bookmarklet > Left Logic</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/apple/microformats-power-fuer-safari-149.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Unaufdringliche Bookmarking-Buttons</title>
		<link>http://www.interessante-zeiten.de/webdesign/unaufdringliche-bookmarking-buttons-146.html</link>
		<comments>http://www.interessante-zeiten.de/webdesign/unaufdringliche-bookmarking-buttons-146.html#comments</comments>
		<pubDate>Tue, 13 Mar 2007 22:06:30 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[bookmark]]></category>
		<category><![CDATA[lesezeichen]]></category>

		<guid isPermaLink="false">http://www.interessante-zeiten.de/webdesign/unaufdringliche-bookmarking-buttons-146.html</guid>
		<description><![CDATA[Lieber Besucher, wenn Sie Benutzer eines populären Bookmarking-Services sind, sehen Sie auf dieser Seite (hoffentlich) einen entsprechenden, prominent platzierten Link. Und wenn nicht (jetzt kommts!), sehen Sie hoffentlich keinen Link. Deswegen auch "unaufdringlich", nicht wahr ...]]></description>
			<content:encoded><![CDATA[<p>Lieber Besucher,</p>
<p>wenn Sie Benutzer eines populären Bookmarking-Services sind, sehen Sie auf dieser Seite (hoffentlich) einen entsprechenden, prominent platzierten Link.</p>
<p>Und wenn nicht (jetzt kommts!), sehen Sie hoffentlich <em>keinen</em> Link. </p>
<p>Deswegen auch "unaufdringlich", nicht wahr ...</p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/webdesign/unaufdringliche-bookmarking-buttons-146.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>gz-Kompression für statische Dateien mit Apache und PHP</title>
		<link>http://www.interessante-zeiten.de/webdesign/gz-kompression-fuer-statische-dateien-mit-apache-und-php-145.html</link>
		<comments>http://www.interessante-zeiten.de/webdesign/gz-kompression-fuer-statische-dateien-mit-apache-und-php-145.html#comments</comments>
		<pubDate>Mon, 26 Feb 2007 20:12:08 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[304]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[ergonomie]]></category>
		<category><![CDATA[gzip]]></category>
		<category><![CDATA[htaccess]]></category>
		<category><![CDATA[kompression]]></category>
		<category><![CDATA[mod-deflate]]></category>
		<category><![CDATA[mod-gzip]]></category>
		<category><![CDATA[php]]></category>

		<guid isPermaLink="false">http://www.interessante-zeiten.de/webdesign/gz-kompression-fuer-statische-dateien-mit-apache-und-php-145.html</guid>
		<description><![CDATA[Des armen Mannes Kompressionsmodul: mit wenigen Handgriffen kann man auch auf dem Webspace für den kleinen Geldbeutel Scripte und Stylesheets gz-komprimiert ausliefern, Apache und PHP vorausgesetzt.]]></description>
			<content:encoded><![CDATA[<p><strong>"Der erste Eindruck zählt" gilt bei einer Website nicht nur für die Optik, sondern auch für die Geschwindigkeit mit der die Seite geladen wird. Und auch trotz schlankem Quellcode bringt eine Webseite mit all ihren Bildern, Stylesheets, Javascript-Frameworks schnell eine stattliche Größe von mehreren 100KByte auf die Waage, die erstmal durch die Leitung müssen. </strong></p>
<p>Dann schlägt beim Apache-Webserver <em>eigentlich</em> die Stunde für Module wie <em>mod_gzip</em> oder <em>mod_deflate</em>, die für Kompression bei der Übertragung zuständig sind. Gerade diese Helferlein stehen beim Billighoster aber höchst selten zur Verfügung. Der Hoster muss in der Regel mit seiner Prozessorkraft haushalten – und wo käme man da hin, wenn jeder so mirnichts–dirnichts Rechenpower für das Komprimieren von Daten abzweigen kann (um Traffic zu sparen, den man genausogut teuer verkaufen kann)?</p>
<p><strong>Scripte &#038; Stylesheets komprimieren</strong><br />
Scripte und Stylesheets schreien dabei geradezu nach komprimierter Übertragung, bestehen sie doch aus Kompressions-freundlichem ASCII-Gebräu. Wie kriegt man diese Dateien also klein, ohne mod_gzip / mod_deflate zu bemühen?</p>
<p><strong>Kompression mit PHP</strong><br />
Nun gut – dann muss der PHP-Interpreter herhalten: Kompression anschalten, Dateiinhalt ausgeben ausgeben (natürlich mit dem entsprechenden Header), fertig.</p>
<p>Als Beispiel soll mal die Datei "prototype.js" des Prototype-Frameworks herhalten, die unkomprimiert immerhin an die 72KByte auf die Waage bringt.</p>
<div class="igBar"><span id="lphp-1"><a href="#" onclick="javascript:showPlainTxt('php-1'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-1">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><a href="http://www.php.net/ob_start"><span style="color:#000066;">ob_start</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">"ob_gzhandler"</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><a href="http://www.php.net/header"><span style="color:#000066;">header</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">'Content-Type: text/javascript'</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><a href="http://www.php.net/print"><span style="color:#000066;">print</span></a> <span style="color:#006600; font-weight:bold;">&#40;</span>...<span style="color:#006600; font-weight:bold;">&#41;</span>; <span style="color:#FF9933; font-style:italic;">//JavaScript-Code ausgeben </span></div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Und siehe da: der Firefox weist ca. 15KByte übertragene Daten aus – "mal eben" 80% Ladezeit gespart …</p>
<p><strong>Schönheitsfehler Dateiendung</strong><br />
Abzüge in der B-Note gibt es für die falsche Dateiendung: damit die umgepolte Javascript-Datei vom PHP-Parser verarbeitet wird, muss die Endung .php sein. Da weisen wir den Apache per .htaccess-Datei doch lieber gleich darauf hin, dass .js-Dateien ab jetzt PHP-Code enthalten:</p>
<div class="igBar"><span id="lcode-2"><a href="#" onclick="javascript:showPlainTxt('code-2'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-2">
<div class="code">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">AddType application/x-httpd-php .<span style="">js</span> .<span style="">php</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>(Obacht: die Art, wie dies eingestellt wird kann schonmal von Hoster zu Hoster verschieden sein.)</p>
<p><strong>Kompression ohne Caching ist Quatsch</strong><br />
Indem ich alle .js-Dateien zu dynamische Seiten "befördere", kann die Datei nicht mehr gecached werden und wird bei jedem Seitenaufruf neu geladen. Oopsie! In meinem Beispiel habe ich also schlimmstenfalls nach 5 Seitenimpressionen a 15KByte den gewonnenen Vorteil wieder verspielt. Wer "A" sagt, muss also auch …</p>
<p><strong>… den Browser zum Cachen ermuntern</strong><br />
Header-Informationen über den Zeitpunkt der letzten Änderung an der Datei kann der Webserver nicht an den Browser senden, weil wir PHP benutzen – dynamische Seiten ändern sich eben ständig!<br />
Das erledigen wir also von Hand, indem wir den entsprechenden "Last-Modified" Header selbst erzeugen. </p>
<p>Und damit das auch den gewünschten Effekt zeigt, müssen wir vor der Ausgabe des Dateiinhalts prüfen, ob der Browser noch eine aktuelle Version besitzt ("If-modified-since"-Header). Ist das der Fall, senden wir eine "304 Not Modified"-Antwort – die Datei muss nicht übertragen werden, Zeit und Traffic werden gespart. Hurrah!</p>
<p>Es kommt noch besser: mit der <a href="http://pear.php.net/package/HTTP_Header">HTTP::Header::Cache()</a> Klasse aus dem PEAR-Repository bringt man seinen dynamischen Dateien im Handumdrehen statische Verhaltensweisen bei und muss nicht das Rad neu erfinden:</p>
<div class="igBar"><span id="lphp-3"><a href="#" onclick="javascript:showPlainTxt('php-3'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-3">
<div class="php">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#616100;">require</span><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#FF0000;">'HTTP/Header/Cache.php'</span><span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$header</span> = <span style="color:#000000; font-weight:bold;">new</span> HTTP_Header_Cache<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#CC66CC;color:#800000;">1</span>,<span style="color:#FF0000;">'days'</span><span style="color:#006600; font-weight:bold;">&#41;</span>; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$header</span>-&gt;<span style="color:#006600;">sendHeaders</span><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span>; </div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$date</span>=HTTP::<a href="http://www.php.net/date"><span style="color:#000066;">date</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Das "Haltbarkeitsdatum" der Datei setze ich einfach mal auf 24 Stunden an. Die Cache-Klasse prüft nun, ob der Browser noch eine gültige Version der Datei besitzt – ist das der Fall, wird der besagte 304-Header abgesendet und das Script beendet.</p>
<p><strong>Plug &#038; Play</strong><br />
Alle seine Scripte und Stylesheets mit PHP-Code vollzustopfen macht auch nicht grade viel Spaß. Darum weise ich den Server per <em>.htaccess</em>-Datei an, in meinem Script-Ordner allen PHP-Dateien automatisch die Datei <em>prepend.php</em> voranzustellen. </p>
<div class="igBar"><span id="lcode-4"><a href="#" onclick="javascript:showPlainTxt('code-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-4">
<div class="code">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">php_value auto_prepend_file prepend.<span style="">php</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Da sich alle zum Einleiten der Kompression nötigen Schritte vor der Ausgabe abspielen (logisch), brauche ich die zu komprimierenden Dateien auf diese Art gar nicht ändern. Einen bitteren Nachgeschmack hinterlässt, dass der PHP-Interpreter die nachfolgende Script/Stylesheet-Datei vergeblich nach PHP-Code durchwühlt. Da bleibt noch Raum für spannende Verbesserungen, aber das soll uns erstmal nicht interessieren.</p>
<p>Diese Lösung gewinnt vielleicht keine Benchmarks, trägt aber vielleicht ein wenig zur verbesserten Benutzererfahrung bei.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/webdesign/gz-kompression-fuer-statische-dateien-mit-apache-und-php-145.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Schöner scrollen leicht gemacht</title>
		<link>http://www.interessante-zeiten.de/usability/schoener-scrollen-leicht-gemacht-123.html</link>
		<comments>http://www.interessante-zeiten.de/usability/schoener-scrollen-leicht-gemacht-123.html#comments</comments>
		<pubDate>Sat, 30 Dec 2006 23:42:33 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Usability]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[tipps]]></category>

		<guid isPermaLink="false">http://www.rosenhagen.info/usability/schoener-scrollen-leicht-gemacht-123.html</guid>
		<description><![CDATA[Beim Lesen von Internetseiten sieht sich der geneigte Leser sicherlich häufig dazu genötigt, eine Seite "umzublättern". Ich vermute mal, das läuft dann auf eine der folgenden Möglichkeiten hinaus: Drehen am Mausrad. Bewegen des Scrollbalkens mit dem Mauszeiger (gähn) Betätigen der PageDown- und PageUp-Taste (eher unwahrscheinlich) Der Vollständigkeit halber möchte ich in aller Deutlichkeit hinzufügen: seitenweises [...]]]></description>
			<content:encoded><![CDATA[<p>Beim Lesen von Internetseiten sieht sich der geneigte Leser sicherlich häufig dazu genötigt, eine Seite "umzublättern". </p>
<p>Ich vermute mal, das läuft dann auf eine der folgenden Möglichkeiten hinaus:</p>
<ol style="padding:0 0 1em 3em">
<li>Drehen am Mausrad.
<li>Bewegen des Scrollbalkens mit dem Mauszeiger (gähn)
<li>Betätigen der PageDown- und PageUp-Taste (eher unwahrscheinlich)
</ol>
<p>Der Vollständigkeit halber möchte ich in aller Deutlichkeit hinzufügen: <strong>seitenweises Weiterblättern serviert einem fast jeder Browser beim Druck auf die Leertaste. </strong> Das finde ich total dufte, weil diese Taste verdammt groß und bequem zu erreichen ist. Häufig darf man dann auch mit Shift-Leertaste eine Seite hochblättern.</p>
<p>Ich wollte das nur mal erwähnen, weil ich finde dass das jedermann wissen sollte <img src='http://www.interessante-zeiten.de/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/usability/schoener-scrollen-leicht-gemacht-123.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Den Mac bedienen wie ein wahrer Jedi</title>
		<link>http://www.interessante-zeiten.de/technik/den-mac-bedienen-wie-ein-wahrer-jedi-112.html</link>
		<comments>http://www.interessante-zeiten.de/technik/den-mac-bedienen-wie-ein-wahrer-jedi-112.html#comments</comments>
		<pubDate>Tue, 21 Nov 2006 20:51:23 +0000</pubDate>
		<dc:creator>Henning</dc:creator>
				<category><![CDATA[Technik]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[lichtsensor]]></category>
		<category><![CDATA[shadowbook]]></category>
		<category><![CDATA[suddenmotionsensor]]></category>
		<category><![CDATA[virtuedesktops]]></category>

		<guid isPermaLink="false">http://www.rosenhagen.info/technik/den-mac-bedienen-wie-ein-wahrer-jedi-112.html</guid>
		<description><![CDATA[Den Computer mit Handgesten steuern. Klingt futuristisch-bescheuert, klappt aber prächtig. Und wenn's nicht klappt, hört der Rechner auch auf Schläge.]]></description>
			<content:encoded><![CDATA[<p>Ich war recht perplex, als ich mir dieses Video angesehen habe:<br />
<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/slZDN7zeMWI"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/slZDN7zeMWI" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object></p>
<p>Ich nehme schonmal vorweg: der Mac im Video gehorcht auf's Winken.<br />
Heilige Sensorik! Wie mag denn das vor sich gehen?</p>
<p>Ganz einfach... (...)<br/>Lies den Rest von <a href="http://www.interessante-zeiten.de/technik/den-mac-bedienen-wie-ein-wahrer-jedi-112.html">Den Mac bedienen wie ein wahrer Jedi</a> (103 Wörter)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.interessante-zeiten.de/technik/den-mac-bedienen-wie-ein-wahrer-jedi-112.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

