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

Alle Artikel

text2filename – Text in websichere Dateinamen umwandeln
Generate .ics on the fly – mit ics.php kannst du Kalendereinträge erzeugen – auch mit deutscher Uhrzeit
Wenn „get_the_excerpt()“ nicht funktioniert – so kannst du den Standard-WordPress-Auszug optimieren
So kannst du PHP-Variablen von einem auf einen anderen Server übertragen
Self-hosted Google Docs-Alternative
So kannst du Spalten mit Bootstrap mobil in anderer Reihenfolge darstellen
Wireless CarPlay
PHP-Mail-Formulare mit wp_mail() versenden
Tabbed Content
CSS-Library für Formulare
Inhaltsverzeichnis für Posts in WordPress automatisch erstellen
CSS hover underline animation
iMovie: Gleiche Farbkorrektur auf alle Clips anwenden
Stromverbrauch und Balkonkraftwerkertrag tracken mit dem Hichi IR Lesekopf und einem Python-Skript auf einem Raspberry Pi Zero
Wieviel Strom produziert ein Balkonkraftwerk mit Speicher (Anker Solix)?
Farbabstufungen einer Farbe generieren
Mit „TripMode“ kannst du den Datenverbrauch deiner Programme kontrollieren
So verhinderst du Kommentar-Spam in WordPress
Siebdruck zu Hause – T-Shirts selbst bedrucken
Dark Matter – kinetische, Licht- und Sound-Installation in Berlin
Street-Art in Berlin
So erstellst du eine Offline-WebApp (PWA)
Was ist eigentlich Markdown und wofür kann ich es nutzen?
Viele Bilder automatisiert verkleinern
Self-hosted Dropbox-Alternative: Nextcloud
add-to-Homescreen.js
Planet of Lana – Atmosphärischer Puzzle-Platformer
INTRCLCK – Ein Uhrzeit-Bildschirmschoner
CSS „:has“ – der heimliche „parent-Selektor“
Predictive Answers
Kostenlose Vektor-Emojis 😀 👍
„OF NOW“ Media Art Exhibition – vom 1.5. – 12.5. in Berlin
Fenster auf dem Mac nebeneinander anordnen – BetterSnapTool
Dropbox-Alternative ohne Cloud: Syncthing
Schlanke Word-Alternative für den Mac: Bean
RoundTrip – Routenplaner für den „Traveling Salesman“
So erstellst du aus Python-Code eine App für den Mac
MagSafe-Ladegerät aus Holz
Das „Traveling Salesman Problem“
Visily – kostenloses Wireframing-Tool mit KI-Unterstützung
Free Geocoding – So kannst du Listen mit Adressen kostenlos in Geokoordinaten konvertieren
Google Maps nicht mehr direkt aus der Google Suche erreichbar
Sei nett zur KI! 🙂
Passwort-geschütztes PDF in InDesign platzieren
Kontaktformular Anti-Spam-Plugin
Wieviel Strom produziert ein Balkonkraftwerk?
Google-Suche ohne personalisierte Suchergebnisse – startpage.com
Was ist eigentlich ein Cron-Job?
Mit node.js JavaScript-generierte Inhalte scrapen
Cookie-Banner auf dem iPhone deaktivieren
BLFLD WTHR – So war das Wetter in Bielefeld
DIY: Tisch-Uhr mit e-Ink-Display (Waveshare Pico e-Paper 3.7) und Raspberry Pi Pico
Contact Form 7-Meldungen in Sie-Form
Kostenlose Wetter-API
Kalender mit Monatsübersicht (mit Bootstrap & jQuery und optional mit WordPress)
Erste Schritte mit dem Raspberry Pi Pico und MicroPython
So erstellst du HTML-E-Mail-Signaturen für Outlook, die überall gleich aussehen
WordPress Loop – Order by Custom Field
Ein einfacher Passwortschutz mit PHP
AirPod-Alternative – Richtig gute InEar-Kophörer mit Noise-Canceling zum kleinen Preis: Anker P20i
Chat-GPT in Google Sheets (& Excel) nutzen
Location Based Content und QR-Codes
Was kann man mit einem Raspberry Pi Zero W machen?
Mit „Chatbase“ kannst du in 2 Minuten(!) einen KI-Chatbot erstellen, der mit eigenen Inhalten trainiert werden kann.
Stromverbrauch tracken mit dem Hichi IR Lesekopf, PHP und einem Raspberry Pi Zero
Website als Mac-Bildschirmschoner
wetransfer-Alternative – So kannst du große Datenmengen verschicken
Banksy-Ausstellung in Hannover
So kannst die lokale API des APSystems EZ-1 auch mit PHP (und ohne Python) nutzen
Browser für den Raspberry Pi Zero W
Raspberry Pi (Zero) einrichten und mit einem Remote Desktop Client vom Mac aus fernsteuern
Mit MAMP kannst du PHP-Websites lokal auf dem Mac ausführen
Platzhalter-Bilder
fBot – ein einfacher Chatbot mit PHP und jQuery
PDF in JPG konvertieren – so kannst du in WordPress ein Thumbnail eines PDFs generieren
_QRRD (QR Redirect) – Ein URL-Shortener mit dynamischem QR-Code-Generator zum selbst hosten
Bootstrap-Layout Text und Bild 50/50
CSS 100vw und das Problem mit der Scrollbar
So kannst du nervige Cookie-Banner deaktivieren
So können Blocks aus dem WordPress-Block-Editor im Code eingefügt werden
Stray – Ein roter Kater streunt durch eine Cyber-Punk-Welt voller humanoider Roboter
Wie ein Game Boy mit Farbdisplay: Der Anbernic RG35XX
So kannst du das Laden von gecachtem JavaScript und CSS verhindern
Internal Server Error (500) bei der Verwendung von file_get_contents()
fBot – Ein einfacher Chatbot
WordPress-Plug-in „Shortcodes for Bootstrap Icons“
WordPress Seitenzahlen
Text-Fade-in-Effekt mit CSS und JavaScript
Wie lernt man Websites zu programmieren? – Tipps für angehende Webentwickler.
Synchronisierte Vorlagen – So kannst du in WordPress Block-Templates erstellen, die automatisch auf jeder Seite geändert werden
Einzelne oder mehrere Seiten in WordPress mit Passwort-Schutz versehen
Einzelne Seiten in WordPress von der Suche ausschließen
Responsive, quadratische divs mit CSS
8 Dinge, die du beim Launch einer WordPress-Website beachten solltest
So kannst du Logos auf einer Website gleichmäßig darstellen
Gutenberg-Vorlage automatisch beim Erstellen eines neuen Posts in den Editor einfügen
Formular-Daten in WordPress als Post speichern – wp_insert_post()
setTimeout() – JavaScript-Code zeitverzögert ausführen
PDF2JPG – PDFs in JPGs konvertieren
JavaScript-generierte Websites crawlen („Scraping“)
Multilevel-CSS-only-Dropdown-Navigation
4 weitere Ideen, wie du ChatGPT im Agentur-Alltag einsetzen kannst.
Farbpaletten – praktisches Hilfsmittel und Inspirationsquelle
Eigene Farben im Gutenberg-Editor definieren / Span-Styles in WordPress
Einfaches Google Maps Opt-in
Website vorlesen lassen / Text2Speech für barrierefreie/-arme Websites
Reihenfolge der Spalten im Gutenberg-Editor mobil ändern.
Serverpfad einer Datei in WordPress
Test-PDF
Responsive Text
SimpleHTMLDom-Alternative
YouTube-Videos responsive einbetten
Daten aus einer REST-API mit PHP ausgeben
background-Attachment: fixed und background-size: cover auf einem iPhone oder iPad
Videos für´s Web komprimieren
Mit jQuery Position innerhalb eines divs bestimmen
So kannst du ein 360°-Panorama in eine Website einbauen
Mit simplegmaps kannst du individuelle Google Maps mit mehreren Markern ganz einfach erstellen
Divs beim scrollen einblenden
Microsoft Planner – richtig gutes Projektmanagement-Tool im Kanban-Style
Breadcrumb-Navigation für WordPress
So meldest du deine Website bei Google an.
Mit CSS clip-path kannst du divs in jeder beliebigen Form erstellen.
So verhinderst du, dass Bilder deines Servers auf externen Websites angezeigt werden (Hotlinking)
So erstellst du eine Prozessgrafik mit HTML & CSS.
Doodle-Alternativen
TEXT IN VERSALIEN (GROßBUCHSTABEN) in Text mit richtiger Groß- und Kleinschreibung umwandeln
jQuery „Live-Suche“ – So kannst du Elemente auf einer Website durchsuchen und nicht passende Ergebnisse ausblenden.
Snapdrop – das „AirDrop“ für Windows, Android, Mac, iPhone und alle anderen.
JPG, PNG, WEBP, SVG oder GIF – so entscheidest du, welches Dateiformat das optimale für deine Website ist.
Banksy
YouTube-Thumbnail-URL
Automatische Weiterleitung bei unvollständiger URL in WordPress deaktivieren
QR-Codes mit PHP generieren
Mit der jQuery-Funktion „serialize()“ alle Formularfelder auf einmal auslesen
So kannst du Personen in Photoshop mit einem Klick freistellen
So kannst du mit PHP PDFs erstellen oder verändern
Schicke kostenlose Icons
IP Scan – so kannst du dir alle IP-Adressen im Netzwerk anzeigen lassen
Suchen & Ersetzen mit Wildcard in Visual Studio Code
jQuery-Info-Pop-up
Autocomplete oder Autosuggest in einem Formularfeld ohne JavaScript
4 Weiterleitungen (redirects) in HTML, JavaScript, PHP & htaccess
Puter – dein „PC in der Cloud“
WordPress-Themes oder -Plug-ins ausprobieren ohne WordPress zu installieren
So kannst du einzelne Bereiche im WordPress-Backend ausblenden oder anpassen.
So kannst du den WordPress-Abstandhalter im Backend sichtbar machen
PHP Login-Script
DearFlip macht aus PDFs schicke FlipBooks
CSS PageFlip-Effekt für einen Magazin-Titel
Focal Point – ein WordPress-Plugin mit dem man den Fokuspunkt eines Bildes definieren kann
HDR-Videos vom iPhone in Final Cut nutzen
„Thin Air“ – Licht- und Soundinstallation im „The Beams“ in London
So kann man die WordPress-Gallery für eine Logoübersicht nutzen
Custom Fields im WordPress-Backend in der Beitrags-Übersicht anzeigen
HTML-„Accordion“ ohne JavaScript
Thin Air – Kunstinstallation in London
Uncaught TypeError: $ is not a function
Was ist eigentlich npm? Und wie kann ich mit npm Dateien downloaden?
JSON2HTML – JSON-Strings mit PHP auslesen und als HTML ausgeben
Automatischer Reload von WebApps
Burst – Alternative zu Google Analytics
iCloud-WebApps
fffuel
So kannst du Push-Mitteilungen von deiner Website versenden
So kann man den letzten Teil einer URL als Variablenwert / GET-Parameter in PHP nutzen
Mit PHP ein zip auf einem Webserver entpacken.
4 praktische Chrome Plug-ins für Webworker
OCR auf dem Mac, iPhone und iPad
Unterschiedliche Templates für WordPress-Posts
Arrays
Office Planner – ein einfacher HomeOffice-Kalender
Manuelle Silbentrennung auf Websites mit einem bedingten Trennstrich (soft hyphen)
Push-Benachrichtigungen mit Ikea Tradfri & Apple Homekit
Wozu Webentwickler Chat GPT konkret nutzen können.
Dokumente scannen mit Mac & iPhone – ohne zusätzliche App
Wie man Inhalte anderer Websites mit „Simple HTML DOM“ auslesen kann
Mehrspaltiges Layout mit gleichgroßen divs mit CSS Grid
5 praktische jQuery-Plug-ins, die man auf fast jeder Website gut gebrauchen kann
CSS-Variablen
Nur bestimmte Wörter trennen
Mit Gmail die Herkunft von Spam-Mails herausfinden und blocken
Gesichter oder Kennzeichen verpixeln in Final Cut
Wiederverwendbare Blöcke in WordPress effektiv nutzen
So kann Text der Bewegung in Videos folgen – Motion Tracking in Final Cut Pro
Einfache Zeitsteuerung mit JavaScript oder PHP
Color Grading in Final Cut – so können eigene LUTs installiert werden
Contact Form 7 Kontaktformular-Template
Unterschiedliche Seitentemplates in einem WordPress-Theme
jQuery Count up
CSS für Touchscreens
Was tun, wenn E-Mails aus Kontaktformularen nicht ankommen?!
Integration eines QR-Code-Scanners in eine Web-Anwendung
Mit einer WordPress-Seite auf einen neuen Server umziehen
Unique-ID in PHP generieren
Formulareingaben lokal speichern
SVGs, JSON oder andere Dateiformate in WordPress hochladen
ImageResizer
Accordion mit jQuery
Aus einer Datenbank-Abfrage eine CSV-Datei exportieren
Bilder mit PHP „on the fly“ verkleinern.
Remote-Desktop-Client für Chrome OS Flex
Bilder croppen mit CSS
Design- und Code-Inspiration: Die Code-Pens von Gayane Gasparyan
Blur-Effekte mit CSS
Was sind eigentlich Custom Post Types und Taxonomien in WordPress?
Fehlermeldung „Fehlendes Plug-in“ in Final Cut
Vorher-Nachher-Slider in WordPress
Helvetica-Alternative: Inter
Farbe eines SVGs mit CSS anpassen
Sonys günstiges „Bokeh-Objektiv“ für E-Mount-Kameras: Sony SEL-50F18F
WordPress-User per FTP anlegen
Wie erstellt man eigenes WordPress-Theme?
Neuronale Filter in Photoshop
Was ist eigentlich ein Honeypot?
Was tun, wenn die Festplatte am Mac voll ist?!
Fotos vom iPhone (HEIC) in JPGs umwandeln
Related Posts in WordPress auf Basis der Tags anzeigen
So kann man im Gutenberg-Editor Blöcken beliebige CSS-Klassen zuweisen
JPGs und PNGs mit TinyPNG komprimieren
Datum formatieren in WordPress und PHP
Adminer – eine schlanke Alternative zu phpMyAdmin
PHP-Snippets im Gutenberg-Editor einfügen
WP_Query – Der WordPress-Loop
Bildgrößen ändern auf dem Mac mit „Vorschau“
Wie man einen eigenen Kalender in WordPress erstellt
Screenshots am Mac
Ausprobiert: Chrome OS Flex
Warum man jQuery auch heute noch nutzen sollte.
Eigene Vorlagen für den Gutenberg-Editor erstellen
Dateien umbenennen am Mac
QR-Code-Generator
Bestimmte Wörter NICHT trennen.
Warum man beim Pflegen einer Website unbedingt auch die Bildgrößen im Blick behalten sollte.
HTML5-Video-Template
4 praktische .htaccess-Snippets
Quadratische Thumbs in der WordPress-Bildergalerie
Download-Links mit passenden Icons
Icon-Fonts und SVG-Icons
Simple Image Gallery
Die 8 besten WordPress-Plug-ins
Externe Links in neuem Fenster öffnen
SleekDB – eine NoSQL-Datenbank, die Spaß macht!
Chat GPT programmiert jQuery-PlugIn
Bild mit 100% Breite im Bootstrap-Container
WordPress-PlugIn „Lazy Blocks“
8 richtig gute Sans-Serif Google Fonts
Ein FTP-Programm für den Mac
2 Tipps für den Mac-Finder
Seitentitel in WordPress ausblenden
Text2HTML
Alternative zu Google Analytics
Background-Video
CMS für statische HTML-Websites
Masonry-Layout mit Bootstrap
Hello world.