Tutorials

Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.

Boostrap/CSS: Line-Height Utility Classes

Bootstrap hat schon viele Utility Klassen um das meiste am Design ohne eine weiteres CSS zu machen, jedoch fehlte mir etwas um die Line-Height anpassen zu können. Daher habe ich ein paar Zeilen CSS ergänzt um diese Funktionalität herzustellen.…


DIY: Ein Stelzen-Spielhaus mit Rutsche, Sandkasten und optionaler Schaukel selber bauen

Auf der Suche nach einem schönen Spielhaus für unser Kind kamen wir schnell zu dem Entschluss, dass wir uns ein Haus selber bauen werden. Die angebotenen Fertigbausätze hatten entweder nicht die passende Aufteilung, hielten nur 50kg Gewicht oder…


React und Socket.io Client richtig benutzen

Möchte man socket.io und react zusammen benutzen, so kommt man schnell in die Schwierigkeit, dass die React-App mehrere verschiedene Verbindungen aufmacht und zu oft reagiert. Das Ganze lässt sich schnell und einfach mit einem Context-Provider…


Javascript: Array klonen mit ES6

Möchte man in Javascript ein Array klonen, so geht das Ganze seit ES6 sehr einfach. Wie das folgende Beispiel zeigt:


Javascript: Scrolle nach unten, wenn etwas hinzugefügt wird. Zum Beispiel im Chat

Hier mal ein kleines Snipped, dass es einem ermöglicht eine Box ganz nach unten zu scrollen, wenn es Änderungen gibt. Zum Beispiel wenn in einem Chat eine neue Nachricht kommt.


Node/Javascript: Ecmascript 6 Imports in Node benutzen

Manchmal kommt es vor, dass man Import und Export von Ecmascript 6 in NodeJs benutzen möchte. Mitlerweile gibt es für node dafür eine experimentelle Unterstützung (siehe hier), aber ich fand das nicht so schön. Eine einfache und schnelle Lösung ist…


DIY: Ein Hausbett für Kinder selber bauen (Anleitung)

In diesem Tutorial geht es diesmal nicht um Programmierung und Software sondern man muss selbst Hand anlegen und etwas reales erschaffen. Es ist ein Kinderbett mit einem Dach, also ein Hausbett. Inspiriert haben wir uns hierbei beim…


Symfony/Unit Test - Deprecation Meldungen verbergen

Manchmal lässt man Unit-Tests mit phpunit in Symfony laufen und bekommt sehr viele Deprecation Warnings, die man leider selbst nicht ändern kann. Zum Beispiel ist man auf eine ältere PHP Version angewiesen und die Meldungen gehen nur bei Updates…


Webpack/Encore - Dynamische Entries erstellen

Für ein Symfony Projekt, welches mit Webpack und dem Aufsatz Encore arbeitet wurde es mir zu mühsam für jede neue Datei einen Eintrag in die webpack.config.js zu machen. Deswegen habe ich hier einen Ansatz um mit der glob-Funktion Dateien zu finden…


Git Bash auf Windows: Aliasse hinzufügen

Möchte man in der Git-Bash eigene Aliasse hinzufügen, so geht dies relativ einfach.Als erstes muss man als Administrator einen Editor seiner Wahl öffnen.Danach öffnet die Datei /C/Programme (Program Files auf englisch)…