Monthly Archives: Oktober 2013

WebStorm/PhpStorm: Version 7 mit eingebauter Compass unterstützung

PhpStorm

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 immer die installierte Version verwendet und zusätzlich installierte Erweiterungen kann man immer noch verwenden. Read more …

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 übliche Inhaltselemente erstellt werden. Read more …

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 Grund funktioniert diese Variante auch nur für eine TYPO3-Installation >= 4.5 (ungetestet).

Der Aufbau ist einfach gehalten. Man erstellt einen Tabs-Container in dem man wiederum Tab-Elemente erstellen kann. In diese Tab-Elemente können dann wieder ganz normale Inhaltselemente eingefügt werden. Das gute an dieser Aufbauweise ist, dass es so auch möglich ist, mehrere Inhaltselemente „tabben“ zu lassen. Read more …