- Integrierte Browser Werkzeuge und die wichtigsten Funktionen
- Add-ons und Erweiterungen
- TUCAL und Bootstrap
- Weitere genutzte Bibliotheken und Tools
- Links
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
- Firebug Add-on – ähnlich zu den Entwickler-Werkzeugen
- HTML Validator – Offline-Validierung des HTML Codes
- Web Developer
- Colorzilla – Ermittlung der verwendeten Farben im Hex Format
- Weitere Add-ons für Webentwickler
Chrome
- Web Developer
- ColorZilla – Ermittlung der verwendeten Farben im Hex Format
- Weitere Erweiterungen für Webentwickler
Opera
- Web Developer
- ColorPicker – Ermittlung der verwendeten Farben im Hex Format
TUCAL und Bootstrap
- TUCAL – CSS-Gestaltungselemente für Inhalte
- TUCAL – CSS-Gestaltungselemente zur Strukturierung
- TUCAL – Visitenkarten
- TUCAL – Erweiterungsmodule
- Bootstrap3(en) & Bootstrap3(de) – Famework auf dem TUCAL basiert. Alle Bootsrtap Funktionen sind nutzbar
- jQuery – Javascript Bibliothek ist bereits in Bootstrap integriert
- jQeury UI Javascript Bibliothek ist im TUCAL integriert
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
- W3C Validator – Prüfung auf valides HTML
- W3C School – Tutorial und Lernplattform für HTML, CSS, JavaScript, PHP, AngularJS, SQL, Bootstrap, Node.js, und jQuery
- PHP Handbuch
- HTML Entities – Darstellung von Sonderzeichen