14.09.08 // CSSDoc-Bundle für Textmate

Dirk Jesse hat CSSDoc-Snippets für Aptana veröffentlicht. Auf dem Mac ist Aptana jedoch nicht wirklich erste Wahl um CSS zu schreiben, Textmate, CSSEdit und Coda sind doch viel weiter verbreitet.

Leider gibt es für CSSEdit keine Möglichkeit Code-Snippets einzufügen, doch in Textmate ist das sehr komfortabel durch so genannte Bundles möglich.

Einfach die Datei CSSDoc.tmbundle herunter laden und entpacken und dann mit Doppelklick installieren.

Dokumentation:

Das Bundle nutzt für das Projekt-Snippet zwei Textmate Shell Variablen, die erst in den Einstellungen unter Advanced -> Shell Variables eingestellt werden sollten. Die beiden Variablen TM_AUTHOR und TM_COPYRIGHT stellen die Standardwerte für das Snippet dar.

Abbildung des Einstellungen-Dialogs von Textmate

Die Snippets werden per Tab-Trigger aktiviert, also indem nach dem Codewort die Tabulator-Taste gedrückt wird. Die Codewörter im Einzelnen:

  • Projekt-Snippet: cdproject
  • Section-Snippet: cds
  • Sub-Section-Snippet: cdss
  • Bugfix: cdbug
  • Work Around: cdwa

Danach kann man sich durch die einzelnen variablen Teile der Snippets „durchtabben“ und sie einfach überschreiben.

Zudem habe ich eine Tastenkombination für einfache Kommentare hinzugefügt, die durch ⌥⇧⌘C (Alt+Shift+Command+C) aktiviert wird.

Mal schauen, was noch aus dem CSSDoc-Standard sinnvoll dem Bundle hinzugefügt werden kann. Aber dazu muss ich mich erst noch mehr mit dem Standard auseinander setzen.

Weitere Infos zu CSSDoc gibt es unter CSSDoc.net, der erste Draft der Spezifikation ist auch verfügbar.

Aktualisiert mit den Hinweisen von Dennis !

UPDATE: Olaf Gleba hat eine aktualisierte Version entwickelt.

Kommentare (Abonnieren)

  1. Link zu diesem KommentarDer Caspers

    14. September 2008, 08:09 Uhr

    Sagst du bitte kurz Bescheid, wenn du die Version für BBEdit fertig hast?

  2. Link zu diesem KommentarDirk

    14. September 2008, 08:37 Uhr

    Klasse, Eric. Vielen Dank für die Mühe. Ich werde das gleich noch bei mir im Beitrag ergänzen.

  3. Link zu diesem KommentarPatrick

    14. September 2008, 08:49 Uhr

    Vielen lieben Dank fuer deine Muehen.

  4. Link zu diesem KommentarDennis Frank

    15. September 2008, 13:44 Uhr

    Super Eric! Sehr praktisch und ausbaubar. Werde CSSDoc jetzt vielleicht auch mal ein Projekt verwenden.

    Was mir aufgefallen ist:

    - Projekt-Snippet cdproject fehlt – im Bugfix-Snippet: bugifx (Rechtschreibfehler)

  5. Link zu diesem KommentarEric Eggert

    15. September 2008, 18:01 Uhr

    @Dennis: Danke, hab die Datei aktualisiert.