JavaScript: Try HTML/CSS und Screencast zu FireBug

Ein eigenes, kleines Mini-JavaScript zum Ausprobieren von HTML und CSS und von Jim Rutherford ein Screencast zum JavaScript-Debugger FireBug für Firefox.

JavaScript: Mini-Script - Try HTML/CSS

Try HTML/CSS ist ein Mini-JavaScript zum Ausprobieren von HTML und CSS.

Im Frameset gibt es rechts ein Eingabeformular für die HTML-Seite inklusive Stylesheets innerhalb von <style>...</style> und links die Darstellung im Web-Browser, die mit jedem Tastendruck im Eingabefeld aktualisiert wird, sofern im Browser JavaScript aktiviert ist.

Damit kann ganz direkt und spielerisch in verschiedenen Browsern ausprobiert werden was die einzelnen HTML-Elemente und CSS-Eigenschaften so bewirken.

Link

• Sven Drieling, "JavaScript: Try HTML/CSS"

[Direktlink]

JavaScript: Jim Rutherford, "Better JavaScript Debugging in 15 Minutes"

[via: Stefan Walter] Jim Rutherford stellt in einem 15-minütigen Screencast (benötigt Flash) den JavaScript-Debugger FireBug für den Web-Browser Firefox vor.

Gezeigt wird die Installation, das Loggen von Variablen und andere Informationen innerhalb der Konsole, die Anzeige von Fehlern im JavaScript-Code, die Benutzung des Debuggers, um den Ablauf eines Skript Schritt für Schritt zu verfolgen und der DOM-Inspektor zum Blick in den Baum aller HTML-Elemente einer HTML-Seite.

Links

• FireBug
• Jim Rutherford, "Better JavaScript Debugging in 15 Minutes", 28-May-2006, digitalmediaminute.com
• Manuela Hoffmann, "FireBug - Firefox Erweiterung für Webentwickler"

[Direktlink]