Responsive TYPO3

Relaunch mit Start – TYPO3 responsive Starter Kit – und Foundation 5: die-exen.de

06.06.15 –

Eine weitere Website ist mit Hilfe von Start – dem TYPO3 responsive Starter Kit – für Desktop, Tablet und Smartphone optimiert:

Die Netzmacher haben die TYPO3-Extension Start neu entwickelt: Sie soll TYPO3-Integratoren in die Lage versetzen, responsive TYPO3-Websites mit einem Minimum an Aufwand einzurichten.

Der Relaunch von die-exen.de basiert auf den drei TYPO3-Erweiterungen:

  • Foundation 5 (responsive Framework)
  • Slick, responsive Slider
  • Start – TYPO3 responsive Starter Kit

Foundation 5: TYPO3 wird responsive

Foundation 5 (df_foundation5) von Detlef Fluess integriert das Responsive Framework Foundation in das Backend von TYPO3. Redakteure können TYPO3-Inhaltselemente wie Texte und Bilder abhängig von Endgeräten einrichten – zum Beispiel steuern, dass ein bestimmtes Bild nur auf Desktops angezeigt wird. Foundation 5 erweitert TYPO3 auch um ein paar hilfreiche Foundation Features.

Die Netzmacher haben Foundation 5 (df_foundation5) für das Zusammenspiel mit Start – TYPO3 responsive Starter Kit – angepasst. Die angepasste Version ist im TYPO3-Repository derzeit nicht verfügbar :(.

Start – TYPO3 responsive Starter Kit

Start – TYPO3 responsive Starter Kit – bringt eine komplette TYPO3-Website mit sich: responsive und flexibel. So flexibel, dass TYPO3-Integratoren nach Möglichkeit beim Aufsetzen einer neuen Website kein HTML mehr programmieren müssen und sich allein auf das CSS konzentrieren können.

Beim Relaunch von die-exen.de ging das Konzept auf: Die Netzmacher mussten keine Zeile HTML programmieren. Darüber hinaus konnten sie viele bisherige TypoScript-Templates dem Kollegen Mülleimer übergeben. Die Pflege von die-exen.de wird damit im Laufenden Betrieb deutlich einfacher.

Backend-Layouts mit vererbbaren Inhalten

Start integriert 12 Backend-Layouts. Mit den Layouts können Redakteure ein grobes Layout-Raster auswählen. Inhalte wie etwa Menüs oder Slider können von übergeordneten Seiten vererbt werden.

Verschachteltes Layout mit Grid-Elements

Mit Start können Redakteure auch Grid-Elements verwenden und Layouts ineinander verschachteln. Bei die-exen.de ermöglichen die Grid-Layouts auf der Startseite ein drei-spaltiges Layout. Im Footer wird mit Hilfe der Grid-Layouts gesteuert, welche Spalten auf Desktops und Tablets nicht aber auf dem Smartphone angezeigt werden.

Start gibt es als Entwicklerversion

Start gibt es noch nicht im TYPO3-Repository. Die Extension befindet sich im Entwickler-Stadium. Das Manual ist weit fortgeschritten, aber noch nicht abschließend fertig. Die Netzmacher beabsichtigen, Start im III. Quartal 2015 zu veröffentlichen.

Start ist als Entwicklerversion verfügbar.

Slick Carousel – responsive Slider

die-exen.de verwendet auf diversen Seiten Dia-Shows. Basis ist das Slick Carousel von Ken Wheeler, ein responsive Slider, den die Netzmacher als TYPO3-Erweiterung veröffentlicht haben.

Die Netzmacher haben den Relaunch der die-exen.de dazu genutzt, um TYPO3-Slik weiter zu entwickeln. In Bild-Elementen kann der Slider ab Version 2.0.0 per Mausklick aktiviert werden.

Slick 2.0.0 ist für TYPO3-Entwickler im SVN-Repository von TYPO3 verfügbar.

Links

Kategorie

TYPO3 Start