In Abwesenheit von David sprachen Matthias Pfefferle und Jens Grochtdreis über ihre bevorzugten Tools. Das Thema bietet Stoff für lange Unterhaltungen, was sich in der Länge der Folge eindeutig niederschlug.
Wahl des Betriebssystems
- Mac, Windows oder Linux?
- Vernünftiges Screenshot-Tool für Mac? PC?
Welche IDE oder Editoren
Task-spezifische IDEs oder Alleskönner? Sind grosse IDEs, wie NetBeans, PHPStorm oder WebStorm auch auch für Frontend-Entwickler interessant?
Das Projekt aufsetzen
Viele Projekte haben die gleiche Basis und viele Arbeitsschritte wiederholen sich immer wieder. Diese Tools können helfen, das zu optimieren:
Yeoman
- init: yeoman init backbone
- models erstellen: yeoman init backbone:model modelName
- build: JS und CSS optimieren, validieren und minifien
- außerdem: Testsystem, Paket-Management, Task-Management, uvm.
Paketmanagement mit Bower (ähnlich wie npm oder RubyGems)
- Pakete installieren: bower install jquery
- Pakete updaten: bower update jquery-ui
Taskmanagement mit Grunt.js
- Immer wiederkehrende Tasks definieren: minify, test, compile (Sass/Less), lint, …
Nützliche Frameworks
Frameworks helfen beim besseren Umgang mit Formaten und bieten Möglichkeiten, die das Format nicht selbst unterstützt.
Nützliche Libraries
Klassiker
Erwähnenswert
- Twitter Bootstrap (pro und contra) (zusätzliche Ressourcen)
- Foundation (vor allem die ganzen zusätzlichen Ressourcen)
- HTML5 Boilerplate
Templating Engines
Wo macht Templating im Frontend Sinn? Macht es überhaupt Sinn?
Grafiken und Icons
Sprites
- Nur eine Grafik
- besseres Caching
- geringere Ladezeiten
- lassen sich mit Compass sehr einfach erstellen
Icon Fonts
- “beliebig” skalierbar
- über “color:” farblich beliebig anpassbar
- Verläufe auch über CSS möglich
Tools
- Font Awesome
- We Love Icon Fonts
- Font-Custom
- Fontello.com (vorgeschlagen von Matthias Mees)
Hilfeseiten
- Can I Use
- HTML5Please
- CSS3 Click Chart
- rgba für oldIE wandeln
- CSS3files.com
- dochub.io
- MDN
- MSDN
- Webbplatform.org