<?xml version="1.0" encoding="utf-8"?>
 <feed xmlns="http://www.w3.org/2005/Atom"> 
	<title>Thomas Kieslich Blog</title>
	<link href="https://www.thomaskieslich.de/rss.xml"/> 
	<link rel="self" href="http://www.thomaskieslich.net/blog/rss.xml"/> <id>http://www.thomaskieslich.net/blog/rss.xml</id> <updated>2024-05-16T19:25:12+02:00</updated> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-143.atom</id> 
		<title>customize ddev for TYPO3</title>
		 <author> <name>-</name> </author> 
		<published>2020-02-07T12:21:00+01:00</published>
		 <updated>2020-02-07T22:18:21+01:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/143-customize-ddev-for-typo3/"/> <summary>ddev is an extension to a normal docker setup which is very useful for the development of TYPO3 projects and offers a very good speed.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-139.atom</id> 
		<title>ddev für TYPO3 anpassen</title>
		 <author> <name>-</name> </author> 
		<published>2020-02-04T12:21:00+01:00</published>
		 <updated>2020-02-07T20:50:53+01:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/139-ddev-fuer-typo3-anpassen/"/> <summary>ddev ist eine Erweiterung eines normalen Docker Setups die für die Entwicklung von TYPO3 Projekten sehr nützlich sind und bietet eine sehr gute Geschwindigkeit.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-140.atom</id> 
		<title>TYPO3 9 PSR-15 Middleware am einfachen Beispiel</title>
		 <author> <name>-</name> </author> 
		<published>2020-01-25T12:33:00+01:00</published>
		 <updated>2020-02-02T13:48:41+01:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/140-typo3-9-psr-15-middleware-am-einfachen-beispiel/"/> <summary>Auf dem TYPO3CAMP Mitteldeutschland 2020 habe ich eine Session über PSR-15 in TYPO3 9 gehalten. Hier ist eine einfache Zusammenfassung zum nachlesen.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-138.atom</id> 
		<title>SSL für lokale Dev Umgebung mit Docker</title>
		 <author> <name>-</name> </author> 
		<published>2019-03-13T22:31:19+01:00</published>
		 <updated>2019-03-13T23:14:37+01:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/138-ssl-fuer-lokale-dev-umgebung-mit-docker/"/> <summary>Um die Produktions Bedingungen lokal so gut wie möglich lokal abzubilden nutze ich gerne ein Docker Setup. Ein SSL Zertifikat für die lokale Umgebung erstellen, dem die Browser vertrauen, erschien daher sinnvoll.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-137.atom</id> 
		<title>TYPO3 Entwicklung mit Docker und xdebug</title>
		 <author> <name>-</name> </author> 
		<published>2018-01-29T19:36:00+01:00</published>
		 <updated>2018-01-29T20:08:23+01:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/137-typo3-entwicklung-mit-docker-und-xdebug/"/> <summary>Dieser Artikel basiert auf dem TYPO3 Docker Boilerplate der WEBDEVOPS. Vielen Dank für die viele Arbeit. Ich habe lange Zeit mit MAMP PRO oder Vagrant und VMs gearbeitet. Bei MAMP PRO ist es schwierig zusätzliche Module wie Solr oder Redis zu benutzen und bei den VMs ist die Größe der Disks beim Backup und die Bindung an die vom verwendeten OS mitgelieferten Versionen der Komponenten wie Php oder MySql anstrengend.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-136.atom</id> 
		<title>Docker for Mac 17.12.0 im lokalen Netzwerk</title>
		 <author> <name>-</name> </author> 
		<published>2018-01-12T22:01:22+01:00</published>
		 <updated>2018-01-12T23:27:37+01:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/136-docker-for-mac-17120-im-lokalen-netzwerk/"/> <summary>Heute ist wieder eine neue Version von Docker for Mac erschienen und es sind wieder ein paar schöne Neuerungen drin. Zum einen kann die VM Disk als raw Image genutzt werden, was die Geschwindigkeit fast verdoppelt. Es gibt auch eine neue Adresse (docker.for.mac.host.internal) um die Container intern anzusperechen. Es war also mal wieder ander Zeit die lokalen Netzwerkmöglichkeiten insbesondere mit xdebug zu testen.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> 
				<h2>VM Disk als raw Image</h2>
				<p>Das funktioniert nur unter masOS High Sierra mit apfs. Dazu muss Docker komplett resetet werden, also sollten alle Daten gesichert sein ;-) Der Datendurchsatz soll sich von 320MiB/sec auf 600MiB/sec erhöhen. Die letzten Sommer veröffentlichte Möglichkeit den zu syncenden Ordner mit dem Flag :cached zu versehen hatte allerdings schon eine Verfünffachung der Geschwindigkeit gebracht.<br /> Die maximale Größe der Disk kann jetzt eingestellt werden, allerdings wird nur der tatsächliche Platz auf der Platte belegt. Das wird im Preferences Reiter Disk auch angezeigt.</p>
				 </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-135.atom</id> 
		<title>Links im CKEditor mit eigenen CSS Klassen</title>
		 <author> <name>-</name> </author> 
		<published>2017-06-16T08:27:00+02:00</published>
		 <updated>2018-01-10T21:03:40+01:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/135-links-im-ckeditor-mit-eigenen-css-klassen/"/> <summary>In der Standard Konfiguration des CKEditors von TYPO3 fehlen CSS Klassen und Beziehungen (rel) für die Links. Diese können über PageTS oder yaml gesetzt werden.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> 
				<p>Die Konfiguration über PageTS wird bei der Benutzung eigner yaml Konfigurationen entfernt und ich finde das es einfacher ist die Einstellungen nur an einer Stelle (yaml) zu haben. Im Internet sind ein paar Ansätze zu finden, ich habe aber dann doch den BrowseLinksController durchgesehen um zu wissen was geht.</p>
				 </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-134.atom</id> 
		<title>TYPO3 Code Highlighting mit CKEditor und Prism</title>
		 <author> <name>-</name> </author> 
		<published>2017-06-09T18:57:46+02:00</published>
		 <updated>2017-06-09T22:24:14+02:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/134-typo3-code-highlighting-mit-ckeditor-und-prism/"/> <summary>Code Highlighting in TYPO3 mit dem&#160; syntax highlighter Prism und CKEditor ohne extra Extension.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> 
				<p>Da ich hier im Blog ab und zu Beispielcode habe benutze ich seit längerem die TYPO3 Extension <a href="https://github.com/fnagel/beautyofcode" target="_blank">beautyOfCode</a> von Felix Nagel. Damit bin ich sehr zufrieden aber die Möglichkeit das ohne extra Extension und Content Element zu haben hat mich dann doch gereizt <img alt="smiley" data-htmlarea-file-uid="1074" height="23" src="/typo3/sysext/rte_ckeditor/Resources/Public/JavaScript/Contrib/plugins/smiley/images/regular_smile.png" title="smiley" width="23" style="" />.</p>
				<h2>Einbindung in CKEditor</h2>
				<p>Der CKEditor hat eine mitgelieferte Core Erweiterung namens <a href="http://ckeditor.com/addon/codesnippet" target="_blank">codesnippet</a>. Diese wird in der Konfiguration unter extraPlugins freigegeben und in der toolbar mit 'CodeSnippet' angezeigt.&#160; Die Plugin Konfiguration ist übersichtlich:</p>
				<pre>
<code class="language-yaml">codeSnippet_theme: 'obsidian'
codeSnippet_languages:
  bash: 'Bash'
  html: 'HTML'
  json: 'Json'
  javascript: 'JavaScript'
  php: 'PHP'
  css: 'CSS'
  scss: 'Scss'
  typoscript: 'TypoScript'
  yaml: 'Yaml'</code></pre>
				<p>Mit codeSnippet_theme wird das gewünschte Theme angegeben, mit &#160;codeSnippet_languages die benötigten Sprachen.</p>
				<h2>Prism Highlighter</h2>
				<p>Unter <a href="http://prismjs.com/download.html" target="_blank">http://prismjs.com/download.html</a> findet ihr die Möglichkeit die Themes, Sprachen und Plugins zusammenzuklicken. In der fertigen prism.js steht am Anfang die verwendete Zusammenstellung als Link. Für meine Konfiguration ist das: <a href="http://prismjs.com/download.html?themes=prism-okaidia&amp;languages=markup+css+clike+javascript+bash+php+php-extras+sass+scss+sql+yaml&amp;plugins=line-highlight+line-numbers+toolbar+copy-to-clipboard" target="_blank">http://prismjs.com/download.html?themes=prism-okaidia&amp;languages=markup+css+clike+javascript+bash+php+php-extras+sass+scss+sql+yaml&amp;plugins=line-highlight+line-numbers+toolbar+copy-to-clipboard</a></p>
				<p>Das Paket habe ich unter Resources &gt; Public &gt; Vendor entpackt und mit TypoScript eingebunden:</p>
				<pre>
<code class="language-typoscript">page {
   includeCSS {
      prism = EXT:tksite/Resources/Public/Vendor/Prism/prism.min.css
   }
   includeJSFooter {
      prism =  EXT:tksite/Resources/Public/Vendor/Prism/prism.min.js
      prism-typoscript =  EXT:tksite/Resources/Public/Vendor/Prism/prism-typoscript.min.js
   }
}</code></pre>
				<p>Die prism-typoscript.min.js stammt von hier: <a href="https://github.com/ervaude/fs_code_snippet/blob/master/Resources/Private/JavaScript/prism-typoscript.js" target="_blank">https://github.com/ervaude/fs_code_snippet/blob/master/Resources/Private/JavaScript/prism-typoscript.js</a>.</p>
				<p>Das ganze gefällt mir ganz gut und ich werde es weiter benutzen.</p>
				 </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-131.atom</id> 
		<title>TYPO3 8 LTS mit responsiven Bildern und angepasstem Videoplayer</title>
		 <author> <name>-</name> </author> 
		<published>2017-05-29T23:11:05+02:00</published>
		 <updated>2017-05-30T13:53:07+02:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/131-typo3-8-lts-mit-responsiven-bildern-und-angepasstem-videoplayer/"/> <summary>Fluid Styled Content (fsc) bietet mit dem Text &amp; Media (textmedia) Element eine gute Grundstruktur um Text in Verbindung Bildern, Video und Audio darzustellen. In dieser Extension habe ich sie um einige, aus meiner Sicht sinnvollen, Dinge erweitert.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-132.atom</id> 
		<title>TYPO3 8 Menüs mit Fluid und MenuProcessor erstellen</title>
		 <author> <name>-</name> </author> 
		<published>2017-04-13T17:35:00+02:00</published>
		 <updated>2017-06-05T21:12:46+02:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/132-typo3-8-menues-mit-fluid-und-menuprocessor-erstellen/"/> <summary>Über viele Jahre wurden Menü Strukturen in TYPO3 mit TypoScript erstellt. Wer viel mit Fluid Templates arbeitet wird feststellen das letzte Html, welches aus TypoScript kommt, sind die Menüs sind. Mit dem in TYPO3 8.7 LTS eingeführten MenuProcessor und eigenen Templates lässt sich da gut und flexibel Abhilfe schaffen.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-127.atom</id> 
		<title>TYPO3 8.x ckeditor konfigurieren</title>
		 <author> <name>-</name> </author> 
		<published>2017-02-05T21:35:14+01:00</published>
		 <updated>2017-05-19T12:20:12+02:00</updated> 
		<link rel="alternate" type="text/html" href="/blog/127-typo3-8x-ckeditor-konfigurieren/"/> <summary>Am ersten Februar ist ein Patch im Master erschienen der es ermöglicht den ckeditor zu konfigurieren. Diese Änderung sollte dann ab 14.02.2017 auch in der regulären Version 8.6 zu finden sein. Die Möglichkeit Links über den gewohnten TYPO3 Weg einzufügen gibt es schon etwas länger. Ein paar Dinge sind noch im Plan. Alles in allem ist die bisherige Einbindung sehr schön gelungen und ich freue mich auf die endgültige Version.</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> </div>
		</content> </entry> <entry> <id>https://www.thomaskieslich.de/rss.xmlnews-130.atom</id> 
		<title>Kloster Michaelstein – Sommerakademie für Alte Musik 2016 </title>
		 <author> <name>-</name> </author> 
		<published>2016-11-29T17:33:00+01:00</published>
		 <updated>2017-05-23T17:42:14+02:00</updated> 
		<link rel="alternate" type="text/html" href="/videos/130-kloster-michaelstein-sommerakademie-fuer-alte-musik-2016/"/> <summary>Impressionen von der Sommerakademie für Alte Musik 2016 im Kloster Michaelstein. Leitung: Katharina Bäuml (Capella de la Torre)</summary> <content type="xhtml">
			<div xmlns="http://www.w3.org/1999/xhtml"> </div>
		</content> </entry> </feed>