Tools und Hilfsmittel für die Webgestaltung

Integrierte Browser Werkzeuge und die wichtigsten Funktionen

Firefox Entwickler-Werkzeuge (Menü -> Entwickler-Werkzeuge)

  • Inspektor für die Anzeige des HTML Codes und dass dazugehörigen CSS, Änderungen im Code möglich
  • Konsole für die Anzeige von Fehler Meldungen
  • Debugger für die Anzeige aller integrierten Javascript Dateien inklusive Quellcode, stoppen von einzelnen Dateien, unterscuhen und verändern
  • Stilbearbeitung für die Anzeige aller integrierten CSS Dateien inklusive Quellcode
  • Netzwerkanalyse für die Anzeige der Netzwerkanfragen beim Laden der Webseiten
  • Bildschirmgröße testen für die Anzeige der Webseiten in unterschiedlichen Bildschirmgrößen

Chrome Entwicklertools (Menü -> Weitere Tools -> Entwicklertools)

  • Elements für die Anzeige des HTML Codes und dass dazugehörigen CSS, Änderungen im Code möglich
  • Console für die Anzeige von Fehler Meldungen
  • Sources für die Anzeige aller geladenen CSS und Javascript Quellen
  • Netzwerk für die Anzeige der Netzwerkanfragen beim Laden der Webseiten
  • Application für die Anzeige des geladenen Ressourcen, wie Dateien und Bilder, HTML5-Datenbanken, Cookies, Sessions und ebenso der Cache
  • Toogle device toolbar für die Anzeige der Webseiten in unterschiedlichen Bildschirmgrößen

Opera Entwicklerwerkzeuge (Menü -> Entwickler -> Entwicklerwerkzeuge)

  • Elements für die Anzeige des HTML Codes und dass dazugehörigen CSS, Änderungen im Code möglich
  • Console für die Anzeige von Fehler Meldungen
  • Sources für die Anzeige aller geladenen CSS und Javascript Quellen
  • Netzwerk für die Anzeige der Netzwerkanfragen beim Laden der Webseiten
  • Application für die Anzeige des geladenen Ressourcen, wie Dateien und Bilder, HTML5-Datenbanken, Cookies, Sessions und ebenso der Cache
  • Toogle device toolbar für die Anzeige der Webseiten in unterschiedlichen Bildschirmgrößen

Add-ons und Erweiterungen

Firefox

Chrome

Opera

TUCAL und Bootstrap

Weitere genutzte Bibliotheken und Tools

Javascript

  • Highchart – Darstellung von Diagrammen (wird geladen)
    • Platzanzeiger
    • Statistik Universitätsbibliographie
  • D3.js – Darstellung von Grafiken und Treemaps (/afs/tu-chemnitz.de/www/root/ub/publizieren/openaccess/js)
    • Open Access Kosten
  • Raphael – Vektrografiken (/afs/tu-chemnitz.de/www/root/ub/map/../js/)
    • Standortkarten

CSS

  • Awesome Icons – zusätzliche Icons (/afs/tu-chemnitz.de/www/root/ub/awesome_icons)
    • Statistik Universitätsbibliographie
  • Links