// Link

Why the GOV.UK Design System team changed the input type for numbers

Numbers are one of the most commonly asked for pieces of data, typically used in dates. [...] Until now, the GOV.UK Design System date input component used the HTML element <input type="number"> to provide this number keypad when a user enters dates.

However, we recently moved away from <input type="number"> to <input type="text" inputmode="numeric" pattern="[0-9]*"> [...].

Why the GOV.UK Design System team changed the input type for numbers
// Link

Operator Lookup

Kennst du alle JavaScript-Operatoren auswendig und deren Funktionsweise? Ich für meinen Teil muss an der Stelle passen. Die geläufigen Operatoren sind klar, jedoch gibt es einige mehr, die auch immer wieder in Vergessenheit geraten.

Über Google kann man nur sehr schwer nach den Operatoren suchen, da die Zeichen von Google ignoriert werden. Mit "Operator Lookup" bekommen wir jetzt eine bessere Suche für die Operatoren.

Operator Lookup
// Link

Kopieren und Einfügen in eine Shell kann böse Folgen haben

Einfach ein Befehl aus dem Internet kopieren und in die Shell einfügen. Der Befehl kann auf den ersten Blick harmlos aussehen, jedoch kann dieser eventuell böse Folgen haben.

Mit JavaScript kann man den Inhalt beim Kopieren anpassen und durch das Hinzufügen einer neuen Zeile, wird der Befehl nach dem Einfügen in die Shell auch direkt ausgeführt.

Der Link enthält auch ein Beispiel. Der Inhalt in der Zwischenablage ist ein anderer als der Text, der zuvor auf der Website kopiert wurde.

Don't Copy Paste Into A Shell
// Link

Ansible Playbook für Uberspace

Mein Namensvetter Lukas verwaltet seine Uberspaces mit Ansible. Mit Ansible lassen sich z.B. virtuelle Maschinen oder auch Uberspaces verwalten und automatisieren. Die Einrichtung, die man normalerweise händisch in das Terminal tippt, lässt sich mit Ansible nachbilden. Somit wird alles nachvollziehbar und auch reproduzierbar. Hat man alles über ein Ansible Playbook organisiert, kann man den aktuellen Zustand des Servers immer wieder erzeugen.

Lukas stellt seine Ansible Playbook zur Verfügung. Dies kann als Inspiration genutzt werden, um ein eigenes Ansible Playbook für Uberspace zu erstellen.

Ansible Playbook für Uberspace
// Link

Dashboard mit Laravel und Echtzeit-Funktionalität

Wenn man Echtzeit-Funktionalität in einer Web-Anwendung nutzen möchte, gibt es mir zwei bekannte Wege. Die erste Option ist, dass man in regelmäßigen Abständen den aktuellen Status vom Server lädt. Die Alternative, und vermutlich auch der elegantere Weg, ist die Nutzung von Websockets. Mit Websockets kann der Server neue Daten an den Browser schicken. Websockets bedeuten aber auch eine zusätzliche Schicht an Komplexität.

Der Artikel zeigt gut, dass man nicht vergessen sollte die Anwendung einfach zu halten.

Building a realtime dashboard powered by Laravel, Livewire and Tailwind (2020 edition)
Vermutlich verwendest du einen veralteten Browser. Da diese Website auf moderne Technik setzt, benötigst du einen aktuellen Browser, um diese Website richtig darzustellen.