Jan Gantzert Software Development
20. Mai 2015
Social Share-Buttons

Eigene Social Media Buttons mit Share-Funktion

In diesem Plugin-Tutorial stellen ich einen möglichen Ansatz vor wie man seine eigenen Social Media Buttons zum Teilen (Share-Funktion) von Beiträgen oder anderen Inhalten erstellen kann. Oft reichen die angebotenen Share-Funktionen wie bspw. von AddThis natürlich völlig aus. Wer...
30. April 2015

Responsive Videos per CSS oder JavaScript

Heute gibt es zur Abwechslung mal wieder ein kleines Tutorial zur Umsetzung von Responsive Videos mit HTML/CSS und JavaScript. Problem Wenn Ihr bspw. ein YouTube-Video in Eure Website einbettet, ist in der Normalansicht zunächst nichts besonderes zu beachten. Dies ändert sich...
13. März 2015
Lightbox Checkout Magento

Lightbox-Fenster statt WinOpen im Magento-Checkout

Heute haben wir wieder ein kleines Magento-Tutorial für Euch. Aufgabe war, die Bestellbedingungen (AGB und Widerrufsregelung) im Magento Checkout nicht in einem neuen Fenster zu öffnen, sondern in einer Popup-Lightbox. Wir beginnen hier mit folgenden Shop-Voraussetzungen:...
15. Dezember 2014
Plugin Column Shortcodes

Gleichmäßiger Spaltensatz für WordPress Posts

Es gibt einige Möglichkeiten, um ein Spalten-Layout in die eigene Website oder den WordPress Blog zu integrieren. Ich stelle Euch heute drei Varianten für ein dreispaltiges Layout dazu vor. Die erste Version ist für statische Websites geeignet und bildet zugleich den Grundstoc...
8. Dezember 2014
Mansonry Grid

Überlagerung mit jQuery Mansonry beheben

Das jQuery-Plugin mansonry oder auch eine erweiterte Version davon, jQuery Isotope, verwende ich gerne wenn es um Grid-basierte Website-Layouts geht. Gerade wenn man aber Bilder mit unterschiedlichen Größen oder andere Inhaltsboxen mit Text in Kombination verwendet, kann es z...
1. September 2014
Datei-Upload Formular

Bewerbungsformular mit Lightbox & Datei-Upload

Alle guten Dinge sind drei: Nach meinem letzten Blogbeitrag zu einem Lightbox-Kontaktformular folgt nun noch eine Erweiterung des bestehenden Formulars um eine Upload-Möglichkeit für PDF-Dateien. Für alle, die das vorangehende Tutorial nicht gelesen haben, hier noch einmal zur...
7. Juli 2014
Lightbox Formular

Lightbox Kontaktformular mit Ajax

Nachdem ich Euch schon eine Formularprüfung mit Captcha „QapTcha“ vorgestellt habe, folgt heute eine weitere Formularvariante: Der Versand eines Kontaktformulars aus einer jQuery Lightbox „fancyBox“. Bevor wir starten, werden zunächst von der fancyBox...
30. Juni 2014
Captcha QapTcha

Formularprüfung mit Captcha „QapTcha“

Heute stelle ich Euch das jQuery Plugin QapTcha vor. Wer kein Freund von Formularen mit 0815-Captchas ist, könnte von dieser Variante vielleicht etwas angetaner sein. Anstatt unleserliche Zahlen und Texte einzugeben, wird bei dieser Captcha-Art der Absendebutton durch Betätigen...
12. März 2014
Slide out Tab mit jQuery

Slide out Tab mit jQuery

Des Öfteren sieht man auf Website am Rand des Browserfensters einen so genannten Slide out Tab, der, wenn man ihn anklickt oder „hovered“, weiteren Inhalt preisgibt. Diese Art von Slide Menüs werden gerne für Feedbackformulare, Social Media Widgets oder weitere...
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...
8. Dezember 2013
Scroll to-Funktion

Scroll to top-Funktion mit jQuery

Einen Scroll to top-Button findet man immer öfters, sowohl bei umfangreichen Websites aber auch bei Weblogs. Gerade lange Seiten profitieren von dieser Funktion, weil der Besucher statt mit endlosem Scrollen mit der Funktion mit nur einem Klick schnell wieder zum Anfang der Seite...
18. Juli 2013
Sliding Menu mit Anchors

„Sliding Menu“ mit jQuery & Anchors

Um mehr Dynamik in die eigene Website oder den eigenen Webshop zu bekommen, kann man anstelle einer fixierten Navigation auch schon mal ein so genanntes „Sliding Menu“ verwenden. Die Variante, die ich Euch heute vorstelle, basiert auf ein wenig jQuery und einfachen...
12