Die neusten Sachen
Count files via the CLI in a folder (also recursive)
For example, you want to know how many files are in your Laravel vendor folder. To do this, go to the project folder with your console. Now you can count the files with find. If you don’t want a recursion and just want to know how many folders and files a certain path has, you […]
Pull Request Template
Vielleicht geht es einigen von Euch ähnlich wie es am Anfang mir ergangen ist, wenn man einen Pull Request im GitHub kommentiert. Was schreibt man da rein? Ich habe in meinen eigenen Projekten die Commit Beschreibungen Stichpunktartig dort eingefügt. Das reicht ja auch. Aber bei größeren Projekte ist Struktur und Ordnung die halbe Miete für […]
Building responsive squares
How do I build a square that is responsive? A square that responds to the behavior of the window element. If the window shrinks, the square should also shrink relative to the window. With the nice CSS function aspect-ratio: 1/1 this can be done easily and quickly. That was it 🙂
Alphanumeric sorting of an array with objects according to the value of an object
Especially in the frontend it happens quite often that you want to sort an array, an array with objects according to a certain pattern. Javascript has very performant and nice functions. But you can use these functions not only in the frontend. If you write your backend with NodeJS you will also appreciate the array […]
Was ist der Unterschied zwischen Unit-Tests und Function-Tests
Um es kurz zu fassen: Unit Tests gibt dem Entwickler ein Feedback ob sein bzw. der Code richtigfunktioniert. Dagegen machen Funktionstest eine Aussagen darüber, ob der Codeauch die richtige Sache macht. Unit Tests werden aus der Sicht des Programmierers geschrieben. Sie sollensicherstellen, dass eine bestimmte Methode (oder eine Einheit) einer Klasse eineReihe von spezifischen Aufgaben […]
CSS Einfache Bilder Gallery mit unterschiedlich hohen Bildern
Wer als Dev schon mal mit Bildern zu tun hatte weiß es. Bilder sind in den seltensten Fällen immer gleich groß. Aber es gibt ja auch fancy Bildergallerien die sich genau diese Diversität zu nutze machen. Und auch genau deswegen so cool aussehen. Das lässt sich ziemlich leicht mit purem CSS lösen. https://codepen.io/seotheater/pen/YzYrBqp
CSS not() – What?
Stellt Euch vor ihr möchtet eine CSS Property einem ganzen container zuweisen außer einem einzigen element nicht. Ihr könnt es jetzt schön manuel machen oder dem parent Element die Property zweusen aber im Selector die Pseudoklasse :not(‘selector’) noch verwenden. Somit erben alle Kinder bis auf das eine welches man aus seinem “Erbe” 😉 ausgetragen hat. […]
Wer Padding sagt sollte box-sizing in Erwägung ziehen
Schnell ist innerhalb einer Box ein padding links und ein padding rechts hinzugefügt. Was einigen abernicht bewusst ist, dass die padding die width des Containers ebenfalls beinflusst. Aus diesem Grund sollte man, wenn man das nicht wünscht ein box-sizing: border-box; dem Element mit dem Padding hinzufügen. Bei parent habe ich es nicht hinzugefügt und ihr […]
JS reduce()
Man hat ein array und möchte zum Beispiel alle Zahlen im Array kumulieren. Mit der Javascript Array Function reduce() geht das ganz leicht.
Return days of a month in an array
You need all days of a certain month then you can use this function: getDaysInMonth = (month,year) => new Date(year, month, 0).getDate();console.log( […Array(getDaysInMonth(3, 2022)).keys()] ); Greets!