Wir bloggen zu vielen Themen rund um Typo3 und Java/J2EE

Zur Visualisierung der Bildschirminformationen wurde eine Funktion implementiert, die die aktuelle Höhe, Breite und Orientierung (Portrait oder Landscape) des Bildschirms unterhalb des eigentlichen FOOTER-Bereiches ausgibt.

Große Bilder können zwar verkleinert dargestellt werden, laden aber unnötige Datenmengen. Sven Wolfermann zeigt in seinem Beitrag unter http://maddesigns.de/responsive-images/wmka.html verschiedene Lösungsmöglichkeiten auf

Wir haben uns für Darstellung der Bilder auf der Startseite von xanders.de für die <noscript>-Lösung mit HTML5 data-Attributen entschieden. Assets die im <noscript>-Tag eingebunden sind, werden nicht vom Browser in den DOM eingefügt (und geladen), wenn JavaScript aktiviert ist. Ressourcen werden also nicht doppelt geladen. Erst beim Laden der Seite erfolgt das Rendering des entsprechenden Bildes.

Um einen Spam-Schutz für E-Mail-Adressen zu realisieren, wird die Mailto-Link in der HTM-Seite mit "(at)" für @ und "(dot)" für . maskiert. Beim Laden der Seite wird durch eine jQuery-Funktion  wird das “(at)” und “(dot)” durch die entsprechenden Zeichen @ und . ersetzt.

Die Darstellung der Navigation beruht auf Media Queries. In Abhängigkeit der Bildschirmgröße werden die verschiedenen Navigationselemente ein- oder ausgeblendet.

Wenn eine Seite sehr viel Inhalt besitzt, ist es sinnvoll, den Besuchern eine einfache Möglichkeit anzubieten, schnell an den Anfang der Seite scrollen. Mit jQuery läßt sich das einfach bewerkstelligen. Wenn die Position des Scrollbars auf der Seitenmitte steht, wird der „Scroll To Top“-Link eingeblendet. Wenn dieser Link geklickt wird, wird die Seite nach oben gescrollt. Anschliessend wird dieser Link wieder ausgeblendet.

Das Script wurde von Martin Carlsson veröffentlicht und ist über den Link http://appglobe.com/scroll-to-top-animation/ verfügbar.

Es sind keine besonderen TYPO3 Erweiterungen notwendig, um eine mehrsprachige 404 Fehlerseite für Typo3 ab (Version 6) und RealURL einzurichten. Es funktioniert auch mit den normalen TYPO3 Install-Einstellungen. Zunächst ist eine Seite mit dem Namen 404 im Root-Verzeichnis der Seiten anzulegen. In der Datei AdditionalConfiguration.php in dem Verzeichnis /typo3conf ist folgender Eintrag zu tätigen (id = Seiten Id der Fehlerseite, L = Sprache):

Verschiedene Seiten dieses Internetauftrittes basieren auf auf der Typo3 Erweiterung "Grid Extension" und der JavaScript Grid Layout Bibliothek "Masonry". Mit "Masonry" kann man ein Element an eine bestimmte Position innerhalb eines auf einer Seite befindlichen Gitters plazieren. Die Bibliothek ist unter http://masonry.desandro.com/ verfügbar.

XML-Sitemaps, für Suchmaschinen speziell aufbereiteten Link-Listen, enthalten alle Seiten einer Website in einem standardisierten XML-Format. Sie bieten eine sinnvolle Möglichkeit, die Erfassung von Internet-Seiten bei den Suchmaschinen (Google) zu unterstützen.

Informationen über den Google Sitemap Aufbau findet man in den Support Seiten von Google.

Will man auf die Verwendung einer TYPO3-Erweiterung wie "mc_googlesitemap" verzichten, so kann man mit Typoscript unter Verwendung von RealURL eine entsprechende Funktionalität auch selbst erstellen.

Der Aufruf dieser Generierung kann in die robots.txt eingebunden werden (hier: Deutsch und Englisch):
Sitemap: www.yourdomain.com/de/sitemap.xml
Sitemap: www.yourdomain.com/en/sitemap.xml

Mit dieser Demo-Anwendung soll aufgezeigt werden, wie eine Verbindung zwischen einem Portal (eg. JBoss Portal Server, JSR 168 specs) und einem Content Management System (eg. Alfresco, JSR 170 specs) basierend auf Apache Jackrabbit JCR RMI umgesetzt werden kann. Darüber hinaus kann das in dieser Anwendung verwendete Portlet als Beispiel für eine Implementierung basierend auf JSF/Facelets und dem JBoss Richfaces Package herangezogen werden. Den Quellcode können Sie hier herunterladen: cmsimport.zip

Die Readme-Datei können Sie hier herunterladen (zum Lesen wird ein PDF Reader benötigt): CMS Import Readme (in Englisch)

Nachfolgend ein Screenshot der Anwendung:

Anhand eines kleinen Beispiel wird aufgezeigt, wie mit Hilfe des Struts Frameworks und dem Hibernate Persistenz-Framework eine webbasierte Datenbank-Applikation mit den Funktionen Lesen, Ändern und Löschen erstellt werden kann. Die Anwendung wurde mit Eclipse erstellt und unter JBoss und MySQL getestet. Sie kann hier heruntergeladen werden: hibex.zip

Nachfolgend ein Screenshot der Anwendung: