Programmierblog von Johannes Dienst

LESS in Eclipse automatisch kompilieren

Posted by in CSS, eclipse, Präprozessor

In letzter Zeit arbeite ich viel mit dem CSS-Präprozessor LESS. Da es für meine Lieblingsentwicklungsumgebung Eclipse anscheinend kein gutes Plugin gibt, habe ich mir einen Project-Builder zusammengebaut, der bei einer Änderung in LESS automatisch die neue CSS-Datei erstellt. Setup Unter der github-Seite des Projekts in der Sektion Getting started gibt es verschiedene Installationsmöglichkeiten. Je nach Einsatzgebiet wählt man dann das Passende aus. Wichtig ist, sich den Installationsort zu merken (vor allem unter Windows). Unter Linux hilft einem das Konsolenkommando whereis lessc weiter (bei mir ist das /usr/bin/lessc). Dieser Pfad wird…read more

0

SASS mit libsass in Nodejs (1): Installation

Posted by in CSS, Nodejs, Präprozessor

Dieser Blog beschreibt das Setup das notwendig ist, um SASS anstatt mit Ruby mit Nodejs zu kompilieren. Dazu wird die Library namens libsass benötigt und der Taskrunner Grunt mit dem Modul grunt-sass. Grunt sorgt dafür, dass bei einer Änderung in den SASS-Dateien automatisch das CSS neu erstellt wird. So erspart man sich nervige manuell angestoßene Kompilierungsvorgänge. package.json Zuerst erstellen wir einen Projektordner und legen in diesen eine package.json mit folgendem Inhalt:

Soweit so gut und nichts Besonderes. grunt-contrib-watch sorgt für das automatische Neukompilieren bei Änderung von SASS-Dateien. grunt-sass musste…read more

0

Mit Stylus Webseiten Stylen

Posted by in CSS, Nodejs, Präprozessor

Wer mein Nodejs-Tutorial aufmerksam gelesen hat (Wer nicht kann das gerne nachholen 😉 ) hat sich sicher schon gefragt, ob ich das so lassen will von der Optik her. Natürlich nicht! Das CSS zu erstellen hätte nur völlig den Rahmen gesprengt. Deswegen hole ich das mit diesem Beitrag nach. Für die CSS-Erstellung sind heutzutage Präprozessoren voll im Trend. Neben Sass, Less und noch ein paar weiteren unbekannteren Vertretern, hat sich für Nodejs Stylus als Quasi-Standard etabliert. Deswegen werde ich auf die ersten Schritte, die mit man so mit Stylus macht…read more

0