Jan Gantzert Software Development
16. Juni 2014
SVG-Graufilter

Snippet: SVG-Graufilter

MouseOver-Bildeffekte mit Graufilter werden immer wieder gerne für Websiten wie z.B.Fotogalerien verwendet. Neben dem Einsatz von JavaScript oder einem CSS-Bildaustausch beim Hovern gibt es auch eine einfach anzuwendende CSS-Filtervariante. Hier ein kleines Code-Beispiel für den...
6. Mai 2014
Datenausgabe Shortcode Magento

Snippet: Datenausgabe von Magento Shortcodes

Bei einem unserer aktuellen Magento Webshop-Projekte sind wir auf ein kleines Problem beim Interpretieren von datenbankbasierten Shortcodes gestoßen. Im Onepage-Checkput ist vorgesehen, dass die Bestellbedingungen AGB und die Widerrufsbelehrung über die...
26. März 2014
Diagonale Hintergrundverläufe CSS3

Snippet: Diagonale Hintergrundverläufe mit CSS3

In einem vorangehenden Beitrag hatte ich bereits kurz die Verfahrensweise zum Erstellen radialer Hintergrundverläufe per CSS vorgestellt. Nun will ich hier noch ein kleines Beispiel für diagonale oder auch horizontale Hintergrundverläufe nachreichen. Wegen der Nicht-Unterstützung...
19. März 2014
WordPress Menu

Mehr als ein WordPress Menu verwalten

Jedes Blog oder CMS-Website hat mindestens ein WordPress Menu (Hauptnavigation). Wer nun bspw. eine weitere Sidebar- oder Footer-Navigation in seine Website einbinden will, kann zunächst im WordPress Backend unter „Design > Menüs“ die neuen Menüstrukturen erstellen...
28. Februar 2014
Aktive Links kennzeichnen

Tipp: Aktive Links per jQuery hervorheben

Aktive Links kann man innerhalb eines Menüs auf verschiedene Arten hervorheben. Die einfachste Variante wäre wohl die Visualisierung per reinem HTML und ein wenig CSS-Code statisch umzusetzen, z.B.: Simples CSS & HTML und im HTML-Markup: Im Ergebnis würde der erste Link des...
24. Februar 2014
HHVM Puppet Module

Snippet: HHVM Puppet Module

In eigener Sache möchte ich für HHVM Interessierte eine Link auf ein Puppet Modul geben, mit welchem Ihr HHVM ganz einfach über Puppet installieren könnt. Das ganze kann man natürlich auch mit Vagrant machen ;-) Hier geht es zum Modul
21. Februar 2014
Style CSS Selectbox

Selectbox rein per CSS gestalten

Die Auswahlboxen (in Webkreisen besser bekannt als „Selectbox“) sind oft Bestandteil in HTML-Formularen. In ihrer Urform passen sie vom Aussehen leider nicht immer zum restlichen Design der Website und haben Browser-spezifisch auch gerne mal ein unterschiedliches...
12. Februar 2014
CSS Link Tooltips

Einfacher Link-Tooltip mit CSS

Um simple Tooltips für das Anzeigen weiterer Informationen zu einem Link bereitzustellen, benötigt man kein JavaScript. Etwas HTML und CSS reicht aus, um beim Hovern über den Hyperlink ein kleines „Popup“ mit weiterem Text, Bildern oder Links anzeigen zu lassen. Die...
24. Januar 2014
YT Video Dummy

Snippet: YouTube Video Startbild per JavaScript „festlegen“

Natürlich kann man das Startbild eines hochgeladenen YouTube Videos über den eigenen Kanal nachträglich ändern und dort zwischen drei Thumbnails auswählen (als YT Partner soll man sogar benutzerdefinierte Vorschaubilder definieren können). Wem das so nicht reicht bzw., wer kein...
3. Januar 2014
WP Anti-Spam

Snippet: Spamschutz mit Honeypots

Wer mit Spam bei HTML-Formularen oder bei WordPress Blogs durch ungewünschte Massenkommentare konfrontiert wird, kann mit einer einfachen Methode schnell Abhilfe schaffen: Den so genannten Honeypots. Die HTML-/CSS-Methode trickst Spambots aus, die in der Regel immer alle Felder...
18. April 2013

Snippet: Magento Memcache Backend – Performance

Um eine Verbesserung der Performance in Magento zu erreichen, reicht es manchmal einfach ein Magento Memcache Backend einzuführen. Dies kann z.B. der schnell erreichbare Memcache sein. Um diesen in Magento einzuführen, muss nur in der app/etc/local.xml unter „global“...
4. April 2013
Magento Kategorien im Footer

Snippet: Magento Kategorien in Footer anzeigen

Es kann verschiedene Gründe geben, warum man die Magento Kategorien neben der Anzeige in einer Hauptnavigation bzw. in der Sidebar-Ansicht auch im Footer eines Webshops angezeigt haben möchte. Dies kann aus Sicht der Benutzerfreundlichkeit (bei langen Shop-Seiten) erforderlich,...