Full Stack Development - new stuff
Bulma CSS Framework
Dark mode in Bulma
Mal wieder was zu Bulma. Das CSS Framework tut sich ja immer noch schwer mit dem direkten Support der 'dark mode' Einstellung in Browsern und OS. Meine Lösung ist der Split der Color Schemes in zwei Dateien. ...
Pub/Sub Messaging Server
nginx als Pub/Sub Server einsetzen
Ein Pub/Sub System eignet sich hervorragend für den Nachrichtenaustausch zwischen Anwendungen auf verteilten Geräten. Pub/Sub steht für Publisher/Subscriber und beschreibt damit eigentlich schon die Grundstruktur dieses Pattern. Damit sich das auch mit nginx realisieren läßt, benötigen wir jedoch ein AddOn. ...
Datenbanken in Web Apps
PWA Daten dauerhaft lokal speichern
Wer sich der Entwicklung von PWA's (Progressive Web Apps) verschrieben hat, wird regelmäßig ein flaues Gefühl im Magen haben, wenn es um die lokale Speicherung von Daten im Browserumfeld des Clients geht. Zu einfach und unkontrolliert können Daten, die man zur Offline Verwendung auf dem Gerät des Benutzers speichert, mal vom Benutzer selbst mal vom Browser gelöscht werden. ...
Javascript fetch URL
'Access-Control-Allow-Origin' Fehler im Browser
Folgende Fehlermeldung bei Abruf einer URL mit fetch in einem JavaScript kommt euch bekannt vor? ...
Web Crypto API und openssl
Asymmetrische Verschlüsselung - sign/verify mit JavaScript und PHP
Die Anwendung und Intregration von Verschlüsselungsverfahren und Kryptographie in Webprojekte ist nicht erst seit seit OAuth und REST API's Standardinstrumentarium für Webentwickler. Dennoch ist das Thema ein sehr komplexes und diffizil, schon allein aufgrund der Vielfalt an Algorithmen und Formaten. ...
CSS Animationen
CSS transition height
Mal wieder was zu CSS und Animationen in Webcontent mit der 'transition' Eigenschaft. Viele stolpern (ja, ich auch ;-) regelmäßig über die Einschränkungen unterstützter Werte. Die Animation eines Elements mit 'height' von '0px' zu 'auto' wäre praktisch, klappt aber nicht. Statt 'auto' brauchen wir einen absoluten Wert. Das klappt nur mit Unterstützung von JavaScript. ...
iCalendar Spezifikation
Ort im iCalendar - Format Part 2
Eine der wichtigsten Informationen, neben dem Zeitpunkt, ist der Ort, an dem ein Ereignis stattfindet. Die Angabe ist im vCalendar Format an mehreren Stellen möglich, verbreitet auch in proprietärer Form (e.g. Apple Kalender). Leider ist keine der Optionen inhaltlich normiert, lediglich die Geo-Positionen sind verläßlich mit Latitude und Longitude kodiert. ...
JSON Datentyp in MariaDB
JSON_REPLACE in MariaDB verwenden
Seit Version 10.2 werden in MariaDB JSON Datentypen unterstützt. Das befreit uns endlich vom starren Konzept der strukturierten Daten einer klassischen SQL Tabelle. In diesem Beitrag zeige ich ein kleines Beispiel, wie mit der Funktion JSON_REPLACE das Element eines JSON Objekts in einer MariaDB Tabelle direkt geändert werden kann. ...
Asynchrones JavaScript
Promise in Verbindung mit async / await Beispiel
In vielen Bereichen wird die Programmierung von Webanwendungen in JavaScript durch das asynchrone - sprich non-blocking - Verhalten der Sprache geprägt. Spätestens jedoch, wenn der eigene Code durch zigfaches Verschachteln von Callback Funktionen ('callback hell') unleserlich wird, ist es an der Zeit sich mit Promises und async/await Konstrukten anzufreunden. ...
iCalendar Spezifikation
VTIMEZONE in iCalendar - Format Part 1
Wer sich schon mal mit dem iCalendar Format, meist in Form einer .ics oder iCal Datei (Apple) beschäftigen musste, fragt sich vermutlich genauso wie ich, vor wie vielen Jahrzehnten diese Spezifikation - RFC 2445 und revised RFC 5545 - festgelegt wurde. ...
PHP Code Optimierung
foreach Performance Benchmark
In der Regel ist foreach anderen PHP Schleifen Konstrukten für Array Iteration wie while usw. in der Performance überlegen. foreach selber kann allerdings in zwei Varianten verwendet werden, deren Benchmarks hab ich mal mit einem kleinen Script untersucht. ...
Debian Kommandozeile
gunzip - Entpacken von .gz Dateien in umbenannte Datei
Die Anwendung der Komprimierungstools gzip/gunzip gehört für jeden Serveradmin ja zum Standardrepertoire. Eine komprimierte Datei erhält jedoch regelmäßig einen anderen Besitzer als die Originaldatei, je nachdem welcher User oder welcher Dienst die Komprimierung durchführt. ...
Node.js Module
node-watch in meiner Entwicklungsumgebung
Meine Entwicklungsumgebung ist verteilt auf mehrere Editor-, Debug- und Staging-Umgebungen. Wird eine Projektdatei editiert und gespeichert, so kopiert ein kleines node/JavaScript Tool die Datei automatisch in die jeweiligen anderen Projektordner. ...
HERE Maps API for Javascript
Konfiguration der Sprache in den Maps
Wenn ihr für eure User in Deutschland eine Kartenansicht in die App integriert, wollt ihr die Städtenamen auf Deutsch und nicht in Englisch anzeigen, gleiches gilt natürlich für eure User in Italien oder Frankreich. Da soll dann eben italienisch oder französisch verwendet werden. ...
HERE Maps API for Javascript
HERE Maps API Get Started Ergänzung
Ein weiterer Baustein für meine Zielsetzung, möglichst europäische Lösungen in meinen Projekten zu verwenden, ist die Firma HERE. Den meisten vermutlich (unerkannt) über die Navigationssysteme in in vielen Autos bekannt, ist es meine Alternative zu Google Maps. ...