{"id":17,"date":"2007-07-10T20:36:37","date_gmt":"2007-07-10T18:36:37","guid":{"rendered":"http:\/\/wordpress-buch.bueltge.de\/firefox-add-ons-fuer-die-erstellung-eines-wordpress-themes\/17\/"},"modified":"2007-07-10T20:36:37","modified_gmt":"2007-07-10T18:36:37","slug":"firefox-add-ons-fuer-die-erstellung-eines-wordpress-themes","status":"publish","type":"post","link":"https:\/\/bueltge.de\/wordpress-buch\/firefox-add-ons-fuer-die-erstellung-eines-wordpress-themes\/","title":{"rendered":"Firefox Add-ons f\u00fcr die Erstellung eines WordPress-Themes"},"content":{"rendered":"<p><a href=\"http:\/\/pagead2.googlesyndication.com\/pagead\/iclk?sa=l&amp;num=0&amp;client=ca-ref-pub-6961884676946222&amp;adurl=http:\/\/tools.google.com\/firefox\/toolbar\/bundle\/intl\/de\/%3Fai%3DBI11YiNCTRrf9EaGinQObqKHBDdGe8heFl5OXAsWNtwEAEAEgrJ2EBDgBUMCYt8UCYJWit4LIB5gBlIcBmAG-iAGYAYWTBqABtZXI_QOyAQpidWVsdGdlLmRlyAEC2gESaHR0cDovL2J1ZWx0Z2UuZGUvgAIBqAMD&amp;ai=BQZ2hiNCTRrf9EaGinQObqKHBDdGe8heFl5OXAsWNtwEAEAEgrJ2EBDgBULvKk9L______wFglaK3gsgHmAGUhwGYAb6IAZgBhZMGoAG1lcj9A7IBCmJ1ZWx0Z2UuZGXIAQLaARJodHRwOi8vYnVlbHRnZS5kZS-AAgGoAwM\"><img decoding=\"async\" class=\"alignright\" src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/imgad?id=CNTSgNuL4fuxChB9GH0yCGZaePZ_YPe-\" alt=\"Firefox-Button\" \/><\/a>Im <strong>Kapitel 9 des Buches<\/strong> sind einige n\u00fctzliche Add-ons f\u00fcr den Browser <a href=\"http:\/\/www.mozilla-europe.org\/de\/products\/firefox\/\">Firefox<\/a> genannt, die das Arbeiten und Erstellen von WordPress-Themes erleichtern. Die Fehleranalyse ist damit leicht und \u00fcbersichtlich. Aber auch die Entwicklung wird ohne kostenpflichtige Software vereinfacht. Viele Add-ons bringen sehr viele Funktionen, die ansonsten nur durch zus\u00e4tzliche Applikationen m\u00f6glich w\u00e4re.<\/p>\n<p>Die folgende Liste soll das Kapitel 9 nicht ersetzen, sondern bereichern und den Zugang zu den Add-ons erleichtern.<!--more--><\/p>\n<ul>\n<li><a href=\"http:\/\/chrispederick.com\/work\/web-developer\/\">Web Developer<\/a><br \/>\nDas Add-on Web Developer ist wohl die meistgenutzte Erweiterung von Webdesigner und Programmieren. Ich nutzt das Add-on sehr viel und gern. Die M\u00f6glichkeiten sind so umfangreich und trotzdem ist das Werkzeug leicht zu nutzen. Ein besonderes Highlight f\u00fcr das Erstellen von Webseiten mit CSS ist das Life-Editieren des Stylesheets. Damit wird jede \u00c4nderung sofort sichtbar.<\/li>\n<li><a href=\"http:\/\/www.getfirebug.com\/\">Firebug<\/a><br \/>\nMit diesem Werkzeug  erhalten Sie so m\u00e4chtiges Tool, dass es schon fast an ein Wunder grenzt, dass es kostenlos ist. Damit kann die Entwicklungszeit verk\u00fcrzt werden. Allein die Analysefunktion bereichern den Entwickler um tolle Werkzeuge. Die Konsole des Firebug kann innerhalb und ebenso in einem extra Fenster des Firefox genutzt werden. Ebenso kann das Add-on an die eigenen Bed\u00fcrfnisse angepasst werden. Editieren von HTML und CSS on the fly, live, sind nur einige Vorz\u00fcge.<\/li>\n<li><a href=\"http:\/\/users.skynet.be\/mgueury\/mozilla\/\">HTML Validator<\/a><br \/>\nPerfectes Webdesign beginnt mit validem Code, der dem Standard des W3C entspricht. Mit diesem Add-on ist es ein leichtes den Code  live zu pr\u00fcfen und  es findet nicht nur eine Pr\u00fcfung statt, sondern es werden auch Hinweise zum Beheben des Problems gegeben. Das Add-on kann mit verschiedenen  Einstellungen angepasst werden.<\/li>\n<li><a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/2104\">CSSViewer<\/a><br \/>\nDieses Add-on macht die CSS-Attribute eines Elementes sichtbar, einfaches MouseOver direkt auf der Webseite gen\u00fcgt und Sie wissen, welche CSS-Eigenschaften wirken. Die Informationen werden in einem Fenster \u00fcbersichtlich dargestellt.<\/li>\n<li><a href=\"http:\/\/www.kevinfreitas.net\/extensions\/measureit\/\">MeasureIt<\/a><br \/>\nOft muss man das eine oder andere in der Gr\u00f6\u00dfe pr\u00fcfen &#8211; dazu kann man viele Techniken anwenden, die einfachste und sch\u00f6nste &#8211; MeasureIt, messen direkt im Browser. Pr\u00fcfen Sie schnell die Box und passen Sie das CSS-Stylesheet an.<\/li>\n<li><a href=\"http:\/\/www.iosart.com\/firefox\/colorzilla\/\">ColorZilla<\/a><br \/>\nDieses kleine Add-on macht die Analyse von Farben sehr einfach. Laden Sie ein Bild in den Browser oder m\u00f6chten Sie die Farbwerte eines bestehenden Designs wissen, damit wird diese Aufgabe zum Kinderspiel.<\/li>\n<li><a href=\"https:\/\/addons.mozilla.org\/en-US\/firefox\/addon\/1146\">Screengrab!<\/a><br \/>\nEinen Screenshot bzw. Webshot einer Webseite zu erzeugen, war noch nie so komfortabel. Egal wie lang oder breit die Seite ist, man kann einen kompletten Screenshot haben.<\/li>\n<li><a href=\"http:\/\/ietab.mozdev.org\/\">IE Tab<\/a><br \/>\nDie Webseite soll in der Regel auf jedem Browser gleich aussehen &#8211; von dieser Einstellung sollten Sie sich schnellstens verabschieden. Allerdings sollte sie im gewissen Ma\u00dfe \u00e4hnlich sein. Damit Sie nicht gleichzeitig im Internet Explorer von Microsoft kontrollieren m\u00fcssen, gibt es das Addon IE Tab, mit dem Sie direkt im Firefox auf die Darstellung und Interpretation des IE zur\u00fcck greifen k\u00f6nnen. Ein Klick und Sie befinden sich im IE, inmitten des Firefox.<\/li>\n<li><a href=\"http:\/\/www.schloebe.de\/firefox-extensions\/wordpress-helper\/\">WordPress Helper<\/a><br \/>\nDie Erweiterung erleichtert es WordPress-Entwicklern, schnell und einfach \u00fcber das Firefox Kontext Men\u00fc (Win: rechte Mousetaste) auf Entwickler-relevante Dokumente des <a href=\"http:\/\/codex.wordpress.org\">WordPress Codex<\/a> zuzugreifen. So hat man alle wichtigen Hilfen stets schnell zur Hand.<br \/>\nAuch die Suche nach markiertem Text auf allen WordPress-Seiten ist m\u00f6glich. Ein Werkzeug, welches das Nachschlagen von WordPress Informationen enorm vereinfacht und beschleunigt.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Im Kapitel 9 des Buches sind einige n\u00fctzliche Add-ons f\u00fcr den Browser Firefox genannt, die das Arbeiten und Erstellen von WordPress-Themes erleichtern. Die Fehleranalyse ist damit leicht und \u00fcbersichtlich. Aber auch die Entwicklung wird ohne kostenpflichtige Software vereinfacht. Viele Add-ons bringen sehr viele Funktionen, die ansonsten nur durch zus\u00e4tzliche Applikationen m\u00f6glich w\u00e4re. Die folgende Liste&hellip; <a class=\"more-link\" href=\"https:\/\/bueltge.de\/wordpress-buch\/firefox-add-ons-fuer-die-erstellung-eines-wordpress-themes\/\"><span class=\"screen-reader-text\">Firefox Add-ons f\u00fcr die Erstellung eines WordPress-Themes<\/span> weiterlesen<\/a><\/p>\n","protected":false},"author":813,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[9,11],"class_list":["post-17","post","type-post","status-publish","format-standard","hentry","category-mehrwert","tag-firefox","tag-link","entry"],"_links":{"self":[{"href":"https:\/\/bueltge.de\/wordpress-buch\/wp-json\/wp\/v2\/posts\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bueltge.de\/wordpress-buch\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bueltge.de\/wordpress-buch\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bueltge.de\/wordpress-buch\/wp-json\/wp\/v2\/users\/813"}],"replies":[{"embeddable":true,"href":"https:\/\/bueltge.de\/wordpress-buch\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":0,"href":"https:\/\/bueltge.de\/wordpress-buch\/wp-json\/wp\/v2\/posts\/17\/revisions"}],"wp:attachment":[{"href":"https:\/\/bueltge.de\/wordpress-buch\/wp-json\/wp\/v2\/media?parent=17"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bueltge.de\/wordpress-buch\/wp-json\/wp\/v2\/categories?post=17"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bueltge.de\/wordpress-buch\/wp-json\/wp\/v2\/tags?post=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}