Erfahren Sie, wie Sie blitzschnellen Code in 4 Minuten schreiben können Screencast

Wir alle kennen die Vorteile der Verwendung von Snippets und Bundles, um die Codierung zu beschleunigen, aber was wäre, wenn wir einen Schritt weiter gehen könnten und eine komplexe HTML-Struktur in etwas so einfaches wie einen CSS-Selektor umwandeln könnten? Dank eines neuen Projekts namens Zen-Coding können wir genau das tun!

In diesem vierminütigen Videotipp werde ich Ihnen zeigen, wie das geht.

Laden Sie die Zen-Codierung herunter

Andere Anzeigeoptionen

• iTunes / herunterladbare Version (keine Werbung)

Aktualisieren

In den folgenden Kommentaren habe ich vorgeschlagen, dass es nett wäre, wenn wir auch den generischen "Lorem" -Text einfügen könnten, so wie:

 div # header> p> lorem

Das würde so etwas erzeugen:

 
 
 Lorem ipsum dolor sitzen amet, consectetur adipisicing elit, sed do eiusmod temporary incididunt ut labore und dolore magna aliqua. Ut enim ad minim veniy, quis nostrud ausüben ullamco laboris nisi ut aliquip ex a commodo follat. Duis auture irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nicht proident, sunt in culpa qui officia deserunt mollit anim id est laborum. 
 

Ich wusste leider nicht, wie ich das machen soll. Aber zum Glück konnte mir der Autor von Zen-Coding Sergey helfen. Ich habe einen sechzig Sekunden langen Screencast aufgenommen, der Ihnen zeigt, wie Sie dies zulassen. Sie können es hier sehen.

Zusätzliche Ressourcen

• Demo-Video mit aktuellen Funktionen
• Die Kunst des Zen-Kodierens
• Eine neue Möglichkeit, HTML-Code zu schreiben

• Folgen Sie uns auf Twitter oder abonnieren Sie den Nettuts + RSS-Feed für die besten Webentwicklungs-Tutorials im Web.

Schreibe ein Plus-Tutorial

Wussten Sie, dass Sie bis zu 600 US-Dollar verdienen können, wenn Sie ein PLUS-Tutorial und / oder einen Screencast für uns schreiben? Wir suchen ausführliche und gut geschriebene Tutorials zu HTML, CSS, PHP und JavaScript. Wenn Sie die Möglichkeit haben, wenden Sie sich bitte an Jeffrey unter [email protected].

Bitte beachten Sie, dass die tatsächliche Kompensation von der Qualität des abschließenden Tutorials und des Screencasts abhängt.