<?xml version="1.0" encoding="utf-8" ?>

<rss version="2.0" 
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:admin="http://webns.net/mvcb/"
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
   xmlns:wfw="http://wellformedweb.org/CommentAPI/"
   xmlns:content="http://purl.org/rss/1.0/modules/content/"
   >
<channel>
    <title>web output - Comments</title>
    <link>http://blog.ginader.de/</link>
    <description>web output - web dev blogging by Dirk Ginader</description>
    <dc:language>en</dc:language>
    <admin:errorReportsTo rdf:resource="mailto:dirk@ginader.de" />
    <generator>Serendipity 1.3 - http://www.s9y.org/</generator>
    <pubDate>Thu, 09 Feb 2012 04:44:31 GMT</pubDate>

    <image>
        <url>http://blog.ginader.de/templates/default/img/s9y_banner_small.png</url>
        <title>RSS: web output - Comments - web output - web dev blogging by Dirk Ginader</title>
        <link>http://blog.ginader.de/</link>
        <width>100</width>
        <height>21</height>
    </image>

<item>
    <title>Thorsten: The 5 Layers of Web Accessibility</title>
    <link>http://blog.ginader.de/archives/2009/06/30/The-5-Layers-of-Web-Accessibility.php#c1150</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2009/06/30/The-5-Layers-of-Web-Accessibility.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=262</wfw:comment>

    

    <author>nospam@example.com (Thorsten)</author>
    <content:encoded>
    Wie immer: Sehr spannendes Thema und gelungene Präsentation! Danke &lt;img src=&quot;http://blog.ginader.de/templates/default/img/emoticons/smile.png&quot; alt=&quot;:-)&quot; style=&quot;display: inline; vertical-align: bottom;&quot; class=&quot;emoticon&quot; /&gt; 
    </content:encoded>

    <pubDate>Sun, 07 Aug 2011 21:23:07 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/08/07/262.php#c1150</guid>
    
</item>
<item>
    <title>Dirk Ginader: jQuery Accessible Tabs - How to make tabs REALLY accessible</title>
    <link>http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#c1068</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=257</wfw:comment>

    

    <author>nospam@example.com (Dirk Ginader)</author>
    <content:encoded>
    Generell kann Javascript die Dimensionen einer node nicht abfragen solange sie nie sichtbar war. Deine Möglichkeiten wären also entweder die Breite des ersten Tabs als Standard für alle zu verwenden oder den video player erst in das Tab zu schreiben sobald es sichtbar wird.
Wenn Du irgendwo ein code-Beispiel hättest würde ich mir das gerne mal anschauen dann kann ich das vielleicht auch tab-seitig lösen. 
    </content:encoded>

    <pubDate>Wed, 15 Jun 2011 17:05:31 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/06/15/257.php#c1068</guid>
    
</item>
<item>
    <title>Paradise: jQuery Accessible Tabs - How to make tabs REALLY accessible</title>
    <link>http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#c1067</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=257</wfw:comment>

    

    <author>nospam@example.com (Paradise)</author>
    <content:encoded>
    Hi Dirk,

ich versuche den VideoJS Player in deinen Tabs zum laufen zu bringen. Dieser sitzt in einem extra div im tabbody div. Das Problem ist das der player seine weite dynamisch selbst setzt. Der tab der beim pageload gezeigt wird macht keine probleme (display:block). Aber in den hidden tabs hat das player div eine weite von 0px und ist somit nicht zu sehen. Liegt das an deinen tabs? Setzen diese andere divs im tabbody div auf hidden und width 0? 
    </content:encoded>

    <pubDate>Wed, 15 Jun 2011 14:47:31 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/06/15/257.php#c1067</guid>
    
</item>
<item>
    <title>Dirk Ginader: CSS Voodoo - Die dunkle Kunst der CSS Hacks</title>
    <link>http://blog.ginader.de/archives/2009/02/01/CSS-Voodoo-Die-dunkle-Kunst-der-CSS-Hacks.php#c1056</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2009/02/01/CSS-Voodoo-Die-dunkle-Kunst-der-CSS-Hacks.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=256</wfw:comment>

    

    <author>nospam@example.com (Dirk Ginader)</author>
    <content:encoded>
    Hi Claudius und danke für Dein umfangreiches Kommentar &lt;img src=&quot;http://blog.ginader.de/templates/default/img/emoticons/smile.png&quot; alt=&quot;:-)&quot; style=&quot;display: inline; vertical-align: bottom;&quot; class=&quot;emoticon&quot; /&gt;
Die Hacks die ich hier zeige sind für CSS und sollten daher auch nicht von Javascript abhängig sein. 
Ich rate grundsätzlich davon ab zu versuchen Styling mit Javascript zu fixen (daher kollidiert das auch nicht mit jQuery und Konsorten). So rate ich auch ab zu versuchen die CSS hacks via JS nachzuladen. CSS Hacks gehören einfach zum restlichen CSS (Du willst ja nicht, dass die Seite erstmal fehlerhaft dargestellt wird um sich dann nach kurzer ladezeit zu korrigieren. Das wäre kontra produktiv.
Hope it helps &lt;img src=&quot;http://blog.ginader.de/templates/default/img/emoticons/smile.png&quot; alt=&quot;:-)&quot; style=&quot;display: inline; vertical-align: bottom;&quot; class=&quot;emoticon&quot; /&gt; 
    </content:encoded>

    <pubDate>Mon, 06 Jun 2011 22:08:57 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/06/06/256.php#c1056</guid>
    
</item>
<item>
    <title>Claudius Raphael Paeth: CSS Voodoo - Die dunkle Kunst der CSS Hacks</title>
    <link>http://blog.ginader.de/archives/2009/02/01/CSS-Voodoo-Die-dunkle-Kunst-der-CSS-Hacks.php#c1055</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2009/02/01/CSS-Voodoo-Die-dunkle-Kunst-der-CSS-Hacks.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=256</wfw:comment>

    

    <author>nospam@example.com (Claudius Raphael Paeth)</author>
    <content:encoded>
    Hi, schön über sie gestolpert zu Monsignore Diablo.

Ich stimme im großen und ganzen überein mit deinen Ansichten und wollte (auch wenn unpassend an dieser Stelle) ein dezentes Lob zu der Tatsache loswerden, dass du sowohl englisch als auch deutsch parallel veröffentlichst; leider immer noch zu selten im world wide web of wonders. Danke schön für die Mühe!

Aber zum Thema CSS ...
und insbesondere HÄCKXKXXSSSSSSSsssssssssssssss. sss. SSss.. s.

Ähem, mal eine Fangfrage, in einem deiner Slides hast du so schön beschrieben: &quot;Du nutzt Frameworks aus Prinzip nicht? Du solltest es tun!&quot; oder so ähnlich. Du hast mitten ins Herz getroffen damit, trotz Euphorie über die Möglichkeiten, missfällt mir dass es nicht meine Sprache ist die ich nutze wenn bspw. jQuery mein Auge streift.

Um auf den Punkt zu kommen:

Du scheinst mit Frameworks vertraut, jQuery bspw. verspricht CSS3-Einsatz unter allen möglichen jQuery &amp;amp; Browser -Versionen, sprich eine Hack/Patch/Flickenteppich-Sammlung wird da schon (sinnvollerweise in JavaScript clientseitig) angewand, richtig?

Wenn das so ist, wieso dann manuell deine Hacks einsetzen?

Ohne auf die Antwort gespannt zu sein, folgende Frage ergänzt:

Was ist der (deiner Meinung nach) resourcen-schonendste Weg deine Hacks in Form eines JavaScript-Loaders unterzubringen, der bei einem Template, dass mit abwärtskompatiblem HtML-5-MarkUp aufläuft via StyleSheet-Ersatz per JavaScript arbeitet.

Einfacher gefragt:

Siehst du eine elegante Möglichkeit mit Hilfe der Hacks eine Analyse via JavaScript durchzuführen, die schnellstmöglich die Best-Practice für den Folge-Aufbau der Seite findet?

Hmm, ich hoffe ich hab&#039; mich kompliziert genug ausgedrückt.

&lt;img src=&quot;http://blog.ginader.de/templates/default/img/emoticons/smile.png&quot; alt=&quot;:-)&quot; style=&quot;display: inline; vertical-align: bottom;&quot; class=&quot;emoticon&quot; /&gt;

Hoffe Anregung zum Denken gegeben zu haben und würd&#039; mich über Antwort freuen.

Danke für&#039;s Lesen.


Claudius Raphael Paeth, A3lyphe
boss@a3lyphe.net

every breaking atom living ???

P.s.: So&#039;n Browser is nich nur&#039;n Pferd, das is&#039; ne störrische Stute. So&#039;n Conditional is vergleichbar mit Barren. Hacks sind eher ein dezentes von hinten aufzäumen um den Clapper in die richtige Richtung zu treiben; so seh&#039; ich das. Nur hätt ich gern &#039;ne Mini-Micro-Blackbox für den Spaß, die sich nicht auf Libraries verlässt.

Also, lieber mit&#039;m Handy in den Doppeldecker als Interkontinentalflug mit&#039;m Airbus ...

Danke für die Aufmerksamkeit.

Ideen? 
    </content:encoded>

    <pubDate>Mon, 06 Jun 2011 20:29:35 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/06/06/256.php#c1055</guid>
    
</item>
<item>
    <title>Rich: Accessible Javascript with and without WAI ARIA at GeekUp Leeds</title>
    <link>http://blog.ginader.de/archives/2009/04/16/Accessible-Javascript-with-and-without-WAI-ARIA-at-GeekUp-Leeds.php#c1050</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2009/04/16/Accessible-Javascript-with-and-without-WAI-ARIA-at-GeekUp-Leeds.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=261</wfw:comment>

    

    <author>nospam@example.com (Rich)</author>
    <content:encoded>
    Next time you&#039;re in leeds, be sure to drop me a line fella.
[wink]
xR 
    </content:encoded>

    <pubDate>Sat, 04 Jun 2011 17:18:13 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/06/04/261.php#c1050</guid>
    
</item>
<item>
    <title>Richard: jQuery Accessible Tabs - How to make tabs REALLY accessible</title>
    <link>http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#c1044</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=257</wfw:comment>

    

    <author>nospam@example.com (Richard)</author>
    <content:encoded>
    Thankyou! I&#039;ve spent hours looking for javascript tabs that degrade gracefully  when javascript is switched off. 
    </content:encoded>

    <pubDate>Tue, 31 May 2011 11:24:01 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/05/31/257.php#c1044</guid>
    
</item>
<item>
    <title>Dirk Ginader: node.js Einführung und Javascript Best Practices - WebTech Conference 2010</title>
    <link>http://blog.ginader.de/archives/2010/10/14/node.js-Einfuehrung-und-Javascript-Best-Practices-WebTech-Conference-2010.php#c972</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2010/10/14/node.js-Einfuehrung-und-Javascript-Best-Practices-WebTech-Conference-2010.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=264</wfw:comment>

    

    <author>nospam@example.com (Dirk Ginader)</author>
    <content:encoded>
    gerne &lt;img src=&quot;http://blog.ginader.de/templates/default/img/emoticons/smile.png&quot; alt=&quot;:-)&quot; style=&quot;display: inline; vertical-align: bottom;&quot; class=&quot;emoticon&quot; /&gt; 
    </content:encoded>

    <pubDate>Thu, 05 May 2011 17:07:53 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/05/05/264.php#c972</guid>
    
</item>
<item>
    <title>Rocco: node.js Einführung und Javascript Best Practices - WebTech Conference 2010</title>
    <link>http://blog.ginader.de/archives/2010/10/14/node.js-Einfuehrung-und-Javascript-Best-Practices-WebTech-Conference-2010.php#c971</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2010/10/14/node.js-Einfuehrung-und-Javascript-Best-Practices-WebTech-Conference-2010.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=264</wfw:comment>

    

    <author>nospam@example.com (Rocco)</author>
    <content:encoded>
    Besuch uns mal in Frankfurt wenn du in Deutschland bist!

Greets
Rocco 
    </content:encoded>

    <pubDate>Thu, 05 May 2011 16:18:48 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/05/05/264.php#c971</guid>
    
</item>
<item>
    <title>Dirk Ginader: jQuery Accessible Tabs - How to make tabs REALLY accessible</title>
    <link>http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#c963</link>
            <category></category>
    
    <comments>http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php#comments</comments>
    <wfw:comment>http://blog.ginader.de/wfwcomment.php?cid=257</wfw:comment>

    

    <author>nospam@example.com (Dirk Ginader)</author>
    <content:encoded>
    It is expected behavior to scroll a hidden panel into view. To scroll a separate tab panel into view that is not expected to anything seems like a bug though. I will investigate. Thanks for the Hint &lt;img src=&quot;http://blog.ginader.de/templates/default/img/emoticons/smile.png&quot; alt=&quot;:-)&quot; style=&quot;display: inline; vertical-align: bottom;&quot; class=&quot;emoticon&quot; /&gt; 
    </content:encoded>

    <pubDate>Thu, 14 Apr 2011 16:50:25 +0200</pubDate>
    <guid isPermaLink="false">http://blog.ginader.de/archives/2011/04/14/257.php#c963</guid>
    
</item>

</channel>
</rss>
