Mit CSS clip-path kannst du divs in jeder beliebigen Form erstellen.
Standardmäßig ist ein div viereckig. Um außergewöhnliche Designs umzusetzen, ist es manchmal erforderlich, dass divs in einer anderen Form dargestellt werden müssen. In der Regel…
WebDev
So verhinderst du, dass Bilder deines Servers auf externen Websites angezeigt werden (Hotlinking)
Wenn du eine Web-App baust, in der die User Bilder hochladen können, solltest du darüber nachdenken, Hotlinking zu verhindern, denn sonst könnte es passieren, dass…
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…
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.…
JPG, PNG, WEBP, SVG oder GIF – so entscheidest du, welches Dateiformat das optimale für deine Website ist.
Hier hatte ich schon mal darüber geschrieben, warum es wichtig ist auf die Bild- und Dateigrößen im Web zu achten: https://www.fbnfrtg.de/warum-man-beim-pflegen-einer-website-unbedingt-auch-die-bildgroessen-im-blick-behalten-sollte/ Neben der Bildgröße, spielt…
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…
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.ä. ……
Autocomplete oder Autosuggest in einem Formularfeld ohne JavaScript
Das einem bei der Eingabe eines Suchbegriffs oder einer Adresse bereits Begriffe vorgeschlagen werden ist heute völlig normal. Dieses Verhalten zu programmieren ist häufig allerdings…