<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
    xmlns:admin="http://webns.net/mvcb/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:content="http://purl.org/rss/1.0/modules/content/">
	<channel>

	
	    <title>Vertikaler Rhythmus leicht gemacht</title>
	    <link>http://www.pixelgraphix.de/weblog/artikel/vertikaler-rhythmus-leicht-gemacht/</link>
	    <description></description>
	    <dc:language>en-us</dc:language>
	    <dc:creator>info@pixelgraphix.de</dc:creator>
	<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
         xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
         xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
    rdf:about="http://www.pixelgraphix.de/weblog/artikel/vertikaler-rhythmus-leicht-gemacht/"
    trackback:ping="http://www.pixelgraphix.de/trackback/4480/"
    dc:title="Vertikaler Rhythmus leicht gemacht"
    dc:identifier="http://www.pixelgraphix.de/weblog/artikel/vertikaler-rhythmus-leicht-gemacht/" 
    dc:subject=""
    dc:description="&amp;lt;img src=&quot;http://www.pixelgraphix.de/medien/EM&#45;Calculator&#45;20080129&#45;185927.jpg&quot; alt=&quot;EM&#45;Calculator&quot; class=&quot;mainimg&quot; /&amp;gt; Will man die Zeilenhöhe aller Elemente in einem Layout wie auf einem linierten Blatt Papier per CSS einheitlich festlegen, werden die Elemente mit dem so genannten Vertikalen Rhythmus ausgerichtet. Richard Rutter hat in &amp;lt;a href=&quot;http://24ways.org/2006/compose&#45;to&#45;a&#45;vertical&#45;rhythm&quot;&amp;gt;24 ways: Compose to a Vertical Rhythm&amp;lt;/a&amp;gt; wunderbar erklärt, wie das geht. Nun hat James Whittaker&#8230;"
    dc:creator="Manuela"
    dc:date="2008-01-29 06:17:00 PM GMT" />
</rdf:RDF>
-->	
		
	    <dc:rights>Copyright 2010</dc:rights>
    	<dc:date>2008-03-26T;17:23:26+01:00</dc:date>
	    <admin:generatorAgent rdf:resource="http://www.pmachine.com/" />
	    <item>
	      <title>Comment by John</title>
	      <link>http://jowra.com</link>
	      <description><![CDATA[	<blockquote>
		<p>Wenn ich mich nicht irre, berechnet das Widget, die Zeilenhöhe aber nicht mit, oder?</p>
	</blockquote>

	<p>Sorry für den sehr späten Kommentar ( ;-) ), aber die Zeilenhöhe für alle dem <span class="caps">BODY</span> nachgeordneten Elemente ist unnötig, wie auch Richard Rutter feststellen mußte und dieses Erkenntnis in Version 2 seines Beispiels verarbeitete:</p>

	<p><a href="http://webtypography.net/24ways2006/24ways-v2.html">http://webtypography.net/24ways2006/24ways-v2.html</a></p>

	<p>Wenn man so weit wie möglich die Font-Größen für beliebige Elemente erst auf <span class="caps">DOM</span>-technisch sehr tiefer Ebene angibt, kann man für den <span class="caps">BODY</span> die Standardgröße 16px = 1em belassen und braucht in der Folge fast nur noch die Regel:</p>

	<p>1 / 16 * gesuchte Höhe</p>

	<p>anzuwenden. Das erleichtert die mathematischen Herausforderungen enorm. ;-)<br />
(Vgl. Jon Tan. Hilfreich dazu seine Px -&gt; Em Konvertierungstabelle.)</p>]]></description>
	      <content:encoded><![CDATA[	<blockquote>
		<p>Wenn ich mich nicht irre, berechnet das Widget, die Zeilenhöhe aber nicht mit, oder?</p>
	</blockquote>

	<p>Sorry für den sehr späten Kommentar ( ;-) ), aber die Zeilenhöhe für alle dem <span class="caps">BODY</span> nachgeordneten Elemente ist unnötig, wie auch Richard Rutter feststellen mußte und dieses Erkenntnis in Version 2 seines Beispiels verarbeitete:</p>

	<p><a href="http://webtypography.net/24ways2006/24ways-v2.html">http://webtypography.net/24ways2006/24ways-v2.html</a></p>

	<p>Wenn man so weit wie möglich die Font-Größen für beliebige Elemente erst auf <span class="caps">DOM</span>-technisch sehr tiefer Ebene angibt, kann man für den <span class="caps">BODY</span> die Standardgröße 16px = 1em belassen und braucht in der Folge fast nur noch die Regel:</p>

	<p>1 / 16 * gesuchte Höhe</p>

	<p>anzuwenden. Das erleichtert die mathematischen Herausforderungen enorm. ;-)<br />
(Vgl. Jon Tan. Hilfreich dazu seine Px -&gt; Em Konvertierungstabelle.)</p>]]></content:encoded>
    <dc:date>2008-03-26T17:23:26+01:00</dc:date>
	    </item>
		
	    <dc:rights>Copyright 2010</dc:rights>
    	<dc:date>2008-01-30T;11:23:49+01:00</dc:date>
	    <admin:generatorAgent rdf:resource="http://www.pmachine.com/" />
	    <item>
	      <title>Comment by Steffen</title>
	      <link>http://intervisual.de</link>
	      <description><![CDATA[	<p>Nun ja&#8230; da bin ich wohl völlig Oldschool &#8211; Casio MS-88 <span class="caps">TER</span> &#8211; Taschenrechner ;o). Aber dass Tool von James Whittaker ist schon bequem.</p>

	<p>Schade nur das man die Standardseinstellungen wie Zeilenhöhe nicht ändern kann und bei jedem Aufruf des Programms 21px voreingestellt ist &#8211; analog dazu Basisschriftgröße. Hat auf jedenfall noch Potentzial zum verbessern.</p>]]></description>
	      <content:encoded><![CDATA[	<p>Nun ja&#8230; da bin ich wohl völlig Oldschool &#8211; Casio MS-88 <span class="caps">TER</span> &#8211; Taschenrechner ;o). Aber dass Tool von James Whittaker ist schon bequem.</p>

	<p>Schade nur das man die Standardseinstellungen wie Zeilenhöhe nicht ändern kann und bei jedem Aufruf des Programms 21px voreingestellt ist &#8211; analog dazu Basisschriftgröße. Hat auf jedenfall noch Potentzial zum verbessern.</p>]]></content:encoded>
    <dc:date>2008-01-30T11:23:49+01:00</dc:date>
	    </item>
		
	    <dc:rights>Copyright 2010</dc:rights>
    	<dc:date>2008-01-30T;09:35:28+01:00</dc:date>
	    <admin:generatorAgent rdf:resource="http://www.pmachine.com/" />
	    <item>
	      <title>Comment by Manuela</title>
	      <link>info@pixelgraphix.de</link>
	      <description><![CDATA[	<p>Wenn ich mich nicht irre, berechnet das Widget, die Zeilenhöhe aber nicht mit, oder?</p>]]></description>
	      <content:encoded><![CDATA[	<p>Wenn ich mich nicht irre, berechnet das Widget, die Zeilenhöhe aber nicht mit, oder?</p>]]></content:encoded>
    <dc:date>2008-01-30T09:35:28+01:00</dc:date>
	    </item>
		
	    <dc:rights>Copyright 2010</dc:rights>
    	<dc:date>2008-01-30T;08:55:21+01:00</dc:date>
	    <admin:generatorAgent rdf:resource="http://www.pmachine.com/" />
	    <item>
	      <title>Comment by Gerrit van Aaken</title>
	      <link>http://praegnanz.de</link>
	      <description><![CDATA[	<p>Ohne eigene Applikation geht’s auch &#8211; Michael Preidel hat diese Funktionalität seit langer Zeit in sein Art-Director’s-Toolbox eingebaut, das es als OS-X-Widget gibt! <a href="http://www.qxm.de/widget/20071213-161355/designers-toolbox-2-0-1">http://www.qxm.de/widget/20071213-161355/designers-toolbox-2-0-1</a></p>]]></description>
	      <content:encoded><![CDATA[	<p>Ohne eigene Applikation geht’s auch &#8211; Michael Preidel hat diese Funktionalität seit langer Zeit in sein Art-Director’s-Toolbox eingebaut, das es als OS-X-Widget gibt! <a href="http://www.qxm.de/widget/20071213-161355/designers-toolbox-2-0-1">http://www.qxm.de/widget/20071213-161355/designers-toolbox-2-0-1</a></p>]]></content:encoded>
    <dc:date>2008-01-30T08:55:21+01:00</dc:date>
	    </item>
	
</channel>
</rss>
