Schlagwort-Archive: CSS

Zen Coding jetzt mit Notepad++

Vor kurzem habe ich über die Möglichkeit mit Zen Coding schnell und kompakt HTML-Code zu schreiben, berichtet. Leider gab es zu diesem Zeitpunkt noch kein Plugin für meinen Lieblingseditor, Notepad++, sondern nur einen Forenthread, in dem schon viele Leute ihren Wunsch nach einer Version für diesen Editor ausgedrückt haben.

Mittlerweile gibt es ein Plugin, dass die Funktionen auch vollständig umsetzt. Ich habe es heute heruntergeladen und getestet. Dazu muss man das Archiv einfach entpacken und in das Plugin-Verzeichnis von Notepad++ legen. Nachdem man den Editor neu gestartet hat, findet man auch einen neuen Eintrag mit dem Namen Zen Coding in der Menüleiste. Dort sind alle Funktionen aufgelistet. Falls einem die Shortcuts nicht zusagen, kann man sie auch verändern, indem man in den nach der start.js sucht und in der Datei ganz am Ende die Einträge anpasst.

Um einen Überblick über die vielfältigen Möglichkeiten zu bekommen, kann man sich in meinem ersten Beitrag das Video zu Zen Coding ansehen.

Der Link zum Plugin: Zen Coding – Notepad++ v.0.6

Zen Coding mit Notepad++

Das will ich haben!

Eins vorweg: Wer Zen Coding noch nicht kennt, dem sei gesagt, dass man auf diese Weise um einiges schneller HTML Code schreiben kann. Zumindest beim Erstellen des Grundgerüstes spart man eine Menge Zeit. Wie funktioniert das Ganze? Man notiert den Code, den man schreiben will, quasi durch CSS-Selektoren. Per Knopfdruck wird der Ausdruck dann in den entsprechenden HTML Code umgewandelt. Falls meine Erklärung etwas zu kompliziert ist, der kann sich auch das folgende Video anschauen:

Leider gibt es für den Editor Notepad++ noch kein Plugin, das die Funktionalität umsetzt. Aber anscheinend vermisse nicht nur ich dieses Plugin, auf der Projektseite von Zen Coding gibt es schon einen entsprechenden Request.

Ich werde das Thema mal beobachten, falls es etwas Neues dazu gibt, werde ich es hier posten.