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

Filterung nach Kategorie Typo3 at xanders Filter zuruecksetzen

Responsive Images

27. Mai 2016, Joerg-Alexander Stoehr - Typo3 at xanders

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.

weiterlesen ...

Responsive Images

27. Mai 2016, Joerg-Alexander Stoehr - Typo3 at xanders

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.

weiterlesen ...

E-Mail-Spam-Schutz

27. Mai 2016, Joerg-Alexander Stoehr - Typo3 at xanders

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.

weiterlesen ...

E-Mail-Spam-Schutz

27. Mai 2016, Joerg-Alexander Stoehr - Typo3 at xanders

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.

weiterlesen ...

Scroll To Top

29. Januar 2016, Joerg-Alexander Stoehr - Typo3 at xanders

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.

weiterlesen ...

Scroll To Top

29. Januar 2016, Joerg-Alexander Stoehr - Typo3 at xanders

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.

weiterlesen ...

Archiv

2016 (5)

Mai (4) Januar (1)

2015 (2)

November (1) Mai (1)

2014 (1)

April (1)

2012 (3)

Mai (3)