ToolRecipe

Was willst du erledigen?

Datei hierher ziehen

or .

Eine App öffnen

Einem Rezept folgen

Alle Rezepte

Ein einzelnes Werkzeug nutzen

Alle Tools

In kebab-case umwandeln

Wandle Text in kebab-case um: kleine Wörter, mit Bindestrichen verbunden, etwa my-blog-post. Praktisch für CSS-Klassen, Dateinamen und URL-Teile. Läuft im Browser, kostenlos, ohne Upload.

So wandelst du Text in kebab-case um

  1. 1Füge deine Wörter ein, eine Wendung pro Zeile
  2. 2Lies darunter das Ergebnis in kebab-case ab
  3. 3Kopiere es mit dem Kopieren-Knopf
  4. Kleine Wörter, mit Bindestrichen verbunden.

Was du bekommst

  • Ein Ergebnis pro Zeile.Jede Eingabezeile wird einzeln umgewandelt, eine ganze Liste geht also auch.
  • Läuft beim Tippen.Die Ausgabe ändert sich mit jeder Taste, ein Knopf ist nicht nötig.
  • Nichts wird hochgeladen.Dein Text wird in deinem Browser umgewandelt und nirgends hingeschickt.

Was du tun kannst

  • Schreibt den Text klein und verbindet die Wörter mit Bindestrichen: „Contact Us Page“ wird zu contact-us-page.
  • Wandelt jede Zeile einzeln um, aus einer Liste von Seitentiteln wird so eine Liste von URL-Teilen.
  • Behält Ziffern und Buchstaben jedes Alphabets: „Größe 2“ ergibt größe-2.

Gut zu wissen

  • Wörter werden an allem getrennt, was kein Buchstabe und keine Ziffer ist, Satzzeichen fallen also weg. Ein Name, der schon Großbuchstaben hat, wie myVariable, wird dort nicht geteilt.
  • Umlaute bleiben erhalten. Für eine Webadresse ohne Umlaute nimm das Tool Text in Slug.

Fragen

Wo wird kebab-case verwendet?

Bei CSS-Klassen, HTML-Attributen, Dateinamen, npm-Paketnamen und in URLs.

Ist kebab-case dasselbe wie ein URL-Slug?

Fast, doch ein Slug entfernt meist auch Akzente und Sonderzeichen. Dieses Tool behält Umlaute.

Warum Bindestriche und keine Unterstriche?

Suchmaschinen lesen Bindestriche in URLs als Worttrenner, und in Dateinamen sind sie leichter zu lesen.

Wird mein Text an einen Server geschickt?

Nein. Die Umwandlung läuft in deinem Browser auf deinem Gerät. Dein Text wird weder hochgeladen noch gespeichert.

So funktioniert's

Kleine Tools, die in deinem Browser laufen.

Vier Schritte

  1. Mit einer Datei oder einer Aufgabe beginnen

    Zieh eine Datei rein, such oder wähle eine Aufgabe.

  2. Das Tool öffnet sich in einem Fenster

    Öffne so viele du willst, nebeneinander als Tabs.

  3. Ergebnisse sammeln sich rechts

    Zieh ein Ergebnis ins nächste Tool.

  4. Speichern, wenn du fertig bist

    Gespeicherte Dateien landen in deinen Downloads.

Wer nutzt was

Tool-Sets für häufige Aufgaben.

Ein Tool auf den Home-Bildschirm legen

Das Symbol öffnet das Tool wie eine App.

iPhone und iPad

  1. Öffne das Tool in Safari.
  2. Tippe auf Teilen (das Quadrat mit dem Pfeil).
  3. Wähle „Zum Home-Bildschirm“, dann „Hinzufügen“.

Android

  1. Öffne das Tool in Chrome.
  2. Tippe oben rechts auf das Menü (⋮).
  3. Wähle „Zum Startbildschirm hinzufügen“ oder „App installieren“.

Computer

  1. Öffne das Tool in Chrome oder Edge.
  2. Klick auf das Installieren-Symbol in der Adressleiste.
  3. Wähle Installieren.

Skills

Claude-Skills, die wir selbst nutzen, je eine Aufgabe.