[DwCS6] Editor-Extensions/Plugins für SASS/LESS

[patrick_l]

Hi allerseits,

ich setze mich gerade wieder vermehrt mit SASS und LESS auseinander. Soweit so gut. Bin jetzt allerdings auf der Suche nach einer guten Extensions. Primär für Dreamweaver CS6, aber auch andere Editore (Sublime Text 2, Coda, Aptana oder N++).

Weiß jemand von euch weiter? Nebenbei wären Tipps zu guter Fachlektüre nicht schlecht. Darf auch ruhig englischsprachig sein. Wobei ich deutsch verständlicherweise vorziehe. Bücher und Plugins dürfen auch ruhig ein paar Euronen kosten.

Liebe Grüße, Patrick

 

[cythux]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

http://blog.assortedgarbage.com/2012/03/using-dreamweaver-with-sass-and-less/

SASS
Und hier eine Liste von Sass unterstützten Editoren


Du musst da eigentlich nur rails installieren
CMD Console öffnen und gem install -sass
sowie empfehle ich da noch Compass zu installtion
http://thesassway.com/beginner/getting-started-with-sass-and-compass



http://compass-style.org/install/

LESS


Sublime Text
http://wbond.net/sublime_packages/package_control
http://wbond.net/sublime_packages/community

 

[patrick_l]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

Wow! Ganz dickes Dankeschön. Irgendwie habe ichs ja gerochen, das bei SASS etwas von dir kommt. Halt die Tage schon mal bisschen was aus einem Post von dir raus gelesen.

Besten Dank und liebe Grüße, Patrick

 

[cythux]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

Ja, hatte irgendwo auch geschrieben das man nach dem man sich in CSS eingearbeitet hat auf jedenfall SASS/LESS anschauen sollte.

Besonders da viele es inzwischen nutzen in den Staaten wie chris Coyer und co

Und denke das es, damit angenehmer wird als mit den ganzen -vendor tags
und man kann damit ja auch direkt auch eine compressed version für eine Produktive Seite erstellen.

Aber im moment bin auch noch Anfänger darin *leider, ansonsten hätte ich bestimmt schon ein Tutorial geschrieben.

http://stackoverflow.com/questions/15940494/sass-support-in-chromer-developer-tools

Falls jemand info's dazu hat bin ich genauso happy darüber wie @Patrick ebenso

 

[patrick_l]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

War glaube ich auf der Suche nach nem Framework und bin dann eigentlich eher zufällig über SASS gestolpert. Beim weiteren recherchieren natürlich auch LESS auf geschnappt. Wenn man sich erst einmal eingearbeitet hat, denke ich das die Zeitersparnis enorm ist.

Für kleine Websites jetzt vielleicht nicht so relevant. Sobald es mehr wird aber wohl spürbar. Ich bin jetzt auch erst am Anfang. Hoffe das ich da recht flott voran komme. Sollte ich auch noch was finden, gebe ichs direkt hier oder per PN an dich weiter.

 

[cythux]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

Ja das wäre super, für kleine Seiten lohnt es sich derzeit noch nicht. Währe auch schön sich viele für dieses Thema interessieren täten. OOCSS ist natürlich auch interessant, deswegen bin ich eigentlich zu SASS gekommen. Da man dort eher object orientiert arbeitet

Less wird zb im Bootstrap Framework genutzt, und eine SASS Variante soll es auch geben auf github

Sass wird zb im Founddation Framework genutzt

 

[patrick_l]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

Das Bootstrap Framework habe ich mir auch angeschaut gehabt. Vorrangig werde ich jetzt erst einmal SASS angehen. Erst einmal in eine Sache rein fuchsen. Je nachdem wie ich voran komme geht es mit LESS weiter.

Denke ja das beide vor allem bei der Theme/Template Entwicklung für unterschiedliche CMS ein Gewinn sind. Auch wenn es bei anderen Projekten nicht viel anders ist, aber finde das sich der Code gerade immer etwas aufbläht. Halt wegen der CMS eigenen "Prefixes".

Vielleicht gibt es ja hier doch noch einige mehr, die sich dafür interessieren.

 

[cythux]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

Wäre auf jedenfall schön, wenn sich einge mehr dafür interessieren würden. Bei Wordpress kann man es zumindest schon nutzen.


http://css-tricks.com/compass-compiling-and-wordpress-themes/

 

[cythux]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

Ist mir gerade via Newsletter reingeflattert

http://css-tricks.com/sass-style-guide/

 

[TehTux]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

Hi,

ich konnte mich vor ca. einem Monat auch für Sass begeistern, seidem benutze ich es nur noch egal ob kleines oder großes Projekt. Besonders gut gefällt mir die leichte Generierung von CSS-Sprites. (EDIT: eh das ist auf Compass bezogen *hust*)

Hier hab ich noch zwei Links, die für den Einstieg ganz okay sind:
http://maddesigns.de/compass-sass-1472.html
http://t3n.de/magazin/css-entwicklung-sass-einsatz-229621/

Für Compass ist Susy auch sehr interessant sein:
http://susy.oddbird.net/

 

[cythux]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

Habe mir mal die Gem von susy installiert
und auch noch die von Bourbon -schein auch interessant zu sein
http://bourbon.io/

 

[cythux]

AW: [DwCS6] Editor-Extensions/Plugins für SASS/LESS

Seit Chrome 28, kann man sogar einstellen - das anstelle der generierten Css Datei -> die Sass version im Code angezeigt wird.

http://alphapixels.com/prepros/ hier findet man nun auch eine App im Stil von CodeKit
und es funktioniert auch unter Windows und Mac