Nach einer etwas längeren Pause, möchte ich meine kleine Reihe von Bootstrap-Gridelements-Elementen fortsetzen. Heute habe ich das Carousel-Element fertig gestellt. Damit ist es möglich, ohne große Aufwände einen Slider an jeder Stelle einer Website zu platzieren. Auch hier muss man einen "Carousel-Container" erstellen und in diesem kann man dann mehrere "Carousel-Elemente" einfügen. Das Carousel-Element ist … Bootstrap3 Carousel mit Grid Elements für TYPO3 weiterlesen
WebStorm/PhpStorm: Version 7 mit eingebauter Compass unterstützung
Diese Woche wurde WebStorm/PhpStorm 7 veröffentlicht. Zu den Neuerungen gehört unter vielem anderem, dass man SASS/Compass nun direkt aus der IDE mittels der in PhpStorm 6 eingeführten FileWatcher kompilieren lassen kann. Man benötigt dabei allerdings eine lauffähige Installation von Ruby mit den installierten Gems SASS und Compass. Das ist auch gut so, denn so wird … WebStorm/PhpStorm: Version 7 mit eingebauter Compass unterstützung weiterlesen
Bootstrap3 Collapse mit Grid Elements für TYPO3
Nun da ich gerade dabei war, hab ich auch noch das Collapse Element von Bootstrap in eine Grid Elements Version übertragen. Die Umsetzung kommt ohne Fluid-Template aus und Umfasst nur drei Dateien. Der Aufbau ähnelt dem Tabs-Element. Man erstellt einen "Collapsible Container" und fügt diesem einzelne "Collapsible Elemente" hinzu. In diese Elemente können dann wieder … Bootstrap3 Collapse mit Grid Elements für TYPO3 weiterlesen
Bootstrap3 Tabs mit Grid Elements für TYPO3
Auf Anfrage habe ich nun auch das Tabs-Element aus dem bekannten Bootstrap in eine Grid Elements Version übertragen. Die Durchführung war leider etwas komplizierter, da ein Extra Element für die Navigation oberhalb der eigentlichen Tab-Elemente erstellt werden musste. Ich habe das gelöst indem ich ein "FLUIDTEMPLATE" für das Rendern des Containers verwendet habe. Aus diesem … Bootstrap3 Tabs mit Grid Elements für TYPO3 weiterlesen
Bootstrap3 Grid mit Grid Elements für TYPO3
Wenn man eine Webseite mit TYPO3 unter Verwendung von Bootstrap 3 erstellt, kommt man meistens nicht daran vorbei ein Grid zu erstellen, wo der Redakteur die Seite selber strukturieren kann. Mit diesem Element kann der Redakteur dann ein Element erstellen, was eine Zwei-, Drei- oder Vierspaltigkeit darstellt. Innerhalb dieser Spalten kann man dann wieder gewohnte … Bootstrap3 Grid mit Grid Elements für TYPO3 weiterlesen
Inhalt von anderer Seite mit TYPO3 und TemplaVoila
Wenn man TemplaVoila intensiv verwendet kommt es vor, dass man Inhalt von einer anderen Seite einbinden möchte. Ein Beispiel wäre dafür der Inhalt eines globalen Footers. Man erstellt eine Seite in der der Inhalt des Footers definiert wird und fügt diesen Inhalt im Haupttemplate in einen definierten Marker ein. Problematisch wird das ganze wenn man … Inhalt von anderer Seite mit TYPO3 und TemplaVoila weiterlesen
Verwendung von FAL (File Abstraction Layer) mit TemplaVoila
Seit TYPO3 6.0 gibt es einen eingebauten File Abstraction Layer (kurz FAL) mit dem es möglich ist, eine Datei als Referenz statt einer Kopie zu erstellen. Üblicherweise wird beim auswählen eines Bildes oder Datei in TYPO3 immer eine Kopie im Ordner "uploads/tx_extension" erstellt. Wenn man aber nun mit vielen hundert Dateien arbeiten muss, ist abzusehen, … Verwendung von FAL (File Abstraction Layer) mit TemplaVoila weiterlesen
WebStorm/PhpStorm: Verwendung von SASS & Compass
SASS bzw. SCSS ist eins der Dinge die ich seit einigen Monaten nicht mehr missen möchte. Die Verwendung ist einfach und klar strukturiert und erleichtert die arbeit mit CSS um ein vielfaches. Compass ist eine Sammlung von Methoden (mixins) für SASS, mit der man z.B. viele CSS3 Eigenschaften Browserübergreifend erstellen kann. Auf die nähere Funktionsweise … WebStorm/PhpStorm: Verwendung von SASS & Compass weiterlesen
PhpStorm Live Templates für Extbase
PhpStorm bietet jede menge Funktionen an, eine sehr nette Funktion davon ist das Live-Template. Live-Templates dienen dazu, mit einem Schlüsselwort einen kompletten Codeabschnitt automatisch zu generieren. Dabei kann man Variablen definieren die dann individuell gesetzt werden können und den Code vervollständigen. Nachdem ich nun mehrmals ein repository in TYPO3 mit Extbase via "injectTestRepository" erstellen musste, … PhpStorm Live Templates für Extbase weiterlesen
Seitentitel als umgekehrten Breadcrumb in TYPO3
Um bei Suchmaschinen gute Ergebnisse zu erlangen möchte man unter Umständen, das der Titel einer Seite als umgekehrter Breadcrumb (reversed rootline) dargestellt wird. Ein üblicher Breadcrumb (rootline) hat den Aufbau: Home > Unterseite 1 > Unterseite 1.1 Nun möchte man allerdings als Seitentitel foldendes darstellen: Unterseite 1.1 - Unterseite 1 - Home Um das zu … Seitentitel als umgekehrten Breadcrumb in TYPO3 weiterlesen