{"id":78212,"date":"2015-06-19T09:09:21","date_gmt":"2015-06-19T07:09:21","guid":{"rendered":"http:\/\/www.ifun.de\/?p=78212"},"modified":"2015-06-19T10:02:55","modified_gmt":"2015-06-19T08:02:55","slug":"emmet-text-editor-plugin-vereinfacht-html-und-css-code","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/emmet-text-editor-plugin-vereinfacht-html-und-css-code-78212\/","title":{"rendered":"Emmet: Text-Editor-Plugin vereinfacht HTML- und CSS-Code"},"content":{"rendered":"<p>Das kostenlose <a href=\"http:\/\/emmet.io\/\">Emmet-Plugin<\/a> richtet sich in erster Linie an Webentwickler, die ihren allt\u00e4glichen Arbeitsablauf optimieren m\u00f6chten.<\/p>\n<p><a href=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2015\/06\/emmet-500.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2015\/06\/emmet-500.jpg\" alt=\"emmet-500\" width=\"500\" height=\"284\" class=\"aligncenter size-full wp-image-78214\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/06\/emmet-500.jpg 500w, https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/06\/emmet-500-300x170.jpg 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>Habt ihr Emmet in den von euch pr\u00e4ferierten Editor <a href=\"http:\/\/emmet.io\/download\/\">installiert<\/a> &#8211; das Plugin steht unter anderem f\u00fcr Textmate, Sublime, Atom, Coda und Espresso zur Verf\u00fcgung &#8211; lassen sich neue HTML-Dokumente schnell mit Hilfe eines vereinfachten CSS-Syntax erstellen.<\/p>\n<p>Kurzes Beispiel: Schon mit der Eingabe von von <code>div&gt;ul&gt;li<\/code> k\u00f6nnt ihr euch einen komplett verschachtelten Block wie diesen erstellen:<\/p>\n<p><code>&lt;div&gt;<br \/>\n&lt;ul&gt;<br \/>\n&lt;li&gt;&lt;\/li&gt;<br \/>\n&lt;\/ul&gt;<br \/>\n&lt;\/div&gt;<br \/>\n<\/code><\/p>\n<p>Die <a href=\"http:\/\/docs.emmet.io\/\">Emmet Dokumentation<\/a> ist umfangreich, kleine Demo-Videos und eine Syntax-Zusammenfassung helfen Einsteigern bei den ersten Schritten mit dem hier erh\u00e4ltlichen Plugin.<\/p>\n<p><a href=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2015\/06\/emmet.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2015\/06\/emmet.jpg\" alt=\"emmet\" width=\"700\" height=\"246\" class=\"aligncenter size-full wp-image-78213\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/06\/emmet.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/06\/emmet-300x105.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.ifun.de\/emmet-text-editor-plugin-vereinfacht-html-und-css-code-78212\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2015\/06\/emmet-icon.jpg\" class=\"alignright tfe wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Das kostenlose Emmet-Plugin richtet sich in erster Linie an Webentwickler, die ihren allt\u00e4glichen Arbeitsablauf optimieren m\u00f6chten. Habt ihr Emmet in den von euch pr\u00e4ferierten Editor installiert &#8211; das Plugin steht unter anderem f\u00fcr Textmate, Sublime, Atom, Coda und Espresso zur Verf\u00fcgung &#8211; lassen sich neue HTML-Dokumente schnell mit Hilfe eines vereinfachten CSS-Syntax erstellen. Kurzes Beispiel: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":78222,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6],"tags":[1300,4738],"class_list":["post-78212","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entwickler","tag-code","tag-entwickler"],"acf":[],"aioseo_notices":[],"featured_image":["http:\/\/images.ifun.de\/wp-content\/uploads\/2014\/11\/editor.jpg"],"rest_api_enabler":{"featured_image":"http:\/\/images.ifun.de\/wp-content\/uploads\/2014\/11\/editor.jpg"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/78212","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=78212"}],"version-history":[{"count":1,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/78212\/revisions"}],"predecessor-version":[{"id":78215,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/78212\/revisions\/78215"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/78222"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=78212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=78212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=78212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}