Über WebDev Tools

Ja, ich weiß. Die zehntausendste Toolsammlung im Internet. Wer braucht die schon?
Aber ich kann euch beruhigen. Dieses Projekt war nie geplant. Es ist ein Unfall, ein Produkt purer Prokrastination, aber auch aus einer echten Notwendigkeit heraus entstanden. Alles begann ganz harmlos auf meinem Desktop.

Am Anfang war das Skript.

Wie viele Entwickler hatte auch ich diverse Eigenbau-Tools auf meinem Localhost gespeichert. Kleine Skripte für alltägliche Ärgernisse: eine Em/Px-Umrechnung hier, ein kleiner Helfer dort. Dinge, für die ich zu faul war, um jedes Mal die gleichen Websites zu suchen. Mit Lesezeichen stehe ich nämlich auf absolutem Kriegsfuß.

Diese Helferlein taten brav ihren Dienst. Doch dann fügte ich zwei weitere hinzu und mein Webentwickler-Instinkt schlug gnadenlos zu: Ich begann, die Dinger zu verknüpfen. Ein Menü musste her. Ein bisschen Styling. Und plötzlich war ich mittendrin in allem, was einem so einfällt, wenn man sich erfolgreich von der eigentlichen Arbeit ablenken möchte. Aus der simplen Sammlung wurde ein ausgewachsenes Projekt. Ich musste es einfach „pimpen”, bis eine richtige kleine Website mit allem Drum und Dran vor mir stand.

Vom Skript-Chaos zur echten Web-App.

Aus den verstreuten Skripten sollte eine verlässliche Plattform entstehen. Um den Entwicklungsprozess zu beschleunigen und die Code-Strukturierung effizienter zu gestalten, habe ich Claude Code direkt in meinen Arbeitsablauf integriert. Dabei lag der Fokus aber immer auf Pragmatismus: Die Tools sollten schnell laden, intuitiv zu bedienen sein und genau das tun, was sie sollen, ohne unnötigen Schnickschnack. Jeder Webentwickler kennt die Versuchung, sich in endlosen Diskussionen über das perfekte Framework oder die eleganteste Architektur zu verlieren. Ich habe mich stattdessen für den direkten Weg entschieden: ein solides Bootstrap-Gewand, eine saubere Code-Basis und die eiserne Regel, dass „fertig und funktionierend“ wertvoller ist als theoretische Perfektion.

Vom Intranet ins wilde Web

Nachdem die Toolsammlung fertiggestellt war, leistete sie zunächst eine ganze Weile gute Dienste in unserem Firmennetzwerk. Irgendwann dachte ich mir: Warum eigentlich nicht mit der ganzen Welt teilen?

Wenn man ein Projekt für das Internet freigibt, sollte es allerdings nicht an Sprachbarrieren scheitern. Also packte mich noch einmal der Ehrgeiz, und ich habe das System vor der Veröffentlichung um Mehrsprachigkeit erweitert, um es für ein internationales Publikum nutzbar zu machen. Um das Ganze pragmatisch und effizient umzusetzen, habe ich für die Übersetzungen der Texte vollständig auf DeepL gesetzt.

Anschließend habe ich den Code aufgeräumt und die Seite öffentlich geschaltet. Weil das Ganze ja ohnehin aus einem „Unfall“ entstanden ist und vom Open-Source-Gedanken lebt, liegt der Code komplett offen. Wer mitbasteln will, eine Idee für ein neues Tool hat oder einen Fehler findet, ist herzlich eingeladen, sich zu beteiligen. Das Git-Repo findet ihr hier: https://github.com/RamonKaes/WebDev-Tools.

Ja, sorry. Jetzt ist sie also da, die 10.000ste Toolsammlung. Aber hey, immerhin hat sie eine gute Entstehungsgeschichte, und wer weiß, vielleicht erspart sie euch im Alltag genauso viel Sucherei wie mir!

Viel Spaß damit!

Ramon