Im folgenden kleinen Video-Tutorial möchte ich dir kurz zeigen, wie du mit Hilfe des Google Chrome Developer Tools oder der Firefox- und Safari-Erweiterung Firebug HTML und CSS-Elemente einer Webseite direkt im Browser kontrollieren kannst. So kannst du z.B. schnell die CSS-Klasse und die verwendeten CSS-Eigenschaften eines HTML-Elements heraus finden und diese dann gegebenenfalls anpassen oder, wenn du an einem WordPress Child-Theme arbeitest, in deinem eigenen Stylesheet neu definieren.
Hilfreiche Browser-Erweiterungen zur Webentwicklung:
- Firebug für Mozilla Firefox
- Web Developer für Firefox
- Safari Extensions Gallery (siehe Kategorie »Developer«)
Kennst du noch weitere Tipps oder nützliche Browser-Tools, die bei der Webentwicklung weiterhelfen? Über dein Feedback und weitere Tipps freue ich mich sehr!
Super, Ellen! Wieder sehr hilfreich! Verfolge euren Blog inzwischen regelmäßig und freue mich immer wieder über eure Tipps und Themes. Weiter so!
Hallo Joël,
vielen Dank für dein tolles Feedback ‚das freut uns total :-)
Viele Grüße,
Ellen
Hallo Ellen,
danke für dieses kleine Tutorial. Ich habe das jetzt mal mit Firefox ausprobiert und bin begeistert. Damit lassen sich wirklich auf die Schnelle ein paar Dinge kontrollieren.
Herzliche Grüße
Klaus
Ich klicke täglich mind. 100 mal auf den Marienkäfer :)
Noch ein cooles Werkzeug für JQuery Fans heißt: Firequery
Hi Ellen,
ich such nach einer Möglichkeit Videos anstelle eines Thumbnails auszugeben. Also wenn kein Artikelbild gesetzt ist dann soll er den Embed oder ShortCode nehmen. Bei Diesen Post hast du es ja offensichtlich auch so. Ich war schon auf der Suche, habe aber nicht brauchbares gefunden.
Grüße :)