Closure Tools für Web-Entwickler
Closure Tools für Web-Entwickler (Bild: Google)

CSS Google veröffentlicht Closure Stylesheets

Google erweitert seine Closure Tools um Closure Stylesheets. Die Software soll die Erstellung und Pflege von CSS vereinfachen und erweitert CSS dazu um Variablen, Funktionen, Bedingungen und Mixins.

Anzeige

CSS verhalte sich gegensätzlich zum DRY-Prinzip (Don't Repeat Yourself), das gute Programmierung prägt, schreibt Google-Entwickler Michael Bolin in einem Blogeintrag. Soll eine Farbe an verschiedenen Klassen zum Einsatz kommen, muss der entsprechende Code per Copy-and-Paste mehrfach in die CSS-Definition eingefügt werden, denn CSS kennt keine Variablen. Auch lassen sich keine Werte von anderen ableiten, da CSS keine Funktionen unterstützt. Da es auch keine Makros gibt, werden ähnliche Muster mehrfach dupliziert. Letztendlich seien Stylesheets dadurch sehr schwer zu warten, erklärte Bolin.

Closure Stylesheets soll das ändern. Ähnlich wie Sass oder Less erweitert Closure Stylesheets CSS um Variablen, Funktionen, Bedingungen und Mixins. Zudem minimiert die Software CSS-Code, prüft den Code (Linting), benennt CSS-Klassen um und unterstützt RTL-Flipping, um ein Layout auf Sprachen anzupassen, die von rechts nach links geschrieben werden.

Closure Tools

Vor rund zwei Jahren veröffentlichte Google unter dem Namen Closure Tools diverse Werkzeuge für Javascript-Entwickler, die mittlerweile sehr populär sind, allen voran der Closure Compiler. Er optimiert Javascript und kompiliert Webapplikationen in kompakten und schnellen Javascript-Code. Er entfernt nicht notwendigen Code schreibt den verbleibenden Code in minimierter Version neu, prüft dabei auch die Syntax, Variablenreferenzen sowie -typen und warnt vor üblichen Javascript-Problemen. So sollen letztendlich Javascript-Applikationen entstehen, die wenige Bugs enthalten und leichter zu warten sind.

Ergänzt wird der Compiler durch den Closure Inspector, eine Firebug-Erweiterung, die das Debuggen des verschleierten Codes (obfuscated code) so einfach macht, als habe man es mit für Menschen lesbarem Code zu tun, so Google. Zudem bietet Google mit der Closure Library eine umfangreiche Javascript-Bibliothek als Open Source an, die auch in Googles eigenen Produkten zum Einsatz kommt. Hinzu kommen die Closure Templates, Templates aus vorkompiliertem, effizientem Javascript.

Die Closure Tools und auch das neue Werkzeug Closure Stylesheets stehen bei Google-Code zum Download bereit.


Blair 20. Nov 2011

Ich verstehe nicht ganz ob das wirklich viel bringt. Besonders mit den neuen Selektoren...

Blair 20. Nov 2011

"Soll eine Farbe an verschiedenen Klassen zum Einsatz kommen, muss der entsprechende Code...

medokin 18. Nov 2011

Ich sehe in SASS und dem Compass-Framework noch die eleganteste Option CSS mehr Kick zu...

tliff 18. Nov 2011

Mixins, nicht Mixings.

Kommentieren



Anzeige

  1. Senior Software Entwickler/-in Mobile Internetanbindung
    Robert Bosch Car Multimedia GmbH, Hildesheim
  2. Software-Entwickler/in für fliegenden Versuchsträger
    ESG Elektroniksystem- und Logistik-GmbH, Fürstenfeldbruck
  3. IT-Spezialist / Betriebsmittelplaner (m/w)
    Leopold Kostal GmbH & Co. KG, Lüdenscheid
  4. IT-Consultant (m/w)
    Media-Saturn-Holding GmbH, Ingolstadt

 

Detailsuche


Top-Angebote
  1. NUR HEUTE: Kingston 120-GB-SSD
    49,90€ inkl. Versand
  2. NUR HEUTE: Original Apple Leder-Cover für iPad 2/3/4
    9,99€ inkl. Versand statt 39,00€
  3. NUR HEUTE: Teamgroup 8-GB-DDR3-1600 Kit
    39,90€

 

Weitere Angebote


Folgen Sie uns
       


  1. Raumfahrt

    Progress-Raumfrachter ist auf falschem Kurs

  2. BND-Affäre

    Opposition verlangt von Merkel Liste der NSA-Selektoren

  3. LG G4 im Hands On

    Hervorragende Kamera und edle Leder-Optik

  4. Skyworth

    Fernsehhersteller Metz wird chinesisch

  5. Boeing X-37B

    Neuer Flug für die US-Dauerdrohne

  6. Leistungsschutzrecht

    VG Media will Hunderte Millionen Euro von Google

  7. Windows 10

    Microsoft bezeichnet kostenloses Upgrade als Marketing

  8. Telefoniefunktion

    Whatsapp speichert Anrufe

  9. Dirt Rally

    Klassischer Motorsport im Early Access

  10. Netzpolitik

    Oettinger forciert Vorratsdatenspeicherung auf EU-Ebene



Haben wir etwas übersehen?

E-Mail an news@golem.de



The Ocean Cleanup: Ein Müllfänger für die Meere
The Ocean Cleanup
Ein Müllfänger für die Meere
  1. Vorbild Tintenfisch Tarnmaterial ändert seine Farbe
  2. Keine Science-Fiction Mit dem Laser gegen Weltraumschrott
  3. Maglev Magnetschwebebahn erreicht in Japan 590 km/h

Teut Weidemann: Die Tricks der Free-to-Play-Betreiber
Teut Weidemann
Die Tricks der Free-to-Play-Betreiber
  1. Call of Duty "Was erzählt der Reifen für eine Geschichte?"
  2. Don Daglow "Das Geschäftsmodell 'bessere Grafik' steht vor dem Ende"
  3. Virtual Reality Lineare Inhalte sollen VR massentauglich machen

GTA 5 im Technik-Test: So sieht eine famose PC-Umsetzung aus
GTA 5 im Technik-Test
So sieht eine famose PC-Umsetzung aus
  1. GTA 5 auf dem PC Erst beschränkter Zugriff, dann mehr Freiheit
  2. GTA 5 Es ist doch nicht 2004!
  3. GTA 5 PC Rockstar Games gibt Systemanforderungen für Ultra-HD bekannt

  1. Re: IMHO: Nett anzusehen und bestimmt auch nett...

    embix | 17:56

  2. Re: Ist bei Android Serie, interessiert aber kein...

    angrydanielnerd | 17:55

  3. Re: Die größten Tracker?

    don.redhorse | 17:53

  4. Re: Hexenjagt im Nexus?

    Danijoo | 17:53

  5. die hälfte von 11 is als 6?

    flasherle | 17:51


  1. 17:36

  2. 17:35

  3. 17:30

  4. 17:25

  5. 17:18

  6. 16:46

  7. 16:45

  8. 16:36


  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