suit: CSS automatisch differenzieren oder komprimieren

hallo,

wenn ich aktuell für ein bestehendes layout ein ergänzendes layout anfertige (zb mit anderen spaltengrößen, anderen farben usw) erstelle ich eine 1:1 kopie des bestehenden primär-layouts und passe dieses den anforderungen entsprechend an - dann vergleiche ich die beiden files mit winmerge und entferne aus dem zusätzlichen stylesheet alle redundanzen, so dass wirklich nur mehr die änderungen übrig bleiben (mit winmerge geht das ganz gut) - dann werden beide stylesheets eingebunden

natürlich lassen sich so nicht einfach automatisch alle doppelten zeilen entfernen, da die selektoren selbst und die schließenden klammern erhalten bleiben sollen

die nächste geschichte:
wenn ein stylesheet fertig ist, versuche ich das ganze noch möglichst zusammenzukürzen um bandbreite zu sparen

h2 { color: red; }
h3 { color: red; }

wird einfach zu folgendem zusammengefasst
h2, h3 { color: red }

das mache ich per hand - nun wäre es praktisch, da ganze automatisiert zu haben - also so ähnlich wie optipng - css-file angeben und die gekürzte variante ausgespruckt bekommen

ich nach etwas suchen das hier gefunden: http://www.cssdrive.com/index.php/main/csscompressor/
aber das ding ist mehr oder weniger lächerlich, es kürzt lediglich umbrüche und leerzeichen raus (und das nichtmal sonderlich gut)

und jetzt endlich die frage:
gibts für meine beiden probleme einfachere tools bzw wie handhabt ihr das?

  1. Hi,

    Der hier ist eigentlich recht gut:

    http://iceyboard.no-ip.org/projects/css_compressor
    --
    Selfcode: ie:{ fl:( br:> va:| ls:& fo:| rl:? n4:& ss:| de:/ js:} mo:) zu:}

    1. Der hier ist eigentlich recht gut:
      http://iceyboard.no-ip.org/projects/css_compressor

      der gefällt mir schon recht gut - muss ich mir mal näher ansehen, danke

  2. hi

    und jetzt endlich die frage:
    gibts für meine beiden probleme einfachere tools bzw wie handhabt ihr das?

    http://csstidy.sourceforge.net/

    lg Ulysses

  3. Hi suit!

    gibts für meine beiden probleme einfachere tools bzw wie handhabt ihr das?

    http://www.codebeautifier.com/
    Das Ding ist für diese Zwecke sehr gut geeignet.

    MfG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    1. http://www.codebeautifier.com/
      Das Ding ist für diese Zwecke sehr gut geeignet.

      und basiert auf csstidy...

      lG Ulysses

      1. http://www.codebeautifier.com/
        Das Ding ist für diese Zwecke sehr gut geeignet.

        und basiert auf csstidy...

        und gibt's online noch schöner (ohne ads)
        http://floele.flyspray.org/csstidy//css_optimiser.php

        lg Ulysses

    2. Hi,

      Der ist echt gut.

      --
      Selfcode: ie:{ fl:( br:> va:| ls:& fo:| rl:? n4:& ss:| de:/ js:} mo:) zu:}
  4. danke für die antworten, hab mich jetzt für csstidy entschieden

    ein notepad++-plugin wär cool dafür

    ganz zufrieden bin ich noch nicht, aber es ist schonmal sehr hilfreich