Ich möchte nachfolgend ein Projekt von mir vor- und zur Diskussion stellen. Da es sich um keine Webseite handelt, poste ich es bewusst in diesem Forum. Ausgangspunkt war, dass zwar eine Vielzahl nützlicher Frameworks für den Frontend Workflow existieren, aber keines das diese Tools miteinander verknüpft. Da mir auch Yeoman keinen passenden Generator bot, habe ich etwas Eigenes auf Basis von Grunt geschrieben und es kickOff genannt.
kickOff verknüpft Bootstrap, Modernizr, jQuery, Sass, Compass und FontAweSome. Dabei lassen sich einzelne Module auch abschalten, falls einem das zuviel Overload ist.
Der eigentliche Fokus liegt allerdings auf den automatisierten Background Tasks mit Grunt. Zu den Features gehören u.a.:
- Überwachung von Dateiänderungen
- Kompilierung von Sass und JavaScript Dateien
- JavaScript Linting
- Optimierung von Bildern
- Ein Server auf localhost:3000, der selbständig startet und jegliche Änderungen sofort anzeigt, ohne dass man den Browser manuell refreshen muss.
- Automatische Erstellung eines Production Builds mit minified Dateien für optimale Performance auf Live.
Das Github Repo von kickOff findet ihr hier:
http://goo.gl/ycqeUJ
Und eine Demo der dem Repo beiligenden index.html hier:
http://goo.gl/DsjIT4
Würde mich freuen, wenn ihr es mal ausprobieren und Feedback liefern würdet.
kickOff verknüpft Bootstrap, Modernizr, jQuery, Sass, Compass und FontAweSome. Dabei lassen sich einzelne Module auch abschalten, falls einem das zuviel Overload ist.
Der eigentliche Fokus liegt allerdings auf den automatisierten Background Tasks mit Grunt. Zu den Features gehören u.a.:
- Überwachung von Dateiänderungen
- Kompilierung von Sass und JavaScript Dateien
- JavaScript Linting
- Optimierung von Bildern
- Ein Server auf localhost:3000, der selbständig startet und jegliche Änderungen sofort anzeigt, ohne dass man den Browser manuell refreshen muss.
- Automatische Erstellung eines Production Builds mit minified Dateien für optimale Performance auf Live.
Das Github Repo von kickOff findet ihr hier:
http://goo.gl/ycqeUJ
Und eine Demo der dem Repo beiligenden index.html hier:
http://goo.gl/DsjIT4
Würde mich freuen, wenn ihr es mal ausprobieren und Feedback liefern würdet.
Zuletzt bearbeitet: