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:

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!