Blog über gute Technik für einen bezahlbaren Preis
Im Webdevelopment Blog schreibe ich über Tools, Tipps und Tricks zu Themen aus MySQL, PHP, HTML und CSS.
Du kannst sehr einfach Google Analytics ohne Cookie auf Deiner Webseite nutzen – ohne Cookie, Local Storage oder gar Fingerprinting. Alles was Du dafür brauchst ist ein Google Analytics Code, der keinen Cookie setzt und eine kleine Logik, die Dir eine eigene, anonyme aber eindeutige User-ID generiert, die nicht zu Google gesendet wird.
Weiterlesen: Google Analytics ohne Cookie Consent »
Um alle Youtube Videos auf Deiner Seite responsive anzuzeigen, benötigst Du nur dieses CSS, mehr nicht. Du musst absolut gar nichts an den iframes von Youtube verändern. Und das ohne Du am iframe Code von YouTube ändern musst. Einfach das folgende CSS in Deine CSS Datei an einer beliebigen Stelle einfügen und gut.
Weiterlesen: Simples CSS um alle Youtube Videos auf Deiner Seite responsive anzuzeigen »
Ein MySQL Dump eignet sich perfekt dafür auf einem UNIX oder Linux System ein MySQL Backup zu erstellen, da keine weitere Software benötigt wird. Doch wie sind die Optionen, die beim mysqldump Befehl angegeben werden müssen? Ich vergesse es auch immer wieder, so dass ich mir hier im Beitrag ein Gedankenstütze baue. Ich bin mir sicher, dass Du auch davon profitieren kannst. In diesem Beitrag findest Du praxisnahe Beispiele für den Aufruf von mysqldump. Solltest Du noch Fragen offen haben, darfst Du mich gern kontaktieren.
Weiterlesen: MySQL Dump mit praxisnahen Beispielen einfach erklärt »
Beispieltabelle „Kontakte“
| ID | Name | Nachname | |
| 05 | Viktor | Mustermann | viktor-mustermann@musterdmain.de |
| 06 | Mia | Muster | miamuster@musterdmain.de |
| 06 | Sina | Muster | sinamuster@musterdmain.de |
UPDATE Tabelle SET SpalteA = x WHERE SpalteB = Y
Yourls ist ein beliebter, selbst gehosteter URL shortener. Mit dem Ende der Übergangsfrist der DSGVO am 25.5.18 muss der Dienst entweder mit einem Anonymizer Plugin nachgerüstet werden oder eine kleine Änderung in der functions.php vorgenommen werden, denn yourls speichert von Haus aus die Zugriffs-IP-Adressen vollständig in einer eigenen Datenbank und kommuniziert mit dem „Mutterschiff“.
Weiterlesen: Yourls URL shortener DSGVO konform umbauen »
Ich habe im Rahmen der DSGVO bereits viele Anleitungen zum „Opt-Out mit dem Google Tag Manager“ gelesen und gesehen. Dabei machen alle aber einen und den selben Fehler. Sobald der Google Tag Manager ausgeführt wird, werden Daten bereits an Google gesendet. Dabei ist es dann auch egal, ob man die Ausführung von Analytics, Adwords Conversion etc. verbietet. Die IP und sämtliche andere Daten wandern ja bereits beim Aufruf des Tagmanagers zu Google.
Mit Hilfe meines Skripts können Deine Website Besucher der Ausführung des Google Tag Manager widersprechen und Du damit den Google Tag Manager DSGVO konform einbinden
Weiterlesen: Google Tag Manager DSGVO konform einbinden »
Die meisten Flyout Navigation Menüs im Web, die per reinem CSS und mit Hilfe von Mouseover (:hover) aufgebaut sind, funktionieren nicht auf Touch-Devices (ausgenommen jüngere Apple iOS Devices).
Touch Geräte haben ja kein Hover und können damit die Flyouts nicht öffnen. Ein Tap auf das Hauptelement öffnet sofort die dahinter liegende URL, statt das Flyout aufzumachen. Damit sind solche Menüs auf Touchgeräten nicht funktional. Das musste ich leidvoll erkennen. Meine Navigation auf einem Projekt war bestimmt seit 3 Jahren für Android Gerät quasi nicht nutzbar.
Weiterlesen: Flyout Navigation Android Touch kompatibel machen »
Wenn man als WordPress Admin kontrollieren möchte, wer, wann und was auf der eigenen Multiauthor WordPress Installation veröffentlicht (um bspw. ein Posting nach Veröffentlichung auf Korrektheit der Seitenstruktur zu überprüfen), dann ist ein kleines Plugin ganz hilfreich, dass mich als Admin immer dann benachrichtigt, wenn ein neuer Beitrag beschrieben wurde.
Weiterlesen: WordPress Benachrichtigung bei neuen Beiträgen »
Ich stehe wieder vor der Aufgabe einen neuen Server aufsetzen zu müssen weil zwei bestehende auf einen neuen migriert werden sollen. Da bietet es sich ja mal an, die wichtigen Schritte in einem einzigen Beitrag zusammenzufassen um nichts zu vergessen.
Dieser Beitrag geht von einer nackten Ubuntu 14.04 Lts Server Installation auf einem Strato-RootServer aus. Die meisten Schritte können aber 1:1 auch auf anderen Debian Systemen oder Hostern mit Debian System umsetzen.
Bei der Installation des Ubuntu System ist es wichtig, dass der Parallels Plesk nicht mit installiert wird! Plesk ist die Sicherheitslücke überhaupt!
Für die Einrichtung wird ein SSH Client benötigt. Unter Windows nutze ich gern PuTTY. Ansonsten gibt es diese PuTTY Alternativen.
Weiterlesen: Webserver auf Strato Rootserver einrichten und warten (Debian Ubuntu Server) »
Wie bereits auch letztes Jahr ist WordPress auf der Beliebtheitsskala immer noch die absolute Nummer eins unter den CMS-Systemen. WordPress CMS läuft auf mehr als der Hälfte aller CMS Installationen. Das ist schon wirklich beachtenswert!
Weiterlesen: Aktueller CMS Vergleich »
Um ein Array oder ein Objekt über $_GET Parameter zu übergeben, lässt sich das Array am einfachsten serialisieren und dann mit base64 kodieren. Auf diese Weise kann es in keinem Browser zu einem Problem mit dem Objekt kommen.
So geht es »
Ich habe heute mit einem großen Schrecken feststellen müssen, dass der mobile Safari =< 5.1 (und wahrscheinlich auch alle Versionen vor iOS 7.1) keine Optionen in einem Select disablen kann. Trotz des Attributs disabled=“disabled“ wird eine Option angezeigt! Das kann recht unangenehme Folgen haben.
Die einzige Methode, die ich bisher gefunden habe besteht darin, für alle iOS Devices unter iOS 7 mittels JavaScript disabled options komplett aus dem DOM zu entfernen:
Weiterlesen: disabled options komplett aus dem DOM entfernen
Wer Slideshare auf einer deutschen Seite eingebettet hat, muss jetzt dringend handeln! Sonst besteht eine hohe Abmahnungsgefahr! Es hat sich nämlich herausgestellt, dass eine Einbindung von Slideshare-Präsentationen nach deutschem Recht datenschutzwidrig ist. Die Embedds enthalten Tracking-Codes, die Drittanbietern IP-Adresse der Nutzer liefern und damit nach deutschem Recht rechtswidrig sind ~ frei nach RA Thomas Schwenke.
Ich habe auf die Schnelle eine Lösung für mich gefunden und möchte sie euch natürlich nicht vorenthalten! Es gibt nämlich einen relativ einfachen Weg einen Hinweis vor der Einbindung des SlideShare iframes einzublenden! Wie auch bei den „2 Click Social Media“ Buttons, werden auch hier erst nach einem Klick auf ein Vorschaubild die SlideShare Slides aktiviert.
Weiterlesen: Hier ist eine mögliche Lösung für das Problem
In diesem Beitrag geht es darum, wie Du bestimmte WordPress Kategorien auf der Startseite verstecken jedoch Beiträge mit multiplen Kategorien trotzdem anzeigen kannst.
Folgendes Problem: Du möchtest Beiträge einer bestimmten WordPress Kategorie von der Startseite des Blogs verbannen. Du möchtest aber die Beiträge, die zusätzlich noch in einer anderen Kategorie enthalten sind trotzdem angezeigt lassen.
Konkretes Beispiel: Kategorie A soll auf der Startseite des Blogs nicht angezeigt werden. Beiträge, die aber in mehr als nur in Kategorie A enthalten sind, sollen trotzdem angezeigt werden.
Manchmal möchte man in einer einfachen HTML Datei ohne PHP auch mal die GET Parameter auslesen. Beispielsweise ließe sich damit ein simpler A/B Test einer Adwords Plain HTML Landingpage erstellen, wo nur wenige Elemente auf der Seite durch URL Parameter angepasst werden.
Jetzt Code ansehen »
Wer eine externe html Datei im WordPress Template laden, verarbeiten und dann erst ausgeben möchte, wird an einem include() scheitern, da WordPress die include Datei gleich mit einem echo ausgibt. Es gibt jedoch eine andere Möglichkeit.
Und damit ich diese andere Möglichkeit nicht vergesse, schreibe ich sie hier auf. Damit lässt sich in einem WordPress Template bspw. eine html Datei laden, darauf eine RegEx Funktion anwenden und letztendlich nach der Verarbeitung ausgeben lassen.
Externe html Datei laden, verarbeiten und dann erst mit einem echo ausgeben
Mit Hilfe der Google Maps API lässt sich die Entfernung zwischen zwei Orten sehr einfach berechnen. In diesem Beitrag möchte ich zeigen, wie man mit Hilfe der Google Maps Distance Matrix API und einem einfachen URL Aufruf oder PHP die Entfernung berechnen kann.
So berechnest Du die Entfernung zwischen zwei Orten per Google Maps API
Stell Dir eine Situation vor, die verlangt, dass Du aus einem generierten PopUp heraus bestimmte Elemente der aufrufenden Seite (parent site) steuern können musst. Jetzt wäre doch eine Funktionsweise nett, die ohne Ajax und ohne Aufrufparameter oder gar ohne Neuladen der Seite die Optionen auf der ursprünglichen Seite aus dem PopUp heraus verändern könnte, oder?
Ein Beispiel wäre ein PopUp, dass die Auswahlmöglichkeiten in einer Dropdown Liste beschreibt. Für den User ist es dann sicherlich schön bereits im PopUp das Element auswählen zu können ohne die Dropdown Liste noch einmal anfassen zu müssen, oder? Ich denke, da stimmst Du mir zu! Aus UX Sicht vermeidet das einige unnötige Klicks und eine Menge kognitiver Belastung.
Weiterlesen: Aus dem PopUp heraus Elemente auf der aufrufenden Seite steuern »
Ich wurde heute gefragt, warum ich auf den Aqua Comfort Artkelseiten die „More Info“ Buttons in PopUps öffne, statt sie einfach mit target=“_blank“ zu verlinken. Das hat einen ganz einfachen Grund: target=“_blank“ öffnet den Link in modernere Browsern meist in einem neuen Tab oder im Hintergrund. Viele Menschen, die mit dem Browser nicht versiert sind, verirren sich aber im Wust der offenen Tabs und wissen nach spätestens zwei, drei Tabs nicht mehr wo was gewesen ist.
Deswegen lasse ich die Inhalte hinter den Links sichtbar in einem (kleineren) neuen Fenster öffnen, so dass dieses nach dem Lesen geschlossen werden kann und der User sich dann wieder auf der ursprünglichen Seite befindet.
Weiterlesen: Link in neuem Fenster öffnen statt im neuen Tab »
ACHTUNG: Dieser Beitrag ist vom 20.12.2012 – seit dem hat sich viel getan.
Manchmal möchte der ein oder andere mal eine Vorschaltseite vor ein existierendes WordPress Blog schalten. Warum auch immer – soll hier egal sein.
Der aller erste Gedanke ist: mache eine index.html Datei, lege sie in das Root Verzeichnis von WordPress und schon wird die index.html statt der index.php beim / Zugriff aufgerufen. Soweit so gut!
Wer jetzt glaubt, er könne sein Blog dann ja noch mit den Aufruf der /index.php sehen, schaut dumm aus der Wäsche! Das funktioniert nämlich nur für WordPress Installationen kleiner 2.7
Bei allen neuen Versionen wird die index.php gehandhabt, dass beim Aufruf alles auf / geroutet wird. Sprich, die Startseite des Blogs ist nicht mehr erreichbar!
Weiterlesen: index.php und index.html bei WordPress parallel betreiben »
