Mein Status
T3Touch Live Demo

EXT: T3Touch-2.0.5 (BETA 3)

Touch-Optimized Web
Framework for TYPO3
Smartphone & Tablet-
Websites


Mit der TYPO3 Extension T3Touch können
Sie für SmartPhones & Tablets optimierte
TYPO3 Webseiten erstellen. 

Die Extension basiert auf jQueryMobile
und verwendet die PhotoSwipeGallery

 

Funktionen

Übersicht der Funktionen

  • Bildergalerien
  • eigene Videos
  • Texte und Bilder
  • aufklappbare Inhaltsbereiche
  • Google Maps & Routenplaner
  • Formulare
  • filterbare Listen

 

Bildergalerien im iPhone Look and Feel
                    Karten und Routenplaner mit Google Maps
                                          Ansprechende und benutzerfreundliche Formulare

 

Die Bildergalerien im iPhone Look, werden automatisch aus den TYPO3 Contentelementen "Nur Bilder" und "Text mit Bildern" generiert. Individuelle Beschriftungen können Sie über die Titel der einzelnen Bilder anlegen.

Mit der intelligenten Tastaur-Layout-Auswahl eines SmartPhones wird bei den Formularen automatisch die richtige Tastatur eingeblendet. Bei einer Email, die Emailtastatur. Bei einer URL, die URL Tastatur usw.

Es werden alle TYPO3 Inhalte unterstützt. Aber auch neue und speziell für das T3Touch Template entworfene Inhaltselemente, wie zB. die GoogleMaps & Routenplaner, stehen Ihnen zur Verfügung.

Weitere TYPO3 Extension, wie zB. die News (tt_news) können problemlos eingebunden werden. Wird das jeweilige Extension Template entsprechend angepasst, können Ihre News zB. so aussehen wie im Live Demo. Hierbei sind Ihrer Kreativität keine Grenzen gesetzt!

Verschaffen Sie sich im Abschnitt "Dokumentation" einen Überblick über alle Funktionen und die zahlreichen Konfigurationsmöglichkeiten. Das Projekt wird permanent weiterentwickelt und damit wächst auch die Dokumentation ständig. Im Changelog, am Ende der Dokumentation, finden Sie Informationen über die jeweiligen Neuerungen der einzelnen Versionen sowie Verweise auf die neu hinzubekommenden .

T3Touch Dokumentation

Dokumentation

Die Dokumentation beschreibt detailiert, die Installation und Konfiguration der Extension. Sie richtet sich an TYPO3 Neulinge, sowie erfahrene TYPO3 Administratoren.

Mit den detailierten Beschreibungen und "Schritt für Schritt" Anleitungen, werden Sie schnell und einfach, ansprechende und für SmartPhones & Tablets optimierte Webseiten erstellen!

 

  Werfen Sie doch mal einen Einblick in die Dokumentation.
  Hier jetzt die Dokumentation im PDF-Format downloaden:

 

Fragen oder Anregungen?

Kontaktformular

blog.exotec.de

TYPO3 . XHTML/CSS . JavaScript/AJAX . iPhone/iOS
Bislang wirkte die Darstellung auf dem iPad noch recht plump, dies hat sich aber in der neuen Beta Version mächtig geändert.

Die Macher der PhotoSwipe Mobile Gallery, welche ich auch in meinem TYPO3 Smartphone Template verwende, zeigen hier ein recht cooles HTML 5 Experiment.

Die Sideways Gallery kann man hier als TYPO3 Extension downloaden.

In die Mobile Website T3Touch habe ich heute die TYPO3 News Extension (tt_news) eingebunden. Auch hier können die Bilder der Newsartikel nun in der Photoswipe Gallery angesehen werden.

Bei www.t3touch.de habe ich einen Facebook, Twitter und Google +1 Button eingebunden. Nur bringen die Dinger alle 3 nicht validen HTML Code mit sich. Dies hier hat mich zum gewünschten Ergebnis gebracht. Eine JS-Datei die im eingebunden wird: (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//connect.facebook.net/de_DE/all.js#xfbml=1'; [...]

Auf tugle.de hab ich heute diesen Artikel gefunden. Die htaccess Regeln sind nicht nur für TYPO3-User interessant! Die haben bei mir auch richtig was gebracht. Ich konnte den Page Speed Score bei www.t3touch.de von anfänglichen 70% auf satte 92% verbessern. Bilder habe ich dabei noch nicht in CSS Sprites kombiniert. Und die gzip Komprimierung scheint auf [...]

Dazu findet man bislang nur wenige hilfreiche Informationen. Hier bin ich irgendwann auf eine funktionierende Lösung gestoßen. Nur funktioniert eval() und auch window.top im Safari leider nicht. eval() wird aber auch gar nicht benötigt udn statt window.tp muss man nur window.parent verwenden, dann läuft es auch im Safari. Hier der Code wie er bei mir [...]

T3Touch erzeugt eine TouchScreen optimierte Website für SmartPhones und basiert auf JqueryMobile und Photoswipe. Bilder werden in ansprechende Galerien verwandelt, GoogleMaps & Routenplaner sind kinderleicht einzubinden. Für Interessente gibt es nun eine eigene Seite: www.t3touch.de

Was es nicht alles so gibt. Mit CSS kann man sogar die Auswahlhintergundfarbe verändern.

Das TYPO3 Template T3Touch habe ich heute akualisiert. Es werden nun die aktuellen Versionen von jQuery (1.7), jQueryMobile (1.0rc2) und PhotoSwipe (3.0.3) verwendet.