The Projects

In the center of my tutorials and my projects is a specific concept of website realization. The three most important elements in this concept are:

  • the Template-Extension
  • the Fluid-Templates and
  • the Responsive Design

TypoScript has always an exposed role in website realization so here too.
The tutorials are made by structured notes. They are good to read when you have fundamental knowledge in TYPO3.

 

Die Template-Extension

Wird für die TYPO3-Template-Integration eine Template-Extension verwendet, dann werden alle Templates der Webseite in dieser Extension gespeichert. Das gilt für alle Template-Typen: HTML-Templates, Fluid-Templates, TypoScrip-Templates, und damit die gesamte Liste der TypoScripte der Webseite. Auch alle CSS- und JavaScript-Dateien der Webseite befinden sich in der Template-Extension. Damit liegen alle Dateien für die Konfiguration der Webseite in einem Verzeichnis. [weiter]

Fluid-Templates

Fluid-Templates werden auf der Basis von HTML-Templates erstellt. Anders als ein HTML-Template kann ein Fluid-Template aber auch Funktionen haben. Es können darin Fluid-Funktionen verwendet werden, in denen z.B. Varablen und Bedingungen sind. Fluid-Templates können auch kleine Teile der Webseite haben, die sich an verschiedenen Stellen wiederholen oder oft eingesetzt werden. Dies sind sogenannte Partials. Damit ist es möglich den Spieraum der Design-Standards zu erhöhen. [weiter]

Responsive Design

Es ist bekannt, dass die Eigenschaften des Adressaten und seiner zu erwartenden Geräte bei der Realisierung des Responsive Webdesigns sehr wichtig sind. Ein fertiges CSS-Framework kann einem das Leben bei der Realiserung einer responsiven Website erheblich vereinfachen, sind doch viele Parameter beim Gerät des Nutzers abzufragen und danach die richtigen Angaben zurückzuschicken. Ein solches Framework enthält eine Sammlung von Hilfsmitteln wie z.B. ein Rasterlayout (Grid) und fertige Elemente aus HTML5 und CSS3. Das Framework kümmert sich auch um die Mediaabfragen mittels JavaScript. Auch die Webtypografie oder der Einsatz graphischer Symbole ist ein wichtiger Bestandteil eines Frameworks. [weiter]

Neue Meldungen

Der neue RTE für TYPO3 heißt CKEditor. Jeder deiner Redakteure braucht ihn anders. Hier siehst du, wie man für ihn spezifische Konfigurationen... Read more
Get PhpStorm starting by configuration, a howto with a few screenshots. Read more
A HowTo about the installation of TYPO3 version 7. Read more
How to realize a TYPO3 website (by TYPO3 version 7) in a few steps ? Read more