labuero

< frontend developer >

Tag Archive: grunt

  1. grunt.js – Einer für alles

    3 Comments

    Handlebars, LESS, requireJS, responsive Images, die Anzahl der Tools und Best Practices in der immer komplexer werdenden Welt der Frontend Entwicklung ist schier unüberschaubar groß geworden. Und jedes Tool, jedes Vorgehen verlangt seinen eigenen Workflow. Grunt bedeutet sowohl grunzen als auch Arbeitstier womit sowohl Logo als auch die Aufgabe des Tools erklärt wären. Hiermit können wir fast alles was einem im Arbeitsalltag beim Umgang mit HTML, CSS und Javascript begegnet, unter einem Dach automatisieren. Im dem folgenden Tutorial versuche ich euch den Einstieg, mit der Einrichtung von Grunt zusammen mit einem SASS Prozess, zu vereinfachen.

    grunt-banner

    (mehr …)

  2. Grunt.js für Frontend Entwickler. Der einfache Einstieg.

    5 Comments

    Heutzutage jonglieren wir in unseren Webseiten mit etlichen CSS-Dateien, riesigen Javascripten und diversen jQuery Plugins umher. Für den Livebetrieb ist natürlich alles schön zusammengefasst, um möglichst wenige Requests an den Server zu senden. Und natürlich wird alles minifziert, um Kilobytes zu sparen. Und nach der dritten kleinen Anpassungen hat man keine Lust mehr, all diese Schritte von Hand zu machen. Hier kommt ein Build System ins Spiel, mit dem wir das alles, und sogar noch viel mehr, automatisieren können.

    Für Frontend-Entwickler eignet sich meiner Meinung nach am besten grunt.js. Es basiert auf Javascript, weswegen die Einstiegshürde relativ gering ist, und wird von node.js angetrieben. Ich möchte in einem kleinen Tutorial zeigen, wie einfach es ist, grunt schon bei kleineren Projekten mit nur wenig Javscript und CSS zu verwenden. Wer nicht abtippen möchte, das beschriebene Projekt gibt es ganz am Ende auch als Download.

    (mehr …)