<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet href="/templates/nicosteiner/atom.css" type="text/css" ?>

<feed 
   xmlns="http://www.w3.org/2005/Atom"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:admin="http://webns.net/mvcb/"
   xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
   xmlns:wfw="http://wellformedweb.org/CommentAPI/">
    <link href="http://www.nicosteiner.de/feeds/atom.xml" rel="self" title="Nico Steiner - Frontend-Entwicklung und -Architektur" type="application/atom+xml" />
    <link href="http://www.nicosteiner.de/"                        rel="alternate"    title="Nico Steiner - Frontend-Entwicklung und -Architektur" type="text/html" />
    <link href="http://www.nicosteiner.de/rss.php?version=2.0"     rel="alternate"    title="Nico Steiner - Frontend-Entwicklung und -Architektur" type="application/rss+xml" />
    <title type="html">Nico Steiner - Frontend-Entwicklung und -Architektur</title>
    <subtitle type="html">Frontend-Technologien, Web Standards, Accessibility, SEO, Performance und Modularisierung</subtitle>
    
    <id>http://www.nicosteiner.de/</id>
    <updated>2010-08-31T22:35:02Z</updated>
    <generator uri="http://www.s9y.org/" version="1.4.1">Serendipity 1.4.1 - http://www.s9y.org/</generator>
    <dc:language>de</dc:language>

    <entry>
        <link href="http://www.nicosteiner.de/archives/271-Gast-Beitrag-im-Webstandard-Blog.html" rel="alternate" title="Gast-Beitrag im Webstandard-Blog" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-08-31T22:35:02Z</published>
        <updated>2010-08-31T22:35:02Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=271</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=271</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/271-guid.html</id>
        <title type="html">Gast-Beitrag im Webstandard-Blog</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Im <a href="http://webstandard.kulando.de/">Webstandard-Blog</a> ist heute mein Gast-Beitrag  <a href="http://webstandard.kulando.de/post/2010/08/31/onpage-optimierung-moeglichkeiten-und-grenzen">Onpage-Optimierung - Möglichkeiten und Grenzen</a> erschienen. Ich versuche darin zu verdeutlichen, dass Onpage-Optimierung keine Ranking-Wunder vollbringen kann, sondern eher als Basis einer vielmehr besucherzentrierten, informativen und relevanten Website zu verstehen ist. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/270-Zoompf-2010-State-Of-Web-Performance-Report.html" rel="alternate" title="Zoompf 2010 State Of Web Performance Report" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-08-30T20:20:22Z</published>
        <updated>2010-08-30T20:20:22Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=270</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=270</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/270-guid.html</id>
        <title type="html">Zoompf 2010 State Of Web Performance Report</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Ich hatte den Link gestern bereits getwittert, möchte aber auch hier nochmal auf diesen <a href="http://zoompf.com/2010-state-of-web-performance-report">interessanten Report</a> hinweisen (es ist die Angabe einer E-Mail-Adresse nötig). Zoompf hat nicht nur die 1000 populärsten US-Websites auf typische Performance-Kriterien hin untersucht, sondern auch lesenswerte Schlüsse aus den daraus enstandenen Statistiken gezogen. Ursachen für die schlechte Performance von großen Websites sind laut dem Report zum einen fehlende Lösungen für eine durchgängige Anwendung von Optimierungen auf die gesamte Infrastruktur und zum anderen fehlende Werkzeuge, um sämtliche Webseiten eines Top-1000-Unternehmens auf mögliche Schwachstellen zu durchleuchten und nachhaltig zu überwachen.<br />
<br />
Ich hatte auf diese Punkte bereits vor ca. einem Jahr in einem <a href="http://www.nicosteiner.de/archives/152-Mozilla-Frontend-Code-Standards.html">Blog-Post</a> hingewiesen und wir haben seit damals kontinuierlich an der Lösung dieser Probleme gearbeitet. Wenn ich mir die Liste von damals jetzt durchlese, stelle ich erfreut fest, dass viele der Dinge schon geschafft sind - einige wirklich große Brocken stehen noch aus. Mal sehen, was die nächsten Wochen so bringen <img src="http://www.nicosteiner.de/templates/nicosteiner/img/emoticons/wink.png" alt=";-)" style="display: inline; vertical-align: bottom;" class="emoticon" /> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/269-Vortrag-auf-dem-11-Developer-Day.html" rel="alternate" title="Vortrag auf dem 1&amp;1 Developer Day" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-08-30T19:21:09Z</published>
        <updated>2010-08-30T19:21:09Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=269</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=269</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/269-guid.html</id>
        <title type="html">Vortrag auf dem 1&amp;1 Developer Day</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Ich werde nächsten Dienstag auf dem 1&1 Developer Day einen Vortrag zu unserer Frontend-Architektur halten. Dieser Vortrag dient unter anderem als Vorbereitung auf die <a href="http://webtechcon.de/">WebTech Conference</a> in Mainz, auf der ich zu einem ähnlich Thema reden werde. Diese Woche wird wohl komplett für die Vorbereitungen draufgehen. Eine Story steht schon - analog auf einem großen Blatt Papier. Jetzt geht es an das Zurechtschneiden von Screenshots, Anfertigen von Statistiken, Suchen passender Fotos und Grafiken etc. Zum Schluß steht dann die Übertragung in Powerpoint an. An dieser Stelle sei nochmals auf die Bücher <a href="http://www.amazon.de/slide-ology-brillante-Pr%C3%A4sentationen-entwickeln/dp/3897219395">slide:ology</a>, <a href="http://www.amazon.de/Kunst-Präsentation-einfachen-gestalten-präsentieren/dp/3827327083">ZEN oder die Kunst der Präsentation</a> und <a href="http://www.amazon.de/Bekenntnisse-eines-Redners-gehört-werden/dp/389721993X">Bekenntnisse eines Redners</a> hingewiesen - in diesen Büchern findet man viel Wissenswertes zum Thema Vorträge und Präsentationen.<br />
<br />
Außerdem geht es nächsten Montag zum <a href="http://webmontag-mrn.mixxt.de/networks/events/show_event.22866">5. Webmontag Talk</a> nach Mannheim. <a href="http://www.webzeugkoffer.de/">Björn Seibert</a> hat mich mit einer Einladung über XING darauf aufmerksam gemacht.<br />
<br />
Im Oktober steht vor der WebTech noch eine Reise nach Amsterdam zur <a href="http://fronteers.nl/congres/2010">Fronteers 2010</a> an. Der Veranstaltungsort ist wie immer total beeindruckend. Diesmal haben PPK und seine Jungs das <a href="http://en.wikipedia.org/wiki/Tuschinski">Pathé Tuschinski</a> ausgewählt - das Gebäude ist schon <a href="http://www.flickr.com/photos/25521337@N03/4110153530/">von außen</a> eine Wucht - aber drinnen wird's dann <a href="http://www.pathe.nl/tuschinski/lokatie.asp">richtig abgefahren</a>! 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/268-Unit-Tests-mit-XPath.html" rel="alternate" title="Unit Tests mit XPath" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-08-03T20:33:27Z</published>
        <updated>2010-08-04T11:44:20Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=268</wfw:comment>
    
        <slash:comments>1</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=268</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/268-guid.html</id>
        <title type="html">Unit Tests mit XPath</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Seit einigen Tagen setzen wir ein neues System zur Verbesserung der Qualität unserer Source-Codes ein. Wir testen mit Hilfe eines <a href="http://saxon.sourceforge.net/">Saxon-Processors</a> unsere <a href="http://maven.apache.org/">Apache Maven-Module</a> auf Verstöße gegen interne Coding Richtlinien. Genauer wenden wir auf alle XML-Dokumente eines Shops XPath-Ausdrücke an, welche sich grundsätzlich in eine der Kategorien <strong>notAllowed</strong> und <strong>isNeeded</strong> unterteilen lassen.<br />
<br />
So sind beispielhaft folgende XPath-Ausdrücke der Kategorie <strong>notAllowed</strong> zugeordnet:<br />
<br />
</p><ul><li>//@style (Inline-Styles sind nicht erlaubt)</li><li>//pfx:blank (Template zum Erzeugen eines Blank-Gifs ist nicht erlaubt)</li><li>//br/br (Breaks zum Erzeugen von "Absätzen" sind nicht erlaubt)</li></ul><p>Weitere Unarten wie Inline-Events und die Verwendung von Attributen wie clear oder align fallen durch eine sukzessive Umstellung aller Projekte auf den DOCTYPE HTML 4.01 Strict mit Hilfe der <a href="http://users.skynet.be/mgueury/mozilla/">HTML Validator Extension</a> auf.<br />
<br />
Kandidaten für die Kategorie <strong>isNeeded</strong> sind interne Link-Parameter wie<br />
<br />
</p><ul><li>//shop:button/@linkId</li><li>//shop:button/@linkType</li></ul><p>Dabei sind diese Tests nicht auf valides Markup ausgerichtet, sondern setzen auf einem höheren Level des Markupdesigns und der richtigen Verwendung von internen Templates an.<br />
<br />
Generell lassen sich die XPath-Regeln pro Shop individuell festlegen. Integriert ein Shop Templates aus einem Modul, integriert dieses Modul die Regeln zur richtigen Verwendung seiner Templates automatisch. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/267-Popups-im-Browserfenster-mit-Rahmen-oeffnen.html" rel="alternate" title="Popups im Browserfenster mit Rahmen öffnen" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-07-22T20:02:16Z</published>
        <updated>2010-07-22T20:24:29Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=267</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=267</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/267-guid.html</id>
        <title type="html">Popups im Browserfenster mit Rahmen öffnen</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Wenn Popups über das Kontextmenü in einem neuen Tab geöffnet oder über Suchmaschinen gefunden werden, kann es zu dem Problem kommen, dass keine Verlinkung zur Startseite der Website existiert und das Popup somit eine Sackgasse darstellt. Besonders im Fall der Suchmaschinen-Verlinkung kann dies sehr ärgerlich sein, da einem potentiellen Kunden der Weg zum Angebot der Website versperrt bleibt.<br />
<br />
Wir haben dieses Problem gelöst, indem wir mit JavaScript die Existenz von window.opener prüfen. Ist dieses Objekt nicht vorhanden, wurde die Webseite nicht im Popup geöffnet sondern wird im Browserfenster angezeigt. Über eine zusätzliche Klasse auf dem body-Element wird in diesem Fall ein umgebender Rahmen eingeblendet, welcher das ursprüngliche Popup als Webseite mit Hauptnavigation erscheinen läßt.<br />
<br />
<strong>1&1 SmartPad als Popup</strong><br />
<br />
<!-- s9ymdb:177 --><img class="serendipity_image_center" width="400" height="345" src="http://www.nicosteiner.de/uploads/1und1-smartpad-popup.png" alt="Popup-Version" /><br />
<br />
<strong>1&1 SmartPad als Webseite</strong><br />
<br />
<!-- s9ymdb:178 --><img class="serendipity_image_center" width="600" height="381" src="http://www.nicosteiner.de/uploads/1und1-smartpad-browser.png" alt="Webseiten-Version" /><br />
<br />
Dies setzt vorraus, dass die Popups eine einheitliche Struktur aufweisen und im Idealfall die selben Dimensionen besitzen. Zur Demonstration habe ich das entsprechende Popup <a href="http://dsl.1und1.de/xml/order/DetailsSmartPad">direkt verlinkt</a> und eine <a href="http://www.google.de/#hl=de&amp;q=1%261+SmartPad+highlights+technische+details">Google Suchanfrage</a> formuliert, welche das Popup (hoffentlich an erster Stelle) als Treffer anzeigt. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/266-Mobile-Internet-Redesign.html" rel="alternate" title="Mobile Internet Redesign" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-07-01T06:28:33Z</published>
        <updated>2010-07-01T06:50:36Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=266</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=266</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/266-guid.html</id>
        <title type="html">Mobile Internet Redesign</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Heute ist <a href="http://pocketweb.1und1.de/">1&1 Mobile Internet</a> in einem neuen Gewand online gegangen. Damit sind fast alle <a href="http://www.1und1.de/">1&1 Neukundenshops</a> auf das neue Layout umgestellt. Nicht nur optisch hat sich einiges getan - wir haben die Umstellung dazu genutzt, Benennungen und Ordnerstrukturen für Grafiken und CSS zu vereinheitlichen. Dadurch konnten jede Menge alte Grafiken und Styles gelöscht werden. Auch bei diesem Design wurde darauf geachtet, gesharte Ressourcen modular vorzuhalten und zentral als Maven-Modul für alle Shops bereitzustellen. Obwohl die neuen Layouts sehr grafiklastig sind, findet sich unter der Haube schlankes, semantisches, zugängliches Markup, das mit einem Strict-Doctype valide ausgeliefert wird. Die grafischen Headlines wurden mit Image Replacement und die Buttons und Tabs mit der Sliding Doors Technik realisiert. Die Seiten sind trotz der Größe ihrer Ressourcen sehr performant. Das CSS ist modular aufgebaut, setzt gespritete Grafiken sinnvoll ein und kommt zu einem Großteil ohne Hacks und !important Regeln aus.<br />
<br />
<strong>Mobile Internet (neu)</strong><br />
<!-- s9ymdb:176 --><img class="serendipity_image_center" width="724" height="527" src="http://www.nicosteiner.de/uploads/mobile-internet-neue-website.png" alt="Mobile Internet (neu)" /><br />
<br />
<strong>Mobile Internet (alt)</strong><br />
<!-- s9ymdb:175 --><img class="serendipity_image_center" width="724" height="524" src="http://www.nicosteiner.de/uploads/mobile-internet-alte-website.png" alt="Mobile Internet (alt)" /> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/265-Vortrag-auf-dem-naechsten-PHP-Usergroup-Treffen.html" rel="alternate" title="Vortrag auf dem nächsten PHP Usergroup Treffen" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-06-13T16:22:23Z</published>
        <updated>2010-06-17T20:34:52Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=265</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=265</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/265-guid.html</id>
        <title type="html">Vortrag auf dem nächsten PHP Usergroup Treffen</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Ich werde mit Frank am 29. Juni noch einmal den Vortrag <a href="http://www.nicosteiner.de/archives/263-Frontend-Performance-mit-PHP-IPC-Spring-Edition,-Berlin.html">Frontend-Performance mit PHP</a> halten. Wer Interesse hat, kann sich im <a href="http://forum.phpug-karlsruhe.de/viewtopic.php?f=2&amp;t=270&amp;start=0">PHP Usergroup Forum</a> über das Treffen informieren und sich dort auch anmelden.<br />
<br />
Thema: Frontend-Performance (mit PHP) von Nico Steiner &amp; Frank Kleine<br />
Datum: Dienstag den 29. Juni 2010, 19 Uhr<br />
Location: Hochschule Karlsruhe<br />
Gebäude M, 3. Obergeschoss, Raum 302<br />
<br />
Die Veranstaltung ist kostenlos. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/264-International-PHP-Conference-Spring-Edition.html" rel="alternate" title="International PHP Conference Spring Edition" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-06-03T21:16:04Z</published>
        <updated>2010-06-03T21:53:14Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=264</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=264</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/264-guid.html</id>
        <title type="html">International PHP Conference Spring Edition</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Die letzten Tage nahm ich zusammen mit <a href="http://www.schst.net/">Stephan</a> und <a href="http://frankkleine.de/">Frank</a> an der IPC in Berlin teil. Parallel dazu fand die Webinale statt, die wir ebenfalls besuchen konnten. Nach Shopping, Hooters, Sonne, Bier und Lena am Samstag ging es am Sonntag nach einer Stadtrundfahrt mit einem Workshop los. Am Montag startete dann die eigentliche Konferenz - die Session zu <a href="http://createordie.de/webinale2010/sessions/?tid=1597#session-13523">Augmented Editorial Design</a> war an diesem Tag für mich das Highlight - Julian Koschwitz hat sehr anschaulich vermittelt, wie diese Technik eingesetzt werden kann. Anhand von Markern in Print-Magazinen (ähnlich einem <a href="http://de.wikipedia.org/wiki/QR-Code">QR-Code</a>) werden digital Zusatzinformationen in das Magazin eingebettet, sobald man dieses mit Hilfe einer Webcam durch einen Flash-Film betrachtet. Am Montag hielt ich zusammen mit Frank eine <a href="http://www.nicosteiner.de/archives/263-Frontend-Performance-mit-PHP-IPC-Spring-Edition,-Berlin.html">Session zur Performance von Websites</a> und entsprechenden Möglichkeiten in PHP. Am Abend gings dann zur obligatorischen Konferenz-Party. Da ich am nächsten Morgen kaum aus dem Bett kam, schaffte ich es nur mit Verspätung zur Präsentation von Stefan Fischerländer zu <a href="http://createordie.de/webinale2010/sessions/?tid=1620#session-12467">Kennzahlen der Suchmaschinenoptimierung</a>. Die von ihm erwähnten Fakten waren für mich zum Großteil komplett neu und sehr interessant. Ich hatte mich bisher immer nur auf das für meinen Job relevante Gebiet der On-Page-Optimierung konzentriert. Was es da jedoch für tolle Möglichkeiten der Messung von eventuellen Verbesserungen gibt, war mir nicht bewußt.<br />
<br />
Enttäuschend waren <a href="http://createordie.de/webinale2010/sessions/?tid=1593#session-12961">Ich® – Die eigene Identität als Marke</a> und die Session zu zukünftigen Features von CMS. Da hatte sehr viel mehr erwartet. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/263-Frontend-Performance-mit-PHP-IPC-Spring-Edition,-Berlin.html" rel="alternate" title="Frontend-Performance mit PHP (IPC Spring Edition, Berlin)" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-06-03T12:34:15Z</published>
        <updated>2010-06-03T21:51:25Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=263</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=263</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/263-guid.html</id>
        <title type="html">Frontend-Performance mit PHP (IPC Spring Edition, Berlin)</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <object style="margin:0px" data="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=frontend-performance-php-100602174705-phpapp02&amp;stripped_title=frontendperformance-ipc-2010" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=frontend-performance-php-100602174705-phpapp02&amp;stripped_title=frontendperformance-ipc-2010" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/></object><br />
<br />
View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/n.steiner">Nico Steiner</a>.<br />
<br />
 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/262-301-Redirects-fuer-geloeschte-Seiten.html" rel="alternate" title="301 Redirects für gelöschte Seiten" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-05-21T21:25:53Z</published>
        <updated>2010-05-21T21:50:29Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=262</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=262</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/262-guid.html</id>
        <title type="html">301 Redirects für gelöschte Seiten</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Durch neue Möglichkeiten der internen Fehleranalyse war es uns in der letzten Woche möglich, viele 404-Seiten mit <a href="http://googlewebmastercentral.blogspot.com/2008/04/best-practices-when-moving-your-site.html">301 Redirects</a> auf existierende Seiten umzuleiten. Neben den internen Analysen halfen uns vor allem die Google Webmaster Tools, dort insbesondere der Bereich <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=en&amp;answer=35120">Crawl errors</a>. Die Tools werden von Google kostenlos zur Verfügung gestellt - es ist lediglich eine einmalige Verifikation der Websites nötig. Die Probleme können bis zu 2 Wochen zurückverfolgt werden. Neben den aufgetretenen Fehlern werden auch Zusatzinformationen bereitgestellt.<br />
<br />
Hilfreich ist z. B. die Aufzählung der verlinkenden Seiten, durch welche es zu 404-Fehler kommt.<br />
<br />
<!-- s9ymdb:173 --><img class="serendipity_image_center" width="583" height="37" src="http://www.nicosteiner.de/uploads/404-pages.png" alt="8 pages link to that page" /><br />
<br />
<!-- s9ymdb:174 --><img class="serendipity_image_center" width="658" height="327" src="http://www.nicosteiner.de/uploads/404-pages-detailed.png" alt="Crawl errors - Detailed view" /> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/260-SenSEO-bekommt-den-Famous-Software-Award.html" rel="alternate" title="SenSEO bekommt den Famous Software Award" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-05-20T21:32:49Z</published>
        <updated>2010-05-21T19:36:38Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=260</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=260</wfw:commentRss>
    
    
        <id>http://www.nicosteiner.de/archives/260-guid.html</id>
        <title type="html">SenSEO bekommt den Famous Software Award</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <img src="http://download.famouswhy.com/awards/Famous_Software_Award_Logo.png" style="float: right; margin-left: 15px;" alt="Famous software award" /><cite>Your product "SenSEO" has been granted the "Famous Software Award" by <a href="http://download.famouswhy.com/">Download.FamousWhy.com</a>. The Famous Software Award has been initiated by Download.FamousWhy.com  to recognize "Famous Software", which come up with innovative and efficient ways to reflect the best relationship with users assuring their satisfaction. [...]</cite> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/261-Xmarks-Top-10-Site.html" rel="alternate" title="Xmarks - Top 10 Site" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-05-21T19:31:05Z</published>
        <updated>2010-05-21T19:36:02Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=261</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=261</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/261-guid.html</id>
        <title type="html">Xmarks - Top 10 Site</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                <a href="http://www.xmarks.com/site/sensational-seo.com"><img src="http://gizmo.xmarks.com/banner/JTdCJTIydXNlcm5hbWUlMjIlM0ElMjAlMjJuLnN0ZWluZXIlMjIlMkMlMjAlMjJ1cmxfaWQlMjIlM0ElMjAlMjJsRFBHWmRabXVBdWJEVEZrSjNxTEc2b3VQLWNHaVFJYU5QLXRPOF9raVo4JTIyJTJDJTIwJTIyZmdfY29sb3IlMjIlM0ElMjAlMjIlMjMzMzQlMjIlMkMlMjAlMjJ0aXRsZSUyMiUzQSUyMCUyMlNlblNFTyUyMEZpcmVmb3glMjBFeHRlbnNpb24lMjAtJTIwT2ZmaWNpYWwlMjBXZWJzaXRlJTIyJTJDJTIwJTIybGlua19jb2xvciUyMiUzQSUyMCUyMiUyMzM1OCUyMiUyQyUyMCUyMnZpZXdfdHlwZSUyMiUzQSUyMCUyMjAlMjIlMkMlMjAlMjJoZWlnaHQlMjIlM0ElMjAlMjIxNzAlMjIlMkMlMjAlMjJ0b3BpYyUyMiUzQSUyMCUyMmZpcmVidWclMjBleHRlbnNpb25zJTIyJTJDJTIwJTIyYmdfY29sb3IlMjIlM0ElMjAlMjJ3aGl0ZSUyMiUyQyUyMCUyMnZlcnNpb24lMjIlM0ElMjAlMjIxJTIyJTJDJTIwJTIybGlua190YXJnZXQlMjIlM0ElMjAlMjIwJTIyJTdE" width="210" height="89" border="0" title="Xmarks Top Site in Firebug&#160;Extensions" alt="Xmarks Top Site in Firebug Extensions" /></a><br />
<br />
<cite>SenSEO Firefox Extension - Official Website is a Top Site &#32;in&#32; <a href="http://www.xmarks.com/topic/firebug_extensions?p=149208147&amp;cid=gz">Firebug Extensions</a>.</cite> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/259-SenSEO-Neue-Features.html" rel="alternate" title="SenSEO - Neue Features" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-05-20T21:09:43Z</published>
        <updated>2010-05-20T21:09:43Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=259</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=259</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/259-guid.html</id>
        <title type="html">SenSEO - Neue Features</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                In der neuen Version von SenSEO habe ich die Überprüfung der Keyworddichte anhand von Prozentwerten ersetzt. Statt dessen wird lediglich überprüft, ob die Keywords einige Male im Inhalt der Seite zu finden sind. Die Prozentwerte waren das mit Abstand umstrittenste Feature von SenSEO. Im Netz lassen sich diesbezüglich viele gute Quellen finden (z.B. <a href="http://www.seobook.com/archives/001986.shtml">Aaron Wall</a>, <a href="http://www.alistapart.com/articles/findabilityorphan/">Aarron Walter</a>). Die neue Überprüfung orientiert sich an der Aussage von <a href="http://www.mattcutts.com/blog/seo-site-review/">Matt Cutts zu dem Thema</a> (0:12:40).<br />
<br />
Weiterhin ist ein kleines Twitter Gimmick enthalten. Liefert die Bewertung der Seite ein A (mehr als 90 von 100 Punkte) wird ein Link mit einer Twitter-Message angezeigt.<br />
<br />
<!-- s9ymdb:172 --><img class="serendipity_image_center" width="750" height="38" src="http://www.nicosteiner.de/uploads/senseo-twitter-message.png" alt="I got grade A for optimizing my site with SenSEO Firefox extension" /> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/258-Neue-SenSEO-Rich-Snippet-Vorschau.html" rel="alternate" title="Neue SenSEO Rich Snippet Vorschau" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-05-20T20:59:28Z</published>
        <updated>2010-05-20T21:07:45Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=258</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=258</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/258-guid.html</id>
        <title type="html">Neue SenSEO Rich Snippet Vorschau</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Etwas später als bei Twitter angekündigt, kommt heute der Artikel zur Implementierung der Rich Snippet Vorschau in SenSEO.<br />
<br />
<strong>Das Feature</strong><br />
Das <a href="http://googlewebmastercentral.blogspot.com/">Google Webmaster Central Blog</a> hat in letzter Zeit immer wieder die Darstellung neuer <a href="http://microformats.org/">Mikroformate</a> in den Google SERPs beworben (der offizielle Name ist Rich Snippets). Zu den unterstützen Mikroformaten zählen unter anderem Personen, Ereignisse, Bewertungen oder auch Rezepte. Wie das dann aussehen kann, zeigt sich am Beispiel der Suche nach "thai green mango salad".<br />
<br />
<!-- s9ymdb:170 --><img class="serendipity_image_center" width="598" height="280" src="http://www.nicosteiner.de/uploads/mango-salat-google-serp.png" alt="Green Mango Salat Google SERP" /><br />
<br />
Das zusätzliche Bild und die Bewertungs-Skala werden von Google dargestellt, weil die Macher von about.com ihre Rezepte mit speziellen Auszeichnungen versehen haben. Um diesen und anderen Entwicklern im Vorfeld eine Möglichkeit zu bieten, diese Daten zu testen, bietet Google das <a href="http://www.google.com/webmasters/tools/richsnippets">Rich Snippets Testing Tool</a> als Google Webmaster Tool an. Vor einigen Tagen hatte ich nun die Idee, dieses Tool in <a href="https://addons.mozilla.org/en-US/firefox/addon/9403/">SenSEO 1.4.0</a> zu integrieren. Ein solche Vorschau bietet sich an, da SenSEO als Extension auf On-Page Optimierungen ausgerichtet ist. Läßt man von SenSEO eine Rich Snippet Vorschau der erwähnten Rezept-Seite generieren, sieht diese so aus:<br />
<br />
<!-- s9ymdb:171 --><img class="serendipity_image_center" width="743" height="477" src="http://www.nicosteiner.de/uploads/senseo-rich-snippet-preview.png" alt="SenSEO Rich Snippet Preview" /><br />
<br />
<strong>Die Umsetzung</strong><br />
Die Umsetzung der Vorschau basiert im Wesentlichen auf dem <a href="http://developer.yahoo.com/yql/">Yahoo-Service YQL</a>. Mit YQL ist es möglich, Inhalte einer fremden Seite zu extrahieren und in die eigene Website (oder Extension) zu integrieren. Diese Möglichkeit habe ich genutzt, um von der aktuell im Browser angezeigten Seite im Hintergund eine Vorschau mit dem Rich Snippet Testing Tool zu erstellen und diese in SenSEO zu integrieren. Die gesamte Umsetzung geschieht mit JavaScript direkt im Browser - serverseitige Scripte sind nicht nötig.<br />
<br />
Zu Beginn wird ein XHR-Request erzeugt, welcher mit Hilfe von YQL aus dem Google Tool die Vorschau für das Rich Snippet extrahiert:<br />
<br />
var req = new XMLHttpRequest();<br />
<br />
req.open('GET', "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22http%3A%2F%2Fwww.google.com%2Fwebmasters%2Ftools%2Frichsnippets%3Furl%3D" + encodeURIComponent(content.window.location) + "%22%20and%20xpath%3D'%2F%2Fdiv%5B%40class%3D%22onebox%22%5D'", true);<br />
<br />
Als Response wird ein XML-Dokument geliefert, in dem der Code-Schnipsel der aufgerufenen Webseite verpackt ist. Um an diesen Schnipsel zu kommen, nutze ich die XPath-Implementierung des Firefox:<br />
<br />
var xmlDoc = req.responseXML;<br />
<br />
var nsResolver = xmlDoc.createNSResolver( xmlDoc.ownerDocument == null ? xmlDoc.documentElement : xmlDoc.ownerDocument.documentElement);  <br />
   <br />
var nodesSnapshot = xmlDoc.evaluate('/query/results/node()', xmlDoc, nsResolver, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );<br />
<br />
Um die so entstandenen XML-Knoten in das Dokument integrieren zu können, müssen diese im letzten Schritt in einen String serialisiert werden:<br />
<br />
var xmlString = (new XMLSerializer()).serializeToString(nodesSnapshot.snapshotItem(0));<br />
<br />
SENSEO.Panel.panelDocument.getElementById('snippet-container').innerHTML = xmlString;<br />
<br />
<strong>Fazit</strong><br />
Durch diese Lösung erspare ich mir das "Nachprogrammieren" des Rich Snippet Testing Tools. Die Generierung der Vorschau wird somit weiterhin von diesem Tool erledigt. Unterstützt Google in Zukunft neue Mikroformate, werden diese auch sofort in SenSEO angezeigt. Ein Schwachpunkt dieser Lösung ist die Selektion des Code-Schipsels anhand von HTML-Elementen. Sollten die Entwickler von Google den Aufbau ihres Dokuments ändern, könnte die Selektion von einer Minute zur Nächsten scheitern und die Vorschau wäre hinüber. In einem solchen Fall ist eine neue Version von SenSEO mit angepasster Selektion nötig. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/257-Twitter-Multikulti.html" rel="alternate" title="Twitter-Multikulti" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-05-10T18:34:33Z</published>
        <updated>2010-05-10T18:55:28Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=257</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=257</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/257-guid.html</id>
        <title type="html">Twitter-Multikulti</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Die letzten Tage hat es <a href="http://twitter.com/followers">Twitter-Followers</a> gehagelt. Schön zu sehen, dass es bei den SenSEO-Interessierten international zugeht. Allein die Follower der letzen Tage kommen aus Deutschland, USA, Indien, Holland, Israel und Japan.<br />
<br />
<!-- s9ymdb:167 --><img class="serendipity_image_center" width="660" height="205" src="http://www.nicosteiner.de/uploads/twitter-follower.png" alt="Twitter Follower" /><br />
<br />
Auch bei der <a href="http://www.alexa.com/siteinfo/sensational-seo.com">Alexa-Statistik</a> geht es multikulturell zu:<br />
<br />
<!-- s9ymdb:168 --><img class="serendipity_image_center" width="660" height="308" style="border: 0px; padding-left: 5px; padding-right: 5px;" src="http://www.nicosteiner.de/uploads/alexa-countries.png" alt="Visitors by Country for Sensational-seo.com" /><br />
<br />
Die Besucher-Landkarte von Google Analytics zeigt, dass sich die Besucher von <a href="http://www.sensational-seo.com/">www.sensational-seo.com</a> auf die ganze Welt verteilen:<br />
<br />
<!-- s9ymdb:169 --><img class="serendipity_image_center" width="641" height="349" src="http://www.nicosteiner.de/uploads/map-overlay-google-analytics.png" alt="Google Analytics" /> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/256-whats-wr6ng-w5th-0y-2eyb6ard.html" rel="alternate" title="whats wr6ng w5th 0y 2eyb6ard" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-05-09T20:57:13Z</published>
        <updated>2010-05-09T20:57:13Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=256</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=256</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/4-Privat" label="Privat" term="Privat" />
    
        <id>http://www.nicosteiner.de/archives/256-guid.html</id>
        <title type="html">whats wr6ng w5th 0y 2eyb6ard</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Nein, ich hab nicht zu viel getrunken. Gerade eben habe ich mit dieser Suche bei Google in einem Forum die Lösung für die spontan aufgetretenen Probleme mit meiner Tastatur gefunden. Neben einigen erwartbaren Kommentaren war dort auch die Lösung zu finden:<br />
<br />
> Turn off your numlock, faggit. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/255-Highcharts-Diagramme-mit-JavaScript-erstellen.html" rel="alternate" title="Highcharts - Diagramme mit JavaScript erstellen" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-05-02T22:44:42Z</published>
        <updated>2010-05-02T22:44:42Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=255</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=255</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/255-guid.html</id>
        <title type="html">Highcharts - Diagramme mit JavaScript erstellen</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Ich habe eben die Bücher <a href="http://www.amazon.de/Presentation-Zen-Simple-Design-Delivery/dp/0321525655">Presentation Zen</a> und <a href="http://www.amazon.de/Slide-ology-Science-Presentation-Design/dp/0596522347">Slide:ology</a> durchgeblättert. <a href="http://www.highcharts.com/">Highcharts</a> ist eine JavaScript-Library, welche es erlaubt, Diagramme in dem Stil zu erstellen, wie er von den Büchern empfohlen wird.<br />
<br />
<cite>Highcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.</cite> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/254-Rezension-Bekenntnisse-eines-Redners.html" rel="alternate" title="Rezension: Bekenntnisse eines Redners" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-05-02T18:04:12Z</published>
        <updated>2010-05-02T18:07:58Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=254</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=254</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/254-guid.html</id>
        <title type="html">Rezension: Bekenntnisse eines Redners</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Ich habe das Buch von <a href="http://www.scottberkun.com/">Scott Berkun</a> in der <a href="http://www.amazon.de/Bekenntnisse-eines-Redners-gehört-werden/dp/389721993X">deutschen Übersetzung</a> von Peter Klicman in Vorbereitung auf die <a href="http://it-republik.de/php/phpconference/">International PHP Conference</a> gelesen.<br />
<br />
Scott warnt bereits im Prolog davor, dass sein Buch für all jene ungeeignet sein könnte, die nicht immer gern die Wahrheit hören. Dieser Warung läßt er 10 Kapitel folgen, die persönlich und eigenwillig seine Erfahrungen und Erlebnisse als Redner schildern. Daraus leitet er zahlreiche Ratschläge für Neulinge und Profis ab, die sich, wie er, auf ein Podium begeben. Scott nimmt die Angst vor Anfängerfehlern, indem er an Beispielen zeigt, dass Fehler ständig passieren und diese nur allzu natürlich sind ("Vermeiden Sie den Fehler, keine Fehler machen zu wollen."). Er gibt Tipps, wie man mit der Nervosität umgehen kann, die sich in Konfrontation mit einer großen Menschenmenge (auch bei ihm) einstellt. Auf amüsante Weise unternimmt er dabei einen Ausflug zu den Höhlenmenschen und der Organisation unseres Gehirns. Er schreibt über häßliche Kronleuchter und großartig konzipierte Amphitheater, wenn er über schwierige Räume aufklärt. Auch mit der Höhe seines Jahreseinkommens hält er nicht hinterm Berg, und zeigt, was andere in diesem Business verdienen. Der Leser erfährt weiterhin, wie er als Redner den Kontakt zum Publikum aufbaut und aufrecht erhält und welche wichtige Rolle der Aufbau der Präsentation dabei spielt. Amüsante Einblicke in Auftritte beim Fernsehen, persönliche Bekenntnisse des Autors und "handwerkliche" Tipps zu Fernbedienung, Kamera und Mikrofon runden das Buch ab.<br />
<br />
"Bekenntnisse eines Redners" ist schonungslos ehrlich, unkompliziert und mit viel Witz geschrieben. Neben zahlreichen Fakten und sehr hilfreichen Einblicken und Ratschlägen erfährt der Leser viele persönliche Einblicke in die Arbeit und das Leben eines Redners. Diese Kombination macht meiner Meinung nach die Stärke des Buchs aus. Scotts Humor hat mir nicht nur einmal irritierte Blicke eingebracht, wenn ich kichernd und glucksend in der Ecke eines Cafes in dem Buch gelesen habe. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/253-Erfolgreiche-Ladezeiten-Optimierung.html" rel="alternate" title="Erfolgreiche Ladezeiten-Optimierung" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-04-28T04:49:01Z</published>
        <updated>2010-04-28T05:06:58Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=253</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=253</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/253-guid.html</id>
        <title type="html">Erfolgreiche Ladezeiten-Optimierung</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Es ist schön zu sehen, wie unsere Bemühungen, die Ladezeiten unserer Webseiten zu verkürzen, Wirkung zeigen. Dies zeigen nicht nur Tools wie <a href="http://developer.yahoo.com/yslow/">YSlow</a> oder <a href="http://code.google.com/speed/page-speed/">Page Speed</a>, sondern auch Tools wie die <a href="http://www.google.com/webmasters/tools/">Google Webmaster Tools</a>. Diese analysieren in ihrem Lab-Bereich die Ladezeiten von Webseiten und veröffentlichen neben einer Statistik der vergangenen Monate auch Empfehlungen für weitere Optimierungen. Diese Statistiken zeigen über die letzten Monate für sämtliche unserer Projekte eine deutliche Verbesserung der Ladezeiten.<br />
<br />
<!-- s9ymdb:166 --><img class="serendipity_image_center" width="750" height="229" src="http://www.nicosteiner.de/uploads/page-load-time.png" alt="Ladezeiten eines Pustefix-Projekts" /><br />
<br />
Die Statistik geht nur bis zum Dezember des letzten Jahres zurück. Einige Optimierungen fanden schon vorher statt, der initiale Wert dürfte also noch sehr viel größer als 3 Sekunden sein. Und wie die Zahlen des Artikels <a href="http://www.phpied.com/the-performance-business-pitch/">The performance business pitch</a> von Stoyan Stefanov zeigen, haben solche Verbesserungen einen großen Einfluß auf die User Experience und das Kaufverhalten des Besuchers einer Website.<br />
<br />
Wie wir das geschafft haben, läßt sich in <a href="index.php?serendipity[action]=search&amp;serendipity[searchTerm]=jasmin">diversen Artikeln</a> hier im Blog nachlesen. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/252-GWT-Top-search-queries.html" rel="alternate" title="GWT - Top search queries" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-04-26T21:27:55Z</published>
        <updated>2010-04-26T21:27:55Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=252</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=252</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/252-guid.html</id>
        <title type="html">GWT - Top search queries</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Google hat in den <a href="http://www.google.com/webmasters/tools/">Webmaster Tools</a> die Statistik zu den Top search queries ordentlich erweitert. Statt weniger, wager Daten stehen jetzt detaillierte Statistiken zu Impressions und Clickthroughs in Abhängigkeit zur Position in den SERPs zur Verfügung. Wer hätte gedacht, dass Google solche Daten eines Tages in dieser Genauigkeit so bereitwillig veröffentlicht?<br />
<br />
<!-- s9ymdb:165 --><img class="serendipity_image_center" width="750" height="505" src="http://www.nicosteiner.de/uploads/gwt-top-search-queries.png" alt="Top search queries" /> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/251-Xsticky-Addon-Sticky-Notes-fuer-den-Firefox.html" rel="alternate" title="Xsticky-Addon - Sticky Notes für den Firefox" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-04-25T21:41:14Z</published>
        <updated>2010-04-25T22:14:57Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=251</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=251</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/251-guid.html</id>
        <title type="html">Xsticky-Addon - Sticky Notes für den Firefox</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Das <a href="http://www.xsticky.com/">Xsticky-Addon</a> erlaubt im Firefox das Platzieren von Sticky Notes auf einer beliebigen Webseite. Ich schreibe darüber, da mir diese Idee vor einiger Zeit auch durch den Kopf ging (wir hatten vor 2 Jahren <a href="http://www.nicosteiner.de/archives/35-Stage-Assistent-und-StageNotes.html">etwas ähnliches</a> als Teil unserer Entwicklungsumgebung implementiert). Von der Entwicklung eines entsprechenden Firefox-Addons habe ich dann aber abgesehen - der Aufwand schien mir einfach zu groß. Das Xsticky-Addon steht in der aktuellen Version erst am Anfang einer denkbar aufwändigen Entwicklung. Die Todo-Liste auf der <a href="https://addons.mozilla.org/en-US/firefox/addon/61266">Mozilla Addon-Seite</a> läßt erahnen, wo die Reise hingehen könnte. Ich bin gespannt, ob Swen Burdack das nötige Durchhaltevermögen zeigt.<br />
<br />
Hier eine kleine Liste von Gedanken/Problemen, die mir damals vor allem in Hinblick auf den Austausch der Notes durch den Kopf gingen:</p><br />
<ul><li>Wie bestimme ich, wer die Note zu lesen bekommt? (Organisation von Teams/Projekten/Zuständigkeiten)</li><li>Wie findet diese Organisation statt? (Weboberfläche, Autorisierung, Rechtervergabe)</li><li>Wie gehe ich mit unterschiedlichen Seitenzuständen um? Welchen Identifier für den Zustand einer Seite kann ich nutzen? Was mache ich mit Seiten, die sich innerhalb eines Flows befinden (Kundendaten etc.)?</li><li>Wie kann ich solch ein Addon monetarisieren? (Bis zu 3 Projekte/Personen/Teams kostenlos, dann zahlen?) Wie stelle ich dann eine 100%ige Verfügbarkeit sicher? Und die ganze Zahlungsabwicklung <img src="http://www.nicosteiner.de/templates/nicosteiner/img/emoticons/sad.png" alt=":-(" style="display: inline; vertical-align: bottom;" class="emoticon" /></li></ul><p><br />
Ich fänd' es toll, wenn der Entwickler hierfür Lösungen finden würde. Dann wird Xsticky vermutlich ein großer Erfolg. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/250-Mozilla-HeadsUpDisplay.html" rel="alternate" title="Mozilla HeadsUpDisplay" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-04-25T19:44:24Z</published>
        <updated>2010-04-25T20:14:57Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=250</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=250</wfw:commentRss>
    
    
        <id>http://www.nicosteiner.de/archives/250-guid.html</id>
        <title type="html">Mozilla HeadsUpDisplay</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Mozilla plant die Fehlerkonsole durch die <a href="https://wiki.mozilla.org/Firefox/Projects/Console">interaktive Konsole HeadsUpDisplay</a> zu ersetzen. Damit soll Entwicklern im Firefox ein sehr genauer Blick auf die Vorgänge während des Aufbaus der Webseite und auf nachfolgende Veränderungen der Seite ermöglicht werden.<br />
<br />
Unter anderem soll das Tool folgende Informationen anzeigen:</p><br />
<ul><li>Alle Arten von Fehlern (Error Console)</li><li>Netzwerkaktivitäten (LiveHTTPHeaders)</li><li>JavaScript Events</li><li>DOM/HTML Manipulation (Firebug)</li></ul><br />
Weitere geplante Features sind:<br />
<br />
<ul><li>Interaktive Kommandozeile zur Ausführung von JavaScript</li><li>Logging-API ähnlich der Firebug Konsole</li><li>Inspizieren von Objekten</li></ul><br />
<p>Momentan verteilen sich viele der Features auf verschiedene Extensions. Es sieht so aus, als wollte Mozilla diese im HeadsUpDisplay nativ vereinen.<br />
<br />
Mozilla war mit Entwickler-Tools in der Vergangenheit oftmals Vorreiter. Allerdings hat Apple diesmal mit der neuen Version des <a href="http://ajaxian.com/archives/webkit-inspector-improves-again-timeline-audits-and-dedicated-console">WebKit Inspector</a> in beeindruckender Weise vorgelegt. Auch Google Chrome hat mittlerweile sehr ausgereifte <a href="https://chrome.google.com/extensions">Extensions</a> zu bieten.<br />
<br />
Es bleibt abzuwarten, ob Mozilla den Ruf des Firefox als besten Browser zum Entwickeln von Webseiten gegen Apple und Google in Zukunft verteidigen kann. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/249-Nachtrag-zum-JavaScript-Error-Tool.html" rel="alternate" title="Nachtrag zum JavaScript Error Tool" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-04-25T19:01:18Z</published>
        <updated>2010-04-25T19:27:54Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=249</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=249</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/3-Referenzen" label="Referenzen" term="Referenzen" />
    
        <id>http://www.nicosteiner.de/archives/249-guid.html</id>
        <title type="html">Nachtrag zum JavaScript Error Tool</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Es gibt nun auch einen Online-Service <a href="http://www.exceptionhub.com/">ExceptionHub</a>, welcher JavaScript-Fehler trackt und über eine Weboberfläche, per E-Mail oder als RSS-Feed kommuniziert. Weitere Features des Service sind ein stack trace (feine Sache, aber wie in den Kommentaren zu lesen ist, nicht ganz unkritisch implementiert), die Gruppierung von Fehlern und eine Unterscheidung zwischen Entwicklungs- und Produktionsbetrieb. Das Prinzip ähnelt dem des <a href="http://www.nicosteiner.de/archives/210-J.E.T.-JavaScript-Error-Tool.html">J.E.T.</a>, welches wir für die Analyse von JavaScript-Fehlern einsetzen.<br />
<br />
Unsere Erfahrungen seit Einführung des J.E.T. im Dezember des letzten Jahres sind durchaus positiv. Nach einer anfänglichen Bugfix-Phase haben sich die Fehler auf ein moderates Maß eingependelt. Viele der jetzt noch auftretenden Fehler sind auf vorzeitig abgebrochene Ladevorgänge und ähnliche, nicht behandelbare Fehler, zurückzuführen. Sehr hilfreich ist das unmittelbare Feedback über neu auftretende Fehler nach Onlinegängen. Hier können wir entsprechende Maßnahmen sehr viel schneller als früher ergreifen.<br />
<br />
Ein stack trace, wie ihn ExceptionHub bietet, wäre auch für das J.E.T. wünschenswert. Momentan ist es sehr frustrierend, die Ursache für so ungenaue Fehler wie "target  is null" zu finden. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/248-Grillsaison-geht-los.html" rel="alternate" title="Grillsaison geht los" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-04-25T17:50:11Z</published>
        <updated>2010-04-25T18:20:55Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=248</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=248</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/6-Rezepte" label="Rezepte" term="Rezepte" />
    
        <id>http://www.nicosteiner.de/archives/248-guid.html</id>
        <title type="html">Grillsaison geht los</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Der <a href="http://blog.schst.net/" title="Stephan's Blog">Chef</a> heizt nächsten Dienstag <a href="http://www.weberstephen.de/" title="Weber-Grill">den Grill</a> wieder an. Höchste Zeit nach passenden Rezepten zu schauen. Letztes Jahr haben mich die Rezepte für Polenta-Paprika und für gegrillte Feigen besonders begeistert. Beide Rezepte sind bei <a href="http://kulinario.org">kulinario.org</a> zu finden. Bei EatSmarter! gibt es ebenfalls <a href="http://eatsmarter.de/nc/rezepte/s.html?id=66&amp;text=gegrillt&amp;search=1&amp;wt_form=1#mainmenu" title="EatSmarter! Grillen">jede Menge Anregungen</a> für die nächste Grillparty. 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/247-Joggen-erste-Bilanz.html" rel="alternate" title="Joggen - erste Bilanz" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-04-19T07:00:29Z</published>
        <updated>2010-04-23T08:30:28Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=247</wfw:comment>
    
        <slash:comments>2</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=247</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/4-Privat" label="Privat" term="Privat" />
    
        <id>http://www.nicosteiner.de/archives/247-guid.html</id>
        <title type="html">Joggen - erste Bilanz</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Jetzt hab ich ein paar Runden hinter mir und es wird Zeit für eine erste Bilanz. Das Laufen macht riesig Spass. Morgens bei Sonnenaufgang vor der Arbeit ins Grüne und bei Vogelgezwitscher und klarer Luft durch den Park - großartig! Jedes Mal geht's ein Stück weiter - heute von meiner Wohnung zum Schloss und wieder zurück. Das sind immerhin fast 5 Kilometer. Dafür, dass ich das noch nicht mal einen Monat mache, und vorher 15 Jahre keine 100 Meter am Stück gelaufen bin, ist das bestimmt nicht übel. Mit dem <a href="http://www.gmap-pedometer.com/">Gmaps Pedometer</a> habe ich die Strecke mal markiert - dabei ist schön zu sehen, dass ein Großteil der Route durch Parks führt. Nördlich vom Schloss schließt der Hardtwald an - da ist also noch ordentlich Luft und ich kann die Distanz beliebig verlängern.<br />
<br />
<!-- s9ymdb:164 --><img class="serendipity_image_center" width="700" height="426" style="border: 0px; padding-left: 5px; padding-right: 5px;" src="http://www.nicosteiner.de/uploads/laufroute.png" alt="Laufroute" /> 
            </div>
        </content>
        
    </entry>
    <entry>
        <link href="http://www.nicosteiner.de/archives/246-Mathematisches-Ende-des-IE6-und-IE7.html" rel="alternate" title="Mathematisches Ende des IE6 und IE7" />
        <author>
            <name>Nico Steiner</name>
                    </author>
    
        <published>2010-04-16T09:10:43Z</published>
        <updated>2010-04-16T13:41:41Z</updated>
        <wfw:comment>http://www.nicosteiner.de/wfwcomment.php?cid=246</wfw:comment>
    
        <slash:comments>0</slash:comments>
        <wfw:commentRss>http://www.nicosteiner.de/rss.php?version=atom1.0&amp;type=comments&amp;cid=246</wfw:commentRss>
    
            <category scheme="http://www.nicosteiner.de/categories/4-Privat" label="Privat" term="Privat" />
    
        <id>http://www.nicosteiner.de/archives/246-guid.html</id>
        <title type="html">Mathematisches Ende des IE6 und IE7</title>
        <content type="xhtml" xml:base="http://www.nicosteiner.de/">
            <div xmlns="http://www.w3.org/1999/xhtml">
                Pingdom hat <a href="http://royal.pingdom.com/2010/04/08/the-modern-browser-wars-how-well-firefox-ie-and-chrome-succeed-in-getting-their-users-to-upgrade/">Statistiken zum Update der häufigsten Browser</a> veröffentlicht. Meine besondere Beachtung galt den Zahlen der verschiedenen Internet Explorer Versionen.<br />
<br />
<img src="http://farm3.static.flickr.com/2734/4499455005_4d140b4b25_o.png" alt="The upgrade pattern of Internet Explorer"><br />
<br />
Wenn man die einfache Annahme trifft, dass die Zahl der IE6 und IE7 weiterhin linear abnimmt, kommt man beim IE6 auf eine Steigung von -0,23 und beim IE7 auf -0,32. Das würde bedeuten, dass das mathematische Ende des IE6 noch in diesem Jahr im Dezember gekommen wäre. Der IE7 würde nach dieser Formel im März 2013 von der Bildfläche verschwinden.<br />
<br />
Leider zeigen die Statistiken der übrigen Browser, dass die Zahlen gegen Ende exponentiell abnehmen - bleibt zu hoffen, dass sie vorher in den Bereich vernachlässigbarer Werte sinken. 
            </div>
        </content>
        
    </entry>

</feed>