Maik Waffen

Maik Waffen

photography :: design :: web development

Hallo mein Name ist Maik Waffen ich bin Webworker & Hobbyfotograf.

Meine Technik

Notebooks: MacBook Pro (Retina, 13", Ende 2013); Acer Aspire 1410
Kameras: CASIO EXILIM EX-ZR100; NIKON D5100

Meine Kenntnisse

HTML, CSS, less, Javascript, jQuery, Smarty, php, MySQL, pqQuery, JTL, Joomla, Adobe Photoshop, Corel Draw, Hardware

Fotos von meinen Ausflügen

Bilder mit Liebe und Leidenschaft aufgenommen.

Blog

Sass installieren und in Netbeans einbinden

Sass unter Windows installieren

Zurerst muss man sich Ruby herunterladen und installieren Bitte den Haken bei Add Ruby executables to your PATH machen.

Als nächstes muss der Sass Compiler mit Hilfe vom Paketmanager gem installiert werden dies machen wir mit Hilfe der Konsole (Windowstaste + R -> cmd eingeben -> Enter). In der Konsole senden wir folgenden Befehl ab.

gem install sass

Das kann jetzt eine Weile dauern bis die Installation fertig ist.

Mit dem folgendem Befehl kann man schauen ob die Installation erfolgreich war.

sass -v

Sass in Netbeans unter Windows einrichten

Jetzt starten wir Netbeans. Im Menü gehen wir zu Extras -> Optionen. Im Optionen Fenster wählen wir HTML/JS aus, dort gehen wir zu dem Reiter CSS Preprocessors. Wir wählen in dem Feld Sass Path das Verzeichnis aus wo unser Sass Compiler liegt. z.B.:

C:\Ruby200\bin\scss.bat

Jetzt kann man in den Projekt Eigenschaften (rechte Maustaste auf ein Projekt) unter CSS Preprocessors im Reiter Sass die Ordner angeben die Überwacht werden sollen. Ich arbeite bevorzugt mit einem Compile Verzeichnis, so dass nicht alle Less Dateien überwacht werden.

Sass unter Mac OS installieren

Ruby Version überprüfen.

ruby -v

Sass installieren.

sudo gem install sass

Sass Version überprüfen.

sass -v

Sass in Netbeans unter Mac OS einrichten

Jetzt starten wir Netbeans. Im Menü gehen wir zu Netbeans -> Preferences. Im Optionen Fenster wählen wir HTML/JS aus, dort gehen wir zu dem Reiter CSS Preprocessors. Wir wählen in dem Feld Sass Path das Verzeichnis aus wo unser Sass Compiler liegt. z.B.:

/usr/local/bin/scss

Nun können wir in den Projekt Eigenschaften (rechte Maustaste auf ein Projekt) unter CSS Preprocessors im Reiter Sass die Ordner angeben die Überwacht werden sollen. Ich arbeite bevorzugt mit einem Compile Verzeichnis, so dass nicht alle Less Dateien überwacht werden.

Joomla Module Position mit Style im Artikel anzeigen

{loadposition [Modulposition],[Style]}

Less installieren und in Netbeans einbinden

Less installieren

Zurerst muss man sich Node.js herunterladen und installieren.

Als nächstes muss der Less Compiler mit Hilfe vom Paketmanager npm installiert werden dies machen wir mit Hilfe der Konsole (Windowstaste + R -> cmd eingeben -> Enter). In der Konsole senden wir folgenden Befehl ab.

npm install -g less

Das kann jetzt eine Weile dauern bis die Installation fertig ist.

Less in Netbeans unter Windows einrichten

Jetzt starten wir Netbeans. Im Menü gehen wir zu Extras -> Optionen. Im Optionen Fenster wählen wir HTML/JS aus, dort gehen wir zu dem Reiter CSS Preprocessors. Wir wählen in dem Feld LESS Path das Verzeichnis aus wo unser Less Compiler liegt. z.B.:

C:\Users\[USERNAME]\AppData\Roaming\npm\lessc.cmd

Jetzt kann man in den Projekt Eigenschaften (rechte Maustaste auf ein Projekt) unter CSS Preprocessors im Reiter LESS die Ordner angeben die Überwacht werden sollen. Ich arbeite bevorzugt mit einem Compile Verzeichnis, so dass nicht alle Less Dateien überwacht werden.

Less in Netbeans unter Mac OS einrichten

Jetzt starten wir Netbeans. Im Menü gehen wir zu Netbeans -> Preferences. Im Optionen Fenster wählen wir HTML/JS aus, dort gehen wir zu dem Reiter CSS Preprocessors. Wir wählen in dem Feld LESS Path das Verzeichnis aus wo unser Less Compiler liegt. z.B.:

/usr/local/bin/lessc

Nun können wir in den Projekt Eigenschaften (rechte Maustaste auf ein Projekt) unter CSS Preprocessors im Reiter LESS die Ordner angeben die Überwacht werden sollen. Ich arbeite bevorzugt mit einem Compile Verzeichnis, so dass nicht alle Less Dateien überwacht werden.

Notepad++ Monokai Theme einstellen

Starte Notepad++ gehe im Menü zu Einstellungen -> Stile. Bei Design Monokai auswählen, bei der Schriften -> Größe 10 auswählen. Danach nur noch die Haken bei Schriftart als Standard setzen und Schriftgröße als Standard setzen setzen.

Kontakt

So erreichen Sie mich

Adresse

Maik Waffen
Fritz-Ritter-Str. 19
07747 Jena
Germany

Telefon oder E-Mail

Telefon: +49 (0)3641-504790
Mobil: +49 (0)173-9346541
m.waffen@maikwaffen.de

Kontakt-Formular

Mit einem * markierte Felder sind unbedingt auszufüllen

Impressum

rechtliche Angaben und Datenschutz

Kontakt

Maik Waffen
Fritz-Ritter-Str. 19
07747 Jena
Germany

Telefon: +49 (0)3641-504790
Mobil: +49 (0)173-9346541
m.waffen@maikwaffen.de

Haftungshinweis

Trotz sorgfältiger inhaltlicher Kontrolle übernehmen wir keine Haftung für die Inhalte externer Links. Für den Inhalt der verlinkten Seiten sind ausschließlich deren Betreiber verantwortlich.

Google Analytics

Die Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. ("Google") Google Analytics verwendet sog. "Cookies", Textdateien, die auf Ihrem Computer gespeichert werden und die eine Analyse der Benutzung der Website durch Sie ermöglicht. Die durch den Cookie erzeugten Informationen über Ihre Benutzung dieser Website (einschließlich Ihrer IP-Adresse) wird an einen Server der Google in den USA übertragen und dort gespeichert. Google wird diese Informationen benutzen, um Ihre Nutzung der Website auszuwerten, um Reports über die Websiteaktivitäten für die Websitebetreiber zusammenzustellen und um weitere mit der Websitenutzung und der Internetnutzung verbundene Dienstleistungen zu erbringen. Auch wird Google diese Informationen gegebenenfalls an Dritte übertragen, sofern dies gesetzlich vorgeschrieben oder soweit Dritte diese Daten im Auftrag von Google verarbeiten. Google wird in keinem Fall Ihre IP-Adresse mit anderen Daten der Google in Verbindung bringen. Sie können die Installation der Cookies durch eine entsprechende Einstellung Ihrer Browser Software verhindern; wir weisen Sie jedoch darauf hin, dass Sie in diesem Fall gegebenenfalls nicht sämtliche Funktionen dieser Website voll umfänglich nutzen können. Durch die Nutzung der Website erklären Sie sich mit der Bearbeitung der über Sie erhobenen Daten durch Google in der zuvor beschriebenen Art und Weise und zu dem zuvor benannten Zweck einverstanden. Bitte informieren Sie sich diesbezüglich unter unseren Allgemeinen Geschäftsbedingungen AGB Google. Bitte berücksichtigen Sie zusätzlich Googles Datenschutzerklärung unter: Datenschutzerklärung Google

Drucken