Über Web, Tech, Games, Art,
Musik, Code & Design

2. August 2023

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 für Online-Schulungen, Urkunden oder ähnliches generieren willst. Alles was du dafür brauchst, ist ein PDF als Template/Vorlage und ein paar Zeilen Code. Vorher musst du neben dem FPDI auch noch […]

27. Juli 2023

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 z.B. sehr hilfreich, wenn du einen Drucker oder eine Festplatte im Netzwerk suchst.

26. Juli 2023

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, wenn allen gewünschten Elementen unterschiedliche Klassen zugewiesen sind, z.B. in der WordPress-Navigation. In diesem Fall kann man eine Wildcard einsetzen. Da in Visual Studio Code reguläre Ausdrücke (Regex) verwendet werden, […]

25. Juli 2023

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.ä. … Für diesen Fall eignet sich folgendes Snippet ganz hervorragend. Wenn auf das „x“ geklickt wird, wird das Pop-up erst wieder am nächsten Tag angezeigt. Wichtige Info Lorem ipsum dolor sit […]

29. Mai 2023

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 und ein unterschiedliches Seitenverhältnis haben. Idealerweise werden die Logos also alle in einem gleich großen Rechteck oder Quadrat positioniert und innerhalb dieser Fläche positioniert. Mit folgendem Code kannst du die […]

16. Mai 2023

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 CSS erstellen. Hierfür gibt es das wenig bekannte HTML5-Element „details“: Ganz ohne CSS sieht das Element so aus: Lorem ipsum. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam […]

30. April 2023

Automatischer Reload von WebApps

WebApps können in vielen Fällen ein praktisches Tool sein. Insbesondere seitdem ist seit iOS 16.4 auch möglich ist Push-Nachrichten mit Web-Apps zu verschicken. Ein Praxis-Fall könnte z.B. sein: Du erhältst eine Push-Nachricht, die dich über eine Statusänderung informiert. Daraufhin öffnest du die WebApp. Das Problem: Du siehst einen alten Status, da die WebApp noch im […]

21. April 2023

So kann man den letzten Teil einer URL als Variablenwert / GET-Parameter in PHP nutzen

Mit folgendem htaccess-Snippet lassen sich „schöne“ URLs für Übergabe von Variablen nutzen. So kann z.B. mit dem Aufruf der URL „www.beipspiel.de/user/maxmuster“ der Variablenwert „maxmuster“ in PHP weiter genutzt werden.

2. April 2023

Wie man Inhalte anderer Websites mit „Simple HTML DOM“ auslesen kann

„Simple HTML DOM“ ist ein sehr praktisches Tool um Inhalte, z.B. Job-Angebote, Immobilienangebote oder ähnliche Daten von Websites auszulesen und auf der eigenen Website weiter zu verarbeiten. So lässt sich z.B. eine Job-Börse oder Immobilienportal realisieren auf denen die Angebote mehrerer Firmen und Anbieter automatisch gelistet werden können. Um zu starten musst du die PHP-Library […]

1. April 2023

Mehrspaltiges Layout mit gleichgroßen divs mit CSS Grid

Mit folgendem Code lässt sich mit CSS Grid ein mehr-spaltiges Layout mit divs in gleicher Höhe ohne jQuery oder JavaScript umsetzten. Box 1 Lorem ipsum, dolor sit. Box 2 Button Box 3 Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam, placeat inventore. Lorem ipsum dolor sit amet. Button Box 4 Lorem ipsum dolor sit […]