So erstellst du eine Prozessgrafik mit HTML & CSS.
Eine Prozessgrafik (oder Ablaufdiagramm) ist ein sinnvolles Gestaltungselement um Abläufe zu visualisieren. Z.B. so: Step 1 Lorem ipsum dolor sit amet consectetur adipisicing elit. Step…
Snippets
jQuery „Live-Suche“ – So kannst du Elemente auf einer Website durchsuchen und nicht passende Ergebnisse ausblenden.
Mit folgendem jQuery-Script kannst du eine „Live-Suche“ oder eine Filterfunktion auf einer Website umsetzen. Sobald etwas im Suchfeld eingetippt wird, werden alle nicht-passenden Elemente ausgeblendet.…
YouTube-Thumbnail-URL
Um direkt das Thumbnail eines YouTube-Videos aufzurufen, musst du lediglich in folgender URL die Video-ID einsetzen: https://i3.ytimg.com/vi/#VIDEO-ID#/maxresdefault.jpg
Automatische Weiterleitung bei unvollständiger URL in WordPress deaktivieren
WordPress „mag es nicht“, Fehlerseiten anzuzeigen. Deshalb versucht WordPress standardmäßig, URLs zu korrigieren oder zu erweitern und leitet auf auf existierende Seite um. So wird…
QR-Codes mit PHP generieren
Mit folgendem PHP-Script, das nur aus einer einzigen Datei besteht, kannst du sehr einfach QR-Codes „on-the-fly“ generieren indem du Parameter per GET oder POST an…
Mit der jQuery-Funktion „serialize()“ alle Formularfelder auf einmal auslesen
Die jQuery-Funktion „serialize()“ erleichtert die Übergabe von Formular-Eingaben, insbesondere bei sehr umfangreichen Formularen, an PHP enorm! Statt jedes Formularfeld einzeln in eine JS-Variable zu übergeben,…
So kannst du mit PHP PDFs erstellen oder verändern
Der FPDI (Free PDF Document Importer) macht es dir sehr einfach, Text in einem PDF zu ergänzen. Das ist z.B. sehr hilfreich, wenn du Teilnahmezertifikate…
IP Scan – so kannst du dir alle IP-Adressen im Netzwerk anzeigen lassen
Mit folgendem Befehl kannst du dir im Terminal auf dem Mac oder in der „Eingabeforderung“ unter Windows alle IP-Adressen im Netzwerk anzeigen lassen. Das ist…
Suchen & Ersetzen mit Wildcard in Visual Studio Code
„Suchen & Ersetzen“ ist beim Programmieren eine praktische Sache. So kann man z.B. mit einem Klick sämtliche Klassennamen ersetzen oder erweitern. Etwas komplizierter wird es,…
jQuery-Info-Pop-up
Pop-ups nerven. Meistens. Manchmal gibt es aber eben doch eine wichtige Info, die prominent kommuniziert werden muss. Z.B. geänderte Öffnungszeiten, eine aktuelle Stellenausschreibung o.ä. ……
So kann man die WordPress-Gallery für eine Logoübersicht nutzen
Die WordPress-Gallery kann nicht nur für Bildergalerien, sondern auch für Logos genutzt werden. Das Problem hierbei ist, dass die Logos oft alle unterschiedlich groß sind…
HTML-„Accordion“ ohne JavaScript
Dass Accordions ein beliebtes UI-Element im Webdesign sind, hatte ich hier schon mal geschrieben. Tatsächlich kann man Accordions auch ohne HTML und im Prinzip sogar ohne…