CSS Trashman optimiert CSS-Code.
CSS Trashman optimiert CSS-Code. (Bild: Joe Nelson)

Ratiocinator CSS-Trashman wirft überflüssige Stylesheets raus

Joe Nelson hat mit CSS Trashman einen Dienst gestartet, der für bestehende Webseiten optimale Stylesheets erzeugen soll. Der Dienst basiert auf der von Nelson entwickelten Open-Source-Bibliothek Ratiocinator.

Anzeige

CSS-Code wächst bei vielen Projekten mit der Zeit und wird selten bereinigt. Das will Joe Nelson mit seinem Dienst CSS Trashman ändern. Er steht in einer Betaversion zur Verfügung und soll aus einer URL den für die jeweilige Webseite optimalen CSS-Code erzeugen. Noch klappt das aber nicht ganz.

CSS Trashman basiert auf der von Nelson entwickelten Open-Source-Bibliothek Ratiocinator. Während andere CSS-Optimierer die CSS-Angaben analysieren und optimieren, geht Nelson mit Ratiocinator einen ganz anderen Weg. Dieser erstellt aus dem DOM der gerenderten Webseite den für die Darstellung notwendigen CSS-Code. Dazu kommt das auf Webkit basierende PhantomJS zum Einsatz, das den Quelltext einer Webseite rendert und zugleich eine Liste der letztendlich dargestellten Styles erzeugt. Diese nutzt Ratiocinator und entfernt unnötige Doppelungen. Danach werden noch die Standard-Styles des Browsers abgezogen und anschließend die Styles konsolidiert. Dabei wird nach CSS-Eigenschaften im DOM gesucht, die mehrfach vorkommen, so dass mit verschachtelten Klassen der Code reduziert werden kann. So soll am Ende möglichst kompakter CSS-Code entstehen, mit dem sich die Webseite in identischer Form rendern lässt.

Noch gibt es aber einige Probleme: So werden Angaben zu Höhe, Breite und Rändern von Elementen in festen Pixelwerten angegeben, was nicht optimal ist. Auch wird derzeit kein Code für Pseudoelemente wie :hover oder :visited erzeugt. Auch Media-Queries werden nicht unterstützt.

Nelson hofft daher auf Mithilfe und meint damit in erster Linie Fehlerberichte. Aber auch Entwickler, die helfen wollen, die bekannten Probleme zu lösen, sind willkommen.


joocom 23. Apr 2014

Hallo, wir arbeiten in letzter Zeit sehr viel mit Grunt. Wie man schnell und einfach...

Th3Dan 29. Jan 2013

Warum sollen 4 CSS-Dateien nicht gecached werden können? Das geht mit entsprechender...

olleIcke 29. Jan 2013

Sieh an! Ich les öfter mal peterbe.com. Und der hat gerade erst das hier geposted...

LH 29. Jan 2013

Es geht nicht um das durchtauschen von Designs, sondern um das Optimieren der CSS...

Kommentieren



Anzeige

  1. Trainee IT (m/w) Schwerpunkt SAP-Applikation
    Müller Service GmbH, Aretsried, Freising, Leppersdorf, Dissen
  2. Senior Information Architect - Experte für Informationssicherheit (m/w)
    Enercon GmbH, Aurich
  3. Software Project Manager (m/w)
    MED-EL Medical Electronics, Innsbruck (Österreich)
  4. IT-Projektleiter (m/w)
    RENA Technologies GmbH, Gütenbach

 

Detailsuche


Top-Angebote
  1. NUR BIS MONTAG 09:00 UHR: Dragon Age: Inquisition - PlayStation 4
    35,00€ inkl. Versand
  2. VORBESTELLBAR: Avengers - Age of Ultron [Blu-ray]
    22,79€ (Vorbesteller-Preisgarantie)
  3. NUR BIS MONTAG 09:00 UHR: Watch_Dogs (Special Edition) - PlayStation 4 USK 18
    17,00€ inkl. Versand

 

Weitere Angebote


Folgen Sie uns
       


  1. Aerofoils

    Formel-1-Technik macht Supermarkt-Kühlregale effizienter

  2. Force Touch

    Apples Trackpad könnte künftig verschiedene Oberflächen simulieren

  3. Bodyprint

    Yahoo-Software verwandelt Touchscreen in Ohr-Scanner

  4. BKA

    Ab Herbst 2015 soll der Bundestrojaner einsetzbar sein

  5. Die Woche im Video

    Computerspiele, Whatsapp und Fire TV Stick

  6. Amtsgericht Hamburg

    Online-Partnervermittlungen dürfen kein Geld nehmen

  7. Elite Dangerous

    Powerplay im All

  8. Martin Gräßlin

    KDE Plasma läuft erstmals unter Wayland

  9. Canonical

    Ubuntus Desktop-Next soll auf DEB-Pakete verzichten

  10. Glass Chair

    Mit der Google Glass den Rollstuhl steuern



Haben wir etwas übersehen?

E-Mail an news@golem.de



Flex Shape Gripper: Zuschnappen wie ein Chamäleon
Flex Shape Gripper
Zuschnappen wie ein Chamäleon
  1. Windkraftwerke Kletterroboter überprüft Windräder
  2. Care-O-bot Der Gentleman-Roboter gibt sich die Ehre
  3. Roboter Festos Falter fliegen fleißig

Android 5.1 im Test: Viel nützlicher Kleinkram
Android 5.1 im Test
Viel nützlicher Kleinkram
  1. Google EU-Wettbewerbsverfahren auch zu Android
  2. Lollipop Trage-Erkennung setzt Passwortsperre aus
  3. Google Android 5.1 bringt mehr Bedienungskomfort und Sicherheit

Everybody's Gone to the Rapture: Apokalypse in der Nachbarschaft angespielt
Everybody's Gone to the Rapture
Apokalypse in der Nachbarschaft angespielt
  1. Indiegame Sony bringt Journey in Full-HD auf die Playstation 4
  2. Alienation angespielt Zerstörungsorgie von den Resogun-Machern
  3. Axiom Verge im Test 16 Bit für Genießer

  1. ¤3,5/Kg?

    Tobias Claren | 06:38

  2. Re: Antwort: Alles ausser neuere Spiele, die...

    Tzven | 06:16

  3. Re: Aufrüsten?

    Tzven | 04:01

  4. Wie Sie alle 20 Minuten, auch im Schlaf, Geld...

    junimond | 03:43

  5. Re: ohne apt kein ubuntu

    Seitan-Sushi-Fan | 02:54


  1. 15:17

  2. 10:05

  3. 09:50

  4. 09:34

  5. 09:01

  6. 18:41

  7. 16:27

  8. 16:04


  1. Themen
  2. A
  3. B
  4. C
  5. D
  6. E
  7. F
  8. G
  9. H
  10. I
  11. J
  12. K
  13. L
  14. M
  15. N
  16. O
  17. P
  18. Q
  19. R
  20. S
  21. T
  22. U
  23. V
  24. W
  25. X
  26. Y
  27. Z
  28. #
 
    •  / 
    Zum Artikel