<?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>TYPO3 Blogger &#187; Tobias Liegl</title>
	<atom:link href="http://typo3blogger.de/author/tobi/feed/" rel="self" type="application/rss+xml" />
	<link>http://typo3blogger.de</link>
	<description>TYPO3 News, Development &#38; Insider Infos</description>
	<lastBuildDate>Tue, 07 Feb 2012 21:39:48 +0000</lastBuildDate>
	<language>de-de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Mehrspaltige Struktur-Elemente mit Gridelements – Türchen 21</title>
		<link>http://typo3blogger.de/mehrspaltige-struktur-elemente-mit-gridelements-turchen-21/</link>
		<comments>http://typo3blogger.de/mehrspaltige-struktur-elemente-mit-gridelements-turchen-21/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 07:00:16 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Extension]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=7378</guid>
		<description><![CDATA[Backend-Layouts machen Spaß und sind schnell zu implementieren. Wer dadurch auf den Geschmack gekommen ist und überlegt, von Templavoila auf diese Methode zu wechseln, vermisst sicherlich die Möglichkeit, Struktur-Elemente (zwei- oder mehrspaltige Inhaltscontainer) anzulegen. Mit Templavoila hat man sich dafür meist FCEs (Flexible Content Elements) angelegt. Auch die Extension &#8220;multicolumn&#8221; dürfte in diesem Zusammenhang vielen [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://typo3blogger.de/typo3-templates-mit-backend-layouts-und-fluidtemplate-turchen-19/">Backend-Layouts</a> machen Spaß und sind schnell zu implementieren. Wer dadurch auf den Geschmack gekommen ist und überlegt, von Templavoila auf diese Methode zu wechseln, vermisst sicherlich die Möglichkeit, Struktur-Elemente (zwei- oder mehrspaltige Inhaltscontainer) anzulegen. Mit Templavoila hat man sich dafür meist FCEs (Flexible Content Elements) angelegt. Auch die Extension &#8220;multicolumn&#8221; dürfte in diesem Zusammenhang vielen ein Begriff sein. Doch inzwischen gibt es eine Erweiterung für TYPO3, die das Konzept der Backend-Layouts auf Struktur- bzw. Raster-Elemente überträgt: <strong>gridelements</strong>.</p>
<p><span id="more-7378"></span></p>
<p>Man lädt sich also die Erweiterung &#8220;gridelements&#8221; aus dem TER, installiert sie und bindet die &#8220;Statischen Templates&#8221; ein. Danach den System-Ordner, den man als &#8220;Allgemeine Datensatzsammlung&#8221; angegeben hat öffnen und dort einen neuen Datensatz vom Typ &#8220;CE Backend Layout&#8221; anlegen. Die Funktionsweise ist hier die gleiche wie bei den <a href="http://typo3blogger.de/typo3-templates-mit-backend-layouts-und-fluidtemplate-turchen-19/">Backend Layouts</a>. Danach lässt sich das neu angelegte Element auf einer Seite einfügen. Man findet es in der Rubrik &#8220;Raster-Elemente&#8221;. Hat man z. B. ein zweispaltiges Element angelegt, sieht das Backend ungefähr so aus:</p>
<p><a href="http://typo3blogger.de/wp-content/uploads/2011/12/gridelement-zweispaltig.png"><img class="alignnone size-full wp-image-7385" title="gridelement-zweispaltig" src="http://typo3blogger.de/wp-content/uploads/2011/12/gridelement-zweispaltig.png" alt="" width="479" height="260" /></a></p>
<p>Nachdem das erfreulicherweise schon alles war, kümmern wir uns um die Ausgabe auf der Webseite. Dazu kann man per Typoscript definieren, wie dieses Element ausgegeben werden soll. Für das zweispaltige Element könnte das so aussehen:</p>

<div class="wp_syntax"><div class="code"><pre class="typoscript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">tt_content</span><span style="color: #339933; font-weight: bold;">.</span>gridelements_pi1<span style="color: #339933; font-weight: bold;">.</span>20<span style="color: #339933; font-weight: bold;">.</span>10<span style="color: #339933; font-weight: bold;">.</span>setup <span style="color: #009900;">&#123;</span>
	<span style="color: #aaa; font-style: italic;"># ID of gridelement</span>
	<span style="color: #cc0000;">1</span> <span style="color: #339933; font-weight: bold;">&lt;</span> <span style="color: #000066; font-weight: bold;">temp</span><span style="color: #339933; font-weight: bold;">.</span>gridelements<span style="color: #339933; font-weight: bold;">.</span>defaultGridSetup
	<span style="color: #cc0000;">1</span> <span style="color: #009900;">&#123;</span>
		columns <span style="color: #009900;">&#123;</span>
			<span style="color: #aaa; font-style: italic;"># colPos ID</span>
			<span style="color: #cc0000;">11</span> <span style="color: #339933; font-weight: bold;">&lt;</span> <span style="color: #339933; font-weight: bold;">.</span>default
			<span style="color: #cc0000;">11</span><span style="color: #339933; font-weight: bold;">.</span>wrap <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #3366CC;">&lt;div class=&quot;firstcol&quot;&gt;</span><span style="color: #339933; font-weight: bold;">|</span><span style="color: #3366CC;">&lt;/div&gt;</span>
			<span style="color: #aaa; font-style: italic;"># colPos ID</span>
			<span style="color: #cc0000;">12</span> <span style="color: #339933; font-weight: bold;">&lt;</span> <span style="color: #339933; font-weight: bold;">.</span>default
			<span style="color: #cc0000;">12</span><span style="color: #339933; font-weight: bold;">.</span>wrap <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #3366CC;">&lt;div class=&quot;secondcol&quot;&gt;</span><span style="color: #339933; font-weight: bold;">|</span><span style="color: #3366CC;">&lt;/div&gt;</span>
		<span style="color: #009900;">&#125;</span>
		wrap <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #3366CC;">&lt;div class=&quot;element2cols&quot;&gt;</span><span style="color: #339933; font-weight: bold;">|</span><span style="color: #3366CC;">&lt;/div&gt;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Wichtig sind hier die verwendeten Zahlen. Die &#8220;1&#8243; entspricht der ID des angelegten &#8220;gridelements&#8221;. Darin befinden sich die &#8220;columns&#8221;, die anhand ihrer colPos mit einem &#8220;wrap&#8221; versehen werden können. Der &#8220;wrap&#8221; am Ende umschließt das komplette Element. Zusätzliche Elemente können nach dem gleichen Schema hinzugefügt werden.</p>
<p>Selbst wenn man keine Raster-Elemente benötigt, empfiehlt es sich, die Erweiterung <strong>gridelements</strong> zu installieren. Denn man erhält mit dieser Extension auch eine Drag&amp;Drop-Funktionalität für die Inhaltselemente, wie man sie von Templavoila kennt.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/mehrspaltige-struktur-elemente-mit-gridelements-turchen-21/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>TYPO3-Templates mit Backend-Layouts und FLUIDTEMPLATE – Türchen 19</title>
		<link>http://typo3blogger.de/typo3-templates-mit-backend-layouts-und-fluidtemplate-turchen-19/</link>
		<comments>http://typo3blogger.de/typo3-templates-mit-backend-layouts-und-fluidtemplate-turchen-19/#comments</comments>
		<pubDate>Mon, 19 Dec 2011 07:00:17 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Templates]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[TypoScript]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=7337</guid>
		<description><![CDATA[Ich habe die letzten Jahre fast immer Templavoila für die Template-Integration in TYPO3 benutzt. Seit den Backend Layouts und der Möglichkeit Fluid in den Templates zu benutzen, hat sich das Blatt aber gewendet und ich benutze Templavoila immer weniger. Daher hier ein kurzer Schnelleinstieg in die Backend Layouts für Wechselwillige. 1. Backend-Layout anlegen Als erstes [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Ich habe die letzten Jahre fast immer Templavoila für die Template-Integration in TYPO3 benutzt. Seit den Backend Layouts und der Möglichkeit Fluid in den Templates zu benutzen, hat sich das Blatt aber gewendet und ich benutze Templavoila immer weniger. Daher hier ein kurzer Schnelleinstieg in die Backend Layouts für Wechselwillige.</p>
<p><span id="more-7337"></span></p>
<h3>1. Backend-Layout anlegen</h3>
<p>Als erstes im System-Ordner, den man bei &#8220;Allgemeine Datensatzsammlung&#8221; der Root-Seite angegeben hat, einen neuen Datensatz vom Typ &#8220;Backend-Layout&#8221; anlegen. Man vergibt einen Titel (z. B. Startseite oder Unterseite) und  öffnet über &#8220;Konfiguration&#8221; den sog. &#8220;Grid wizard&#8221;. Dort lässt sich dann ein Backend-Layout zusammen klicken, das in meinem Fall auch die Ausgabe im Frontend widerspiegelt.</p>
<p><a href="http://typo3blogger.de/wp-content/uploads/2011/12/grid-wizard.png"><img class="alignnone size-full wp-image-7342" title="grid-wizard" src="http://typo3blogger.de/wp-content/uploads/2011/12/grid-wizard.png" alt="" width="489" height="342" /></a></p>
<p>Die einzelnen Bereiche lassen sich noch benennen und mit Spaltennummern (colPos) versehen.</p>
<h3>2. Backend-Layout auswählen</h3>
<p>Nach dem Speichern, kann dieses Backend-Layout bereits in den Seiteneigenschaften einer Seite ausgewählt werden. Dazu einfach den Reiter &#8220;Erscheinungsbild&#8221; anklicken.</p>
<p><a href="http://typo3blogger.de/wp-content/uploads/2011/12/backend-layout-auswahl.png"><img class="alignnone size-full wp-image-7345" title="backend-layout-auswahl" src="http://typo3blogger.de/wp-content/uploads/2011/12/backend-layout-auswahl.png" alt="" width="442" height="206" /></a></p>
<p>Man kann das Backend-Layout für die aktuelle Seite und für deren Unterseiten einstellen. Nach der Auswahl zeigt das Backend direkt die vorher getroffene Konfiguration an &#8211; und zwar in korrekter Spalten- und Zeilen-Aufteilung.</p>
<p><a href="http://typo3blogger.de/wp-content/uploads/2011/12/backend-layout-seite.png"><img class="alignnone size-full wp-image-7346" title="backend-layout-seite" src="http://typo3blogger.de/wp-content/uploads/2011/12/backend-layout-seite.png" alt="" width="484" height="136" /></a></p>
<p>Somit wäre das Backend schon mal fertig konfiguriert. Bei Bedarf kann man sich natürlich noch weitere Backend-Layouts bzw. Seiten-Templates anlegen.</p>
<h3>3. Die Verknüpfung mit dem Frontend</h3>
<p>Um die angelegten Backend-Layouts mit der Ausgabe zu verknüpfen, benötigt man nur folgendes Typoscript Setup:</p>

<div class="wp_syntax"><div class="code"><pre class="typoscript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">page</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">PAGE</span>
<span style="color: #000066; font-weight: bold;">page</span><span style="color: #339933; font-weight: bold;">.</span>10 <span style="color: #339933; font-weight: bold;">=</span> FLUIDTEMPLATE
<span style="color: #000066; font-weight: bold;">page</span><span style="color: #339933; font-weight: bold;">.</span>10 <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">file</span><span style="color: #339933; font-weight: bold;">.</span><span style="font-weight: bold;">stdWrap</span><span style="color: #339933; font-weight: bold;">.</span>cObject <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">CASE</span>
	<span style="color: #000066; font-weight: bold;">file</span><span style="color: #339933; font-weight: bold;">.</span><span style="font-weight: bold;">stdWrap</span><span style="color: #339933; font-weight: bold;">.</span>cObject <span style="color: #009900;">&#123;</span>
		<span style="color: #aaa; font-style: italic;"># slide the template</span>
		key<span style="color: #339933; font-weight: bold;">.</span>data <span style="color: #339933; font-weight: bold;">=</span> levelfield<span style="color: #339933; font-weight: bold;">:</span>-<span style="color: #cc0000;">1</span>, backend_layout_next_level, slide
		key<span style="color: #339933; font-weight: bold;">.</span>override<span style="color: #339933; font-weight: bold;">.</span>field <span style="color: #339933; font-weight: bold;">=</span> backend_layout
		<span style="color: #aaa; font-style: italic;"># default template file</span>
		default <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">TEXT</span>
		default<span style="color: #339933; font-weight: bold;">.</span>value <span style="color: #339933; font-weight: bold;">=</span> fileadmin<span style="color: #339933; font-weight: bold;">/</span>templates<span style="color: #339933; font-weight: bold;">/</span>index<span style="color: #339933; font-weight: bold;">.</span>html
		<span style="color: #aaa; font-style: italic;"># template file for backend-layout with ID 2</span>
		<span style="color: #cc0000;">2</span> <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #990000; font-weight: bold;">TEXT</span>
		<span style="color: #cc0000;">2</span><span style="color: #339933; font-weight: bold;">.</span>value <span style="color: #339933; font-weight: bold;">=</span> fileadmin<span style="color: #339933; font-weight: bold;">/</span>templates<span style="color: #339933; font-weight: bold;">/</span>subpage<span style="color: #339933; font-weight: bold;">.</span>html
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>Im obigen Beispiel wird abhängig vom gewählten Backend-Layout, eine entsprechendes Template-Datei verwendet. Ich habe ein Standard-Template (default) angegeben und ein Template für das Backend-Layout mit der ID 2. Bei weiteren vorhanden Backend-Layouts, kann diese Liste natürlich erweitert werden. Dazu nur die korrekte ID benutzen.</p>
<h3>4. Inhalte für die Ausgabe im Template bereitstellen</h3>
<p>Wer von Templavoila kommt, dürfte z. B. die Navigation immer per &#8220;TypoScript Object Path&#8221; eingebunden haben. Die gute Nachricht: diese können beibehalten und direkt im Template aufgerufen werden. Aber wie kommt man an die Inhaltsbereiche? Mit Templavoila wurden diese als &#8220;Content Elements&#8221; gemapped. Jetzt benötigt man hier ein wenig Typoscript. (Ich gehe davon aus, dass CSS Styled Content benutzt wird.)</p>

<div class="wp_syntax"><div class="code"><pre class="typoscript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">lib</span><span style="color: #339933; font-weight: bold;">.</span>field_content <span style="color: #339933; font-weight: bold;">&lt;</span> <span style="color: #000066; font-weight: bold;">styles</span><span style="color: #339933; font-weight: bold;">.</span>content<span style="color: #339933; font-weight: bold;">.</span>get
<span style="color: #000066; font-weight: bold;">lib</span><span style="color: #339933; font-weight: bold;">.</span>field_content<span style="color: #339933; font-weight: bold;">.</span><span style="font-weight: bold;">select</span><span style="color: #339933; font-weight: bold;">.</span>where <span style="color: #339933; font-weight: bold;">=</span> colPos <span style="color: #339933; font-weight: bold;">=</span> <span style="color: #cc0000;">2</span></pre></div></div>

<p>Hier auf die korrekte Angabe der colPos achten. Je nach Anzahl der Inhaltsbereiche, muss diese Anweisung natürlich &#8220;vervielfältigt&#8221; werden.</p>
<h3>5. Die Template-Datei</h3>
<p>Die Template-Datei, die im &#8220;fileadmin&#8221; liegt, beinhaltet dann vom Prinzip nur noch den Inhalt des &lt;body&gt; Bereichs. Den Rest baut TYPO3 ja automatisch drum herum. Das HTML-Template könnte dann z. B. so aussehen:</p>
<p>&lt;div id=&#8221;header&#8221;&gt;<br />
&lt;f:cObject typoscriptObjectPath=&#8221;lib.field_navmain&#8221; /&gt;<br />
&lt;/div&gt;<br />
&lt;div id=&#8221;content&#8221;&gt;<br />
&lt;f:cObject typoscriptObjectPath=&#8221;lib.field_content&#8221; /&gt;<br />
&lt;/div&gt;</p>
<p>In diesem Beispiel benutze ich nur den &lt;f:cObject&gt; View-Helper von Fluid, um direkt auf die im Typoscript angelegten Content-Objekte zuzugreifen. Fluid aber auch Fluidtemplate bieten natürlich noch viele weitere Möglichkeiten, mit denen man sein Template anreichern kann.</p>
<p>Und hier sind wir schon am Ende. Mehr ist nicht nötig.</p>
<h3>Fazit</h3>
<p>Im Vergleich zu Templavoila bin ich mit dieser Template-Methode um einiges schneller, da das aufwändige Mapping wegfällt. Und das Anlegen der extra Backend-Layouts für Templavoila-Templates spart man sich dadurch auch.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/typo3-templates-mit-backend-layouts-und-fluidtemplate-turchen-19/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>HTML5 Boilerplate mit TYPO3 – Türchen 17</title>
		<link>http://typo3blogger.de/html5-boilerplate-mit-typo3-turchen-17/</link>
		<comments>http://typo3blogger.de/html5-boilerplate-mit-typo3-turchen-17/#comments</comments>
		<pubDate>Sat, 17 Dec 2011 07:00:02 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Extension]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=7260</guid>
		<description><![CDATA[Wer sich mit Frontend-Entwicklung beschäftigt, stolpert früher oder später über HTML5 Boilerplate und die Konzepte die damit einhergehen. Der auffälligste Teil beim Betrachten des Quellcodes einer mit HTML5 Boilerplate umgesetzten Webseite, dürften die Conditional Comments um den &#60;html&#62; Tag sein. Das sieht dann ungefähr so aus: &#60;!--[if lt IE 7]&#62; &#60;html lang="de" class="no-js ie6"&#62; &#60;![endif]--&#62; [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Wer sich mit Frontend-Entwicklung beschäftigt, stolpert früher oder später über <a href="http://html5boilerplate.com/" target="_blank">HTML5 Boilerplate</a> und die Konzepte die damit einhergehen. Der auffälligste Teil beim Betrachten des Quellcodes einer mit HTML5 Boilerplate umgesetzten Webseite, dürften die Conditional Comments um den &lt;html&gt; Tag sein. Das sieht dann ungefähr so aus:</p>
<pre>&lt;!--[if lt IE 7]&gt; &lt;html lang="de" class="no-js ie6"&gt; &lt;![endif]--&gt;
&lt;!--[if IE 7]&gt; &lt;html lang="de" class="no-js ie7"&gt; &lt;![endif]--&gt;
&lt;!--[if IE 8]&gt; &lt;html lang="de" class="no-js ie8"&gt; &lt;![endif]--&gt;
&lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html lang="de" class="no-js"&gt; &lt;!--&lt;![endif]--&gt;</pre>
<p><span id="more-7260"></span></p>
<p>Je nach eingesetztem Browser hat man also zusätzliche CSS-Klassen im &lt;html&gt; Tag, anhand derer man seine Seite für verschiedene IE-Browser-Versionen anpassen kann. Dieser Ansatz hat den Vorteil, dass man alle CSS-Angaben in einer CSS-Datei machen kann und dazu keine CSS-Hacks benötigt, um die unterschiedlichen IEs anzusprechen. Und da das alles in einer Datei machbar ist, spart man sich auch noch ein paar HTTP-Requests &#8211; im Vergleich zur Einbindung von versionsspezifischen Stylesheets per Conditional Comment.</p>
<h3>Aber wie bekommt man das jetzt in eine TYPO3-Seite?</h3>
<p>Nur mit der Angabe von &#8220;config.doctype = html5&#8243; ist es hier natürlich nicht getan. Es gibt meines Wissens auch keine Standard-Typoscript-Anweisung, mit der man den obigen Code in die Webseite bekommt. Aber für solche Fälle gibt es ja Extensions! Und hier hilft die Extension &#8220;<a href="http://typo3.org/extensions/repository/view/html5boilerplate/current/" target="_blank">html5boilerplate</a>&#8220;. Nach der Installation dieser Extension lässt sich der obige Code wie folgt einfügen:</p>
<pre>config.html5boilerplate {
 htmlTag (
    &lt;!--[if lt IE 7]&gt; &lt;html lang="de" class="no-js ie6"&gt; &lt;![endif]--&gt;
    &lt;!--[if IE 7]&gt; &lt;html lang="de" class="no-js ie7"&gt; &lt;![endif]--&gt;
    &lt;!--[if IE 8]&gt; &lt;html lang="de" class="no-js ie8"&gt; &lt;![endif]--&gt;
    &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html lang="de" class="no-js"&gt; &lt;!--&lt;![endif]--&gt;
  )
}</pre>
<p>Somit hätte man den kompliziertesten Teil der <strong>HTML5 Boilerplate</strong> in TYPO3 integriert. Alles andere lässt sich im Prinzip mit hinlänglich bekannten TYPO3-Boardmitteln erledigen.</p>
<p>Die Extension liefert dazu auch Statische Templates (Typoscript) zum Einbinden mit, in denen neben dem obigen Snippet auch viele andere Anweisungen definiert sind. Es wird z. B. <a href="http://www.modernizr.com/" target="_blank">Modernizr</a> im &lt;head&gt; eingebunden und alle anderen Skripte per &#8220;page.includeJSFooter&#8221; in den Footer geladen. Es lohnt sich also, einen Blick in die TS-Templates zu werfen, selbst wenn man die Extension eigtl. nur für das Setzen des HTML-Tags verwenden möchte.</p>
<p>Einer Webseite nach HTML5 Boilerplate Prinzipien steht dank dieser Extension nichts im Wege.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/html5-boilerplate-mit-typo3-turchen-17/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>TYPO3 4.5 LTS &#8211; Die Neuerungen als PDF</title>
		<link>http://typo3blogger.de/typo3-4-5-lts-die-neuerungen-als-pdf/</link>
		<comments>http://typo3blogger.de/typo3-4-5-lts-die-neuerungen-als-pdf/#comments</comments>
		<pubDate>Thu, 27 Jan 2011 06:58:52 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Releases]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=5452</guid>
		<description><![CDATA[Wer es gestern nicht geschafft hat, an einer der zahlreichen TYPO3 4.5 Release-Parties teilzunehmen (weil er vielleicht wie ich den Bayern im DFB-Pokal zugeschaut hat), der dürfte sich über folgendes PDF von Patrick Lobacher freuen. Patrick hat gestern abend ein PDF mit dem Titel &#8220;TYPO3 4.5 LTS &#8211; Die Neuerungen&#8221; online gestellt. Darin stellt er [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Wer es gestern nicht geschafft hat, an einer der zahlreichen <a href="http://typo3blogger.de/typo3-4-5-release-party/">TYPO3 4.5 Release-Parties</a> teilzunehmen (weil er vielleicht wie ich den Bayern im DFB-Pokal zugeschaut hat), der dürfte sich über folgendes PDF von Patrick Lobacher freuen. Patrick hat gestern abend ein PDF mit dem Titel &#8220;<strong>TYPO3 4.5 LTS &#8211; Die Neuerungen</strong>&#8221; online gestellt. Darin stellt er alle Neuerungen des gestrigen LTS-Releases (LTS = Long Term Support) vor.</p>
<p>Das PDF (inkl. Screenshots) könnt ihr <a href="http://www.typovision.de/fileadmin/slides/TYPO3_4.5_Die_Neuerungen_typovision.pdf" target="_blank">hier downloaden</a> (PDF &#8211; 2,8 MB).</p>
<p>Update: Jetzt auch zum Direkt-Durchblättern:</p>
<div id="__ss_6713533" style="width: 425px;"><strong><a title="TYPO3 4.5 LTS - Die Neuerungen auf einen Blick" href="http://www.slideshare.net/plobacher/typo3-45-lts-die-neuerungen-auf-einen-blick">TYPO3 4.5 LTS &#8211; Die Neuerungen auf einen Blick</a></strong><object id="__sse6713533" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=typo34-5dieneuerungentypovision-110126155233-phpapp01&amp;stripped_title=typo3-45-lts-die-neuerungen-auf-einen-blick&amp;userName=plobacher" /><param name="name" value="__sse6713533" /><param name="allowfullscreen" value="true" /><embed id="__sse6713533" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=typo34-5dieneuerungentypovision-110126155233-phpapp01&amp;stripped_title=typo3-45-lts-die-neuerungen-auf-einen-blick&amp;userName=plobacher" name="__sse6713533" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/typo3-4-5-lts-die-neuerungen-als-pdf/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Eine einfache Bildergalerie mit TYPO3 &#8211; Türchen 15</title>
		<link>http://typo3blogger.de/eine-einfache-bildergalerie-mit-typo3-turchen-15/</link>
		<comments>http://typo3blogger.de/eine-einfache-bildergalerie-mit-typo3-turchen-15/#comments</comments>
		<pubDate>Wed, 15 Dec 2010 07:00:32 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=5277</guid>
		<description><![CDATA[Oftmals möchte ein Kunde nur eine kleine Bildergalerie &#8211; also ca. 20 &#8211; 30 Bilder auf nur einer Seite. Die Bilder sollen als quadratische Thumbnails dargestellt werden und sich auf Klick vergrößern. Bei Bedarf soll es auch noch Bildunterschriften geben. Das Ganze soll natürlich möglichst einfach mit Boardmitteln pflegbar sein. Eine Erweiterung wie die &#8220;wt_gallery&#8221; [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Oftmals möchte ein Kunde nur eine <strong>kleine Bildergalerie</strong> &#8211; also ca. 20 &#8211; 30 Bilder auf nur einer Seite. Die Bilder sollen als quadratische Thumbnails dargestellt werden und sich auf Klick vergrößern. Bei Bedarf soll es auch noch Bildunterschriften geben. Das Ganze soll natürlich möglichst einfach mit Boardmitteln pflegbar sein.</p>
<p>Eine Erweiterung wie die &#8220;wt_gallery&#8221; ist da meist überdimensioniert und auch für die Redakteure ein wenig umständlich zu pflegen. Welche Alternative hat man also in so einem Fall? Ich möchte hier zeigen, wie man in 3 Schritten eine einfache Galerie erstellt.</p>
<p><span id="more-5277"></span></p>
<h3>1. Das Standard-Bild-Element</h3>
<p><strong>TYPO3</strong> bietet standarmäßig ein <strong>Bild-Element</strong> an, mit dem es möglich ist, mehrere Bilder in einem Block auszugeben. Die Bildanzahl pro Zeile kann konfiguriert und auch Bildunterschriften können eingepflegt werden. Das stellt eine gute Basis für eine kleine Galerie dar.</p>
<h3>2. Eine Lightbox-Erweiterung</h3>
<p>Für die Klick-Vergrößerungs-Funktion bietet sich eine Lightbox-Extension (z. B. <strong>perfectlightbox</strong>) an. Mit dieser bekommt man auf Klick die Großansichten der Bilder, durch die man sich dann in der Lightbox navigieren kann.</p>
<h3>3. Quadratische Thumbnails</h3>
<p>Problem ist dann nur die Darstellung der Thumbnails, da diese aufgrund von unterschiedlichen Bildformaten (Hoch-/Querformat) in der Regel sehr &#8220;unruhig&#8221; ist. Abhilfe schafft hier die Erweiterung <strong>nwt_imagecrop</strong>. Nach der Installation erhält man eine zusätzliche Checkbox bei den Bildeinstellungen zum Aktivieren eines Bildzuschnitts. Gibt man dann für Breite und Höhe der Bilder die gleichen Werte an, bekommt man schöne quadratische Thumbnails.</p>
<p>Fertig ist die Mini-Galerie!</p>
<p>Vielleicht ist das für den ein oder anderen eine brauchbare Alternative zur Verwendung einer vollwertigen Galerie-Extension.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/eine-einfache-bildergalerie-mit-typo3-turchen-15/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>HTML5 mit TYPO3 &#8211; Türchen 14</title>
		<link>http://typo3blogger.de/html5-mit-typo3-turchen-14/</link>
		<comments>http://typo3blogger.de/html5-mit-typo3-turchen-14/#comments</comments>
		<pubDate>Tue, 14 Dec 2010 07:00:15 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[TypoScript]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=5164</guid>
		<description><![CDATA[HTML5 und CSS3 sind in aller Munde. Daher heute ein kurzer Blick auf die Rahmenbedingungen für eine HTML5-konforme Seite. Will man sein HTML-Dokument korrekt aufbauen, gilt es als erstes den richtigen Doctype zu setzen. Dieser war (unabhängig von TYPO3) bisher immer recht kompliziert. Für XHTML 1.0 sah der korrekte Doctype beispielsweise so aus: &#60;!DOCTYPE html [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>HTML5 und CSS3 sind in aller Munde. Daher heute ein kurzer Blick auf die Rahmenbedingungen für eine HTML5-konforme Seite. Will man sein HTML-Dokument korrekt aufbauen, gilt es als erstes den richtigen Doctype zu setzen. Dieser war (unabhängig von TYPO3) bisher immer recht kompliziert.</p>
<p><span id="more-5164"></span>Für XHTML 1.0 sah der korrekte Doctype beispielsweise so aus:</p>
<pre>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;</pre>
<p>Für HTML5 fällt der Doctype wesentlich schlanker aus:</p>
<pre>&lt;!DOCTYPE html&gt;</pre>
<p>Das ist endlich mal ein Doctype-Snippet, das man sich auch merken kann. Doch wie bekommt das von TYPO3 ausgegeben? Ganz einfach &#8211; mit folgender Config-Einstellung:</p>
<pre>config.doctype = html_5</pre>
<p>Den Paramter &#8220;html_5&#8243; gibt es aber erst seit TYPO3 4.4. Um jetzt noch das &#8220;Charset&#8221; korrekt zu setzen, bedarf es einer TYPO3-Extension &#8211; <a href="http://typo3.org/extensions/repository/view/html5meta_t3lib_pagerenderer/current/" target="_blank">html5meta_t3lib_pagerenderer</a>. Dadurch verändert sich die Standard-Ausgabe</p>
<pre>&lt;meta name="Content-Type" content="text/html; charset="utf-8" /&gt;</pre>
<p>auf die nachfolgende, kürzere Variante</p>
<pre>&lt;meta charset="utf-8" /&gt;</pre>
<p>Es sind zwar beide Varianten valide, aber das W3C empfiehlt/bevorzugt die kürzere Variante. Eine Einstellung, das direkt über TYPO3 zu konfigurieren, ist mir bislang nicht bekannt.</p>
<p>Mit den o. g. Einstellungen ist unsere TYPO3-Seite jetzt fit, für weitere Schandtaten mit HTML5.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/html5-mit-typo3-turchen-14/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Spezielle Mount Points im Element Browser &#8211; Türchen 13</title>
		<link>http://typo3blogger.de/spezielle-mount-points-im-element-browser-turchen-13/</link>
		<comments>http://typo3blogger.de/spezielle-mount-points-im-element-browser-turchen-13/#comments</comments>
		<pubDate>Mon, 13 Dec 2010 07:00:13 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[TypoScript]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=5171</guid>
		<description><![CDATA[Hat man eine größere TYPO3-Seite mit mehreren Redakteuren, so sind die Zugriffsrechte der einzelnen Redakteure oder Redakteursgruppen meist auf Teilbereiche der Webseite eingeschränkt. So kann es z. B. sein, dass es Redakteure nur für die Erstellung von Newsartikeln gibt. Innerhalb von TYPO3 sehen diese User dann wirklich nur die benötigten Seiten/SysFolder. Eigentlich sinnvoll und logisch [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Hat man eine größere TYPO3-Seite mit mehreren Redakteuren, so sind die Zugriffsrechte der einzelnen Redakteure oder Redakteursgruppen meist auf Teilbereiche der Webseite eingeschränkt. So kann es z. B. sein, dass es Redakteure nur für die Erstellung von Newsartikeln gibt. Innerhalb von TYPO3 sehen diese User dann wirklich nur die benötigten Seiten/SysFolder. Eigentlich sinnvoll und logisch &#8211; jedoch wird dann auch im TYPO3 Element Browser immer nur der eingeschränkte Seitenbaum angezeigt. Was aber, wenn der Redakteur aus einem Newsartikel heraus, innerhalb der Webseite verlinken soll?</p>
<p><span id="more-5171"></span></p>
<p>Hierfür gibt es seit TYPO3 4.2 eine einfache Option für das User TSConfig, mit der man dann im Linkdialog z. B. den kompletten Seitenbaum (pageTree) zum Verlinken anbieten kann, obwohl man von den Rechten her, nur auf den SysFolder mit den Newsartikeln Zugriff hat. Als Werte können hier einfach die PageIDs der gewünschten Seitenbäume eingetragen werden.</p>
<pre>options.pageTree.altElementBrowserMountPoints = 1,12
options.folderTree.altElementBrowserMountPoints = ordner1,ordner2</pre>
<p>Hier sieht man auch noch eine weitere Option für Filemounts (folderTree), mit der man zusätzliche Verzeichnisse (read-only) einhängen kann.</p>
<p>Beide Optionen eignen sich hervorragend dazu, Redakteuren mit eingeschränkten Zugriffsrechten, die optimalen Möglichkeiten beim Verlinken oder dem Einbinden von Dateien, zur Verfügung zu stellen.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/spezielle-mount-points-im-element-browser-turchen-13/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>TypoScript in Datei auslagern &#8211; Türchen 12</title>
		<link>http://typo3blogger.de/typoscript-in-datei-auslagern-turchen-12/</link>
		<comments>http://typo3blogger.de/typoscript-in-datei-auslagern-turchen-12/#comments</comments>
		<pubDate>Sun, 12 Dec 2010 07:00:06 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[TYPO3]]></category>
		<category><![CDATA[TypoScript]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=5263</guid>
		<description><![CDATA[Wie Stefan berichtete, lassen sich in TYPO3 4.5 beta 1, extern eingebundene TypoScript-Dateien, direkt über den t3editor editieren. Zwar nicht unbedingt eine Must-Have-Funktion, aber durchaus ein Grund weniger, sein TypoScript nicht auszulagern. Doch wie funktioniert das Auslagern von TypoScript überhaupt? Mit folgender Include-Anweisung, lässt sich eine Datei mit TypoScript-Inhalt in TYPO3 einbinden. &#60;INCLUDE_TYPOSCRIPT:source="file:fileadmin/templates/pfad/zur/datei.ts"&#62; Welche Vorteile [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Wie <a href="http://typo3blogger.de/typo3-4-5-0-beta-1/">Stefan berichtete</a>, lassen sich in TYPO3 4.5 beta 1, extern eingebundene TypoScript-Dateien, direkt über den t3editor editieren. Zwar nicht unbedingt eine Must-Have-Funktion, aber durchaus ein Grund weniger, sein TypoScript nicht auszulagern. Doch wie funktioniert das Auslagern von TypoScript überhaupt?</p>
<p><span id="more-5263"></span></p>
<p>Mit folgender Include-Anweisung, lässt sich eine Datei mit TypoScript-Inhalt in TYPO3 einbinden.</p>
<pre>&lt;INCLUDE_TYPOSCRIPT:source="file:fileadmin/templates/pfad/zur/datei.ts"&gt;</pre>
<p>Welche Vorteile hat man durch so eine Vorgehensweise?</p>
<ul>
<li>Man kann sein TypoScript in einem Editor bearbeiten (ggf. mit Syntax-Highlighting für TypoScript)</li>
<li>Die externen Dateien lassen sich sauber versionieren (z. B. mit SVN oder Git)</li>
</ul>
<p>Diese Dateien lassen sich dann natürlich direkt im Browser aufrufen (wenn man den Pfad zur Datei kennt). Falls man das nicht möchte, kann man den Zugriff auf Dateien mit der Endung .ts per .htaccess deaktivieren.</p>
<pre>&lt;FilesMatch "\.ts" &gt;
 deny from all
&lt;/FilesMatch&gt;</pre>
<p>Nervig ist bei dieser Vorgehensweise nur, dass TYPO3 die extern eingebundenen Dateien cached. Damit diese TypoScript-Dateien immer aktuell eingebunden werden, kann folgende Anweisung im UserTS verwendet werden. Greift dann im eingeloggten Zustand.</p>
<pre>admPanel.override.tsdebug.forceTemplateParsing = 1</pre>
<p>Die hier gezeigte Vorgehensweise bietet natürlich viele Möglichkeiten zur Strukturierung des TypoScript-Codes, denn die Include-Anweisungen lassen sich beliebig schachteln. Eine interessanten Vorschlag, wie so eine Struktur aussehen könnte, findet man bei <a href="http://www.ausgebloggt.de/2010/09/28/meine-typoscript-organisation/" target="_blank">ausgebloggt.de</a> &#8211; von dort habe ich auch den Tipp mit &#8220;forceTemplateParsing&#8221;.</p>
<p>Wie sieht es bei euch aus? Lagert ihr euer TypoScript aus oder habt ihr sogar schon ausgefeilte Dateistrukturen für euer TS?</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/typoscript-in-datei-auslagern-turchen-12/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>T3CON10 &#8211; TYPO3 Phoenix bestimmt den 1. Tag</title>
		<link>http://typo3blogger.de/t3con10-typo3-phoenix-bestimmt-den-1-tag/</link>
		<comments>http://typo3blogger.de/t3con10-typo3-phoenix-bestimmt-den-1-tag/#comments</comments>
		<pubDate>Fri, 01 Oct 2010 17:31:24 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Events]]></category>
		<category><![CDATA[T3 CON 20xx]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=4905</guid>
		<description><![CDATA[Heute hat sie begonnen &#8211; die 6. internationale TYPO3 Konferenz. Ich laufe hier mit einer &#8220;Sponsor&#8221;-Badge durch die Hallen, da ich bei domainFactory ein Frei-Ticket gewonnen habe. An dieser Stelle nochmal ein großes DANKE an dF! Die T3CON10 wurde &#8211; wie es sich für eine Konferenz dieser Größe gehört &#8211; mit einer Keynote offiziell eröffnet [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-thumbnail wp-image-4908" title="T3CON10" src="http://typo3blogger.de/wp-content/uploads/2010/10/t3con10-150x150.jpg" alt="T3CON10" width="150" height="150" />Heute hat sie begonnen &#8211; die <strong>6. internationale TYPO3 Konferenz</strong>. Ich laufe hier mit einer &#8220;Sponsor&#8221;-Badge durch die Hallen, da ich bei <a href="http://www.df.eu">domainFactory</a> ein Frei-Ticket gewonnen habe. An dieser Stelle nochmal ein großes DANKE an dF! <img src='http://typo3blogger.de/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><span id="more-4905"></span><br />
Die <strong>T3CON10</strong> wurde &#8211; wie es sich für eine Konferenz dieser Größe gehört &#8211; mit einer Keynote offiziell eröffnet (eigentlich startete die Veranstaltung bereits am Donnerstag mit dem Tutorialday). Insgesamt 460 Teilnehmer haben sich für diesen <strong>TYPO3-Event</strong> angemeldet. Nach einer kurzen Einführung durch Jürgen Egeling, übernahmen diesen Part Kian Gould und Kasper Skårhøj.</p>
<p>Kian demonstrierte die Marktdurchdringung von <strong>TYPO3</strong> mit Hilfe eines &#8220;normalen&#8221; Tagesablaufs. Urlaub gebucht über <a href="http://www.fti.de/">FTI</a>, Auto bei <a href="http://www.sixt.de">Sixt</a> gemietet, Druckertreiber von der <a href="http://www.konicaminolta.de/">Konica Minolta</a> Webseite geladen, eingekauft bei <a href="http://www.rewe.de/">REWE</a> und die Fußball-News auf der Webseite des <a href="http://www.dfb.de/">DFB</a> gelesen. Die halbe Bundesliga nutzt TYPO3, fast alle deutschen Tourstik-Anbieter auch. Schon beeindruckend, wenn man sich das mal so vor Augen führt.</p>
<p><img class="alignnone size-full wp-image-4912" title="T3CON10 Keynote" src="http://typo3blogger.de/wp-content/uploads/2010/10/t3con10-keynote.jpg" alt="T3CON10 Keynote" width="500" height="375" /></p>
<p>Nach der Keynote zeigte uns Robert Lemke zuerst den aktuellen Stand von <strong>TYPO3 Phoenix</strong>. Dabei ging er mit Hilfe weiterer v5-Entwickler auf die Architektur und Flow3 ein, man sah den Aloha-Editor und bekam einen Sneak-Peak auf das neue ExtJS-Interface.</p>
<p>Danach bekamen wir einen &#8220;Taste of Phoenix&#8221; von Jens Hoffmann und Björn Brockmann. Jens und Björn erzählten von den ausgedachten Personas und den theoretischen Überlegungen, die hinter dem UI-Konzept von TYPO3 Phoenix (aka Version 5) stehen. Klasse Arbeit und definitiv der richtige Weg. Für viele waren die Design-Beispiele am Ende des Vortrags wohl die interessantesten Sachen. Jens zeigte den neuen (und zukünftig animierten) Login-Screen mit der Möglichkeit ihn mittels sog. &#8220;Wallpapers&#8221; zu stylen &#8211; definitiv cool! Außerdem diverse Screens der neuen TYPO3-Administration. Die Slides findet man in den nächsten Tagen unter <a href="http://tr.im/t35ui">tr.im/t35ui</a>.</p>
<p><img class="alignnone size-full wp-image-4913" title="T3CON10 - Phoenix-Interface" src="http://typo3blogger.de/wp-content/uploads/2010/10/t3con10-phoenix-interface.jpg" alt="T3CON10 - Phoenix-Interface" width="500" height="375" /></p>
<p>Sehr interessant fand ich dann noch den Vortrag von Robert Lemke über <strong>TypoScript 2.0</strong>. Darin hab ich mir ein paar mal gedacht, genau so muss das funktionieren! Vereinfachtes Handling für Menüs, kein stdWrap mehr (sondern sog. &#8220;Processors&#8221;) und als Einsatzbereich nur noch der &#8220;View&#8221; &#8211; Backendkonfiguration wird in Zukunft über YAML geregelt.</p>
<p>Jetzt steht dann noch der <strong>Social Event</strong> an &#8211; im 24. Stock des Holiday Inn in Frankfurt. Oder war es der 25. Stock? Auf jeden Fall sehr weit oben! Bin dann mal &#8220;socializen&#8221; &#8230; <img src='http://typo3blogger.de/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/t3con10-typo3-phoenix-bestimmt-den-1-tag/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>TYPO3camp Munich &#8211; TYPO3 monitoring mit Caretaker</title>
		<link>http://typo3blogger.de/typo3camp-munich-typo3-monitoring-mit-caretaker/</link>
		<comments>http://typo3blogger.de/typo3camp-munich-typo3-monitoring-mit-caretaker/#comments</comments>
		<pubDate>Sat, 11 Sep 2010 13:40:55 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Extension]]></category>
		<category><![CDATA[TYPO3Camp]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=4781</guid>
		<description><![CDATA[Die zweite Session von Frank Nägler (<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Die zweite Session von Frank Nägler (<a href="http://www.frank-naegler.de/ title="Anwendungsentwickler aus Hamburg">frank-naegler.de</a>) am heutigen Tag behandelt die Überwachung von mehreren TYPO3-Webseiten inkl. der installierten Extensions mittels einer zentralen TYPO3-Installation. Möglich macht das die Extension &#8220;Caretaker&#8221;.</p>
<p><span id="more-4781"></span></p>
<p>Frank zeigt was Caretaker macht, wie die Erweiterung technisch funktioniert und wie der praktische Einsatz aussieht. Caretaker benötigt mind. PHP5, TYPO3 4.3 oder neuer und ein paar installierte Extensions (tt_address, css_styled_content, caretaker, caretaker_instance). Caretaker ist unter dem gleichnamigen Key im TER zu finden.</p>
<p>Klassischer Anwendungsfall für Caretaker: Sicherheitslücke in einer Extension wird entdeckt, Caretaker prüft wo diese installiert ist und benachrichtigt den zuständigen Entwickler. Und Caretaker kann noch einiges mehr. Tolle Erweiterung für alle, die mehrere TYPO3-Webseiten zu betreuen haben.</p>
<p>Die Präsentation, die Frank als Basis für seine Session diente, findet man auch wieder <a href="http://www.slideshare.net/redscout/t-4225320" target="_blank">auf slideshare</a>.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/typo3camp-munich-typo3-monitoring-mit-caretaker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>TYPO3camp Munich &#8211; SEO mit TYPO3</title>
		<link>http://typo3blogger.de/typo3camp-munich-seo-mit-typo3/</link>
		<comments>http://typo3blogger.de/typo3camp-munich-seo-mit-typo3/#comments</comments>
		<pubDate>Sat, 11 Sep 2010 12:45:15 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Events]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[TYPO3Camp]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=4773</guid>
		<description><![CDATA[Suchmaschinenoptimierung &#8211; ein Thema das auf Barcamps immer sehr beliebt ist. So auch hier auf dem TYPO3camp in München. Frank Nägler (<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Suchmaschinenoptimierung &#8211; ein Thema das auf Barcamps immer sehr beliebt ist. So auch hier auf dem TYPO3camp in München. Frank Nägler (<a href="http://www.frank-naegler.de/ title="Anwendungsentwickler aus Hamburg">frank-naegler.de</a>) erklärt in dieser Session die Basics der klassischen SEO-Arbeit und die Möglichkeiten im Zusammenhang mit TYPO3.</p>
<p><span id="more-4773"></span></p>
<p><a href="http://typo3blogger.de/wp-content/uploads/2010/09/seo-vortrag-frank-naegler.jpg"><img class="alignnone size-full wp-image-4777" title="SEO Vortrag von Frank Nägler" src="http://typo3blogger.de/wp-content/uploads/2010/09/seo-vortrag-frank-naegler.jpg" alt="" width="500" height="375" /></a></p>
<p><em>&#8220;SEO ist keine einmalige Sache, sondern ein fortwährender Prozess.&#8221;</em></p>
<p>Die Kernbestandteile erfolgreicher Suchmaschinenoptimierung sind laut Frank Nägler die Keyword-Recherche und WordingÜberarbeitung sowie die Linkakquise und -Optimierung.</p>
<p><a href="http://typo3blogger.de/wp-content/uploads/2010/09/seo-vortrag-teilnehmer.jpg"><img class="alignnone size-full wp-image-4778" title="SEO Vortrag - Die Teilnehmer" src="http://typo3blogger.de/wp-content/uploads/2010/09/seo-vortrag-teilnehmer.jpg" alt="" width="500" height="375" /></a></p>
<p>In seinem Vortrag geht Frank aber speziell auf die OnPage-Optimierung von TYPO3-Webseiten ein. Title-Design und URL-Design werden ausführlich besprochen. Auch die interne Verlinkung und das Problem mit Duplicate-Content wird thematisiert.</p>
<p>Die Slides zum Vortrag (inkl. Code-Beispielen) findet man auf <a href="http://www.slideshare.net/NeoBlack/seo-mit-typo3" target="_blank">slideshare</a>.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/typo3camp-munich-seo-mit-typo3/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Edit-Screen eines FCE überspringen</title>
		<link>http://typo3blogger.de/edit-screen-eines-fce-uberspringen/</link>
		<comments>http://typo3blogger.de/edit-screen-eines-fce-uberspringen/#comments</comments>
		<pubDate>Tue, 04 May 2010 20:19:29 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Dev]]></category>
		<category><![CDATA[Extension]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=4259</guid>
		<description><![CDATA[Wer mit TemplaVoila arbeitet, erstellt sicher auch des öfteren ein paar Container-Elemente damit. Nervig ist dabei, dass man nach dem Auswählen eines dieser Flexiblen Content-Elemente immer zuerst im &#8220;Bearbeiten&#8221;-Modus landet. Dort wird dann nur noch &#8220;speichern und schließen&#8221; gedrückt. Diesen eigentlich überflüssigen Klick kann man sich seit TemplaVoila 1.4 sparen. Und zwar mit folgender Einstellung: [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Wer mit TemplaVoila arbeitet, erstellt sicher auch des öfteren ein paar Container-Elemente damit. Nervig ist dabei, dass man nach dem Auswählen eines dieser Flexiblen Content-Elemente immer zuerst im &#8220;Bearbeiten&#8221;-Modus landet. Dort wird dann nur noch &#8220;speichern und schließen&#8221; gedrückt. Diesen eigentlich überflüssigen Klick kann man sich seit <strong>TemplaVoila 1.4</strong> sparen. Und zwar mit folgender Einstellung:</p>
<p>&lt;noEditOnCreation&gt;1&lt;/noEditOnCreation&gt;</p>
<p>Diese Zeile muss dafür in den &#8220;meta&#8221;-Bereich der Datenstruktur eingefügt werden. Dadurch wird der &#8220;Edit-Screen&#8221; einfach übersprungen und man landet nach der Auswahl des Elements direkt wieder in der Seitenansicht. Perfekt.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/edit-screen-eines-fce-uberspringen/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>TYPO3 4.3 &#8211; Die Neuerungen im Überblick</title>
		<link>http://typo3blogger.de/typo3-4-3-die-neuerungen-im-uberblick/</link>
		<comments>http://typo3blogger.de/typo3-4-3-die-neuerungen-im-uberblick/#comments</comments>
		<pubDate>Sun, 29 Nov 2009 11:52:03 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Dev]]></category>
		<category><![CDATA[Releases]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=3269</guid>
		<description><![CDATA[Die Veröffentlichung von TYPO3 4.3 wurde in letzter Minute noch auf Montag, den 30.11. verschoben. Bis dahin sollen noch ein paar letzte (zur Zeit bekannte) Bugs behoben werden. Doch was erwartet uns dann alles in der neuen TYPO3 Version? Diese Frage beantwortet Patrick Lobacher in einem 82-seitigen PDF: &#8220;TYPO3 4.3 &#8211; Die Neuerungen im Überblick&#8220;. [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Die Veröffentlichung von TYPO3 4.3 wurde in letzter Minute noch auf Montag, den 30.11. verschoben. Bis dahin sollen noch ein paar letzte (zur Zeit bekannte) Bugs behoben werden. Doch was erwartet uns dann alles in der neuen TYPO3 Version? Diese Frage beantwortet <strong>Patrick Lobacher</strong> in einem 82-seitigen PDF: &#8220;<a title="TYPO3 4.3 - Die Neuerungen im Überblick" href="http://www.typofaktum.de/TYPO3_4.3_Die_Neuerungen_typofaktum.pdf" target="_blank">TYPO3 4.3 &#8211; Die Neuerungen im Überblick</a>&#8220;. Kurz und prägnant beleuchtet er nochmal die Veränderungen zur Version 4.2 im Frontend und Backend &#8211; inklusive Screenshots und Typoscript-Beispielen. Genau die richtige Vorbereitung auf den morgigen &#8220;Release-Day&#8221;.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/typo3-4-3-die-neuerungen-im-uberblick/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Sicherheitslücken in TYPO3-Extensions</title>
		<link>http://typo3blogger.de/sicherheitslucken-in-typo3-extensions/</link>
		<comments>http://typo3blogger.de/sicherheitslucken-in-typo3-extensions/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 08:38:31 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Dev]]></category>
		<category><![CDATA[Extension]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=2291</guid>
		<description><![CDATA[Gestern wurden wieder ein paar bekannt gewordene Sicherheitslücken in TYPO3-Extensions veröffentlicht. Dabei handelt es sich um folgende Extensions: Virtual Civil Services (civserv) Modern Guestbook / Commenting system (ve_guestbook) CWT Community (cwt_community) FrontEnd MP3 Player (fe_mp3player) Search In Tables (fesearchintable) Content Search (gst_contentsearch) Multilingual Alias (multilingual_alias) Myth Repository (myth_repository) References database (t3references) Nähere Infos findet man [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p>Gestern wurden wieder ein paar bekannt gewordene Sicherheitslücken in TYPO3-Extensions veröffentlicht. Dabei handelt es sich um folgende Extensions:</p>
<ul>
<li>Virtual Civil Services (civserv)</li>
<li>Modern Guestbook / Commenting system (ve_guestbook)</li>
<li>CWT Community (cwt_community)</li>
<li>FrontEnd MP3 Player (fe_mp3player)</li>
<li>Search In Tables (fesearchintable)</li>
<li>Content Search (gst_contentsearch)</li>
<li>Multilingual Alias (multilingual_alias)</li>
<li>Myth Repository (myth_repository)</li>
<li>References database (t3references)</li>
</ul>
<p>Nähere Infos findet man in der entsprechenden <a href="http://news.typo3.org/news/article/security-issues-in-several-third-party-typo3-extensions-including-civserv-cwt-community-and-ve-gues/" target="_blank">Meldung auf news.typo3.org</a>.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/sicherheitslucken-in-typo3-extensions/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mittwald aktualisiert deutschsprachige TYPO3-Dokumentation</title>
		<link>http://typo3blogger.de/mittwald-aktualisiert-deutschsprachige-typo3-dokumentation/</link>
		<comments>http://typo3blogger.de/mittwald-aktualisiert-deutschsprachige-typo3-dokumentation/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 08:26:45 +0000</pubDate>
		<dc:creator>Tobias Liegl</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[TYPO3]]></category>

		<guid isPermaLink="false">http://typo3blogger.de/?p=2280</guid>
		<description><![CDATA[Die deutschsprachige TYPO3-Dokumentation von Mittwald CM Service wurde aktualisiert und erweitert. Das Einsteiger-Handbuch wurde an die TYPO3-Version 4.2.6 angepasst und bietet auf fast 250 Seiten Grundlagenkenntnisse für den Umgang mit TYPO3. Ein installiertes TYPO3  wird für die Arbeit mit der Dokumentation vorausgesetzt. Das PDF, der jährlich über 30.000 Downloads zählenden Dokumentation, kann auf der Seite [...]<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.mittwald.de/typo3-dokumentation/" target="_blank"><img class="alignleft size-full wp-image-2281" src="http://typo3blogger.de/wp-content/uploads/2009/06/mittwald-typo3-dokumentation.png" alt="Mittwald TYPO3 Dokumentation" width="150" height="212" /></a>Die deutschsprachige TYPO3-Dokumentation von Mittwald CM Service <a href="http://www.typo3.net/aktuelles/aktualisierte_fassung_der_deutschsprachigen_typo3_dokumentation_veroeffentlicht/" target="_blank">wurde aktualisiert und erweitert</a>. Das Einsteiger-Handbuch wurde an die TYPO3-Version 4.2.6 angepasst und bietet auf fast 250 Seiten Grundlagenkenntnisse für den Umgang mit TYPO3. Ein installiertes TYPO3  wird für die Arbeit mit der Dokumentation vorausgesetzt. Das PDF, der jährlich über 30.000 Downloads zählenden Dokumentation, kann auf der Seite von <a href="http://www.mittwald.de/typo3-dokumentation/" target="_blank">Mittwald herunter geladen werden</a>.</p>
<p>------------------------------------------------------<br />Dies ist ein Post vom <a href="http://typo3blogger.de/">TYPO3 Blog</a> typo3blogger.de!</p>
]]></content:encoded>
			<wfw:commentRss>http://typo3blogger.de/mittwald-aktualisiert-deutschsprachige-typo3-dokumentation/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

