Anzeige
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.


eye home zur Startseite
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. Embedded Softwareentwickler/-in
    Bosch Thermotechnik GmbH, Lollar
  2. Mitarbeiter Zentrale-IT Service Desk (m/w)
    Raben Trans European Germany GmbH, Mannheim
  3. JavaScript Entwickler (m/w)
    financial.com AG, München
  4. HR Experte (m/w) Prozessmanagement
    MBDA Deutschland, Schrobenhausen

Detailsuche



Anzeige
Spiele-Angebote
  1. VORBESTELLBAR: No Man's Sky - Limited Edition - [PlayStation 4]
    79,99€ (Vorbesteller-Preisgarantie)
  2. Playstation 4 500 GB Konsole
    275,00€ inkl. Versand (Vergleichspreis ab 315€)
  3. Fallout 4 - Season Pass
    nur 26,98€ (Bestpreis!)

Weitere Angebote


Folgen Sie uns
       


  1. Quantum Break

    27-GByte-Patch deaktiviert das Upscaling

  2. Torsploit

    Früheres Mitglied der Tor-Entwickler half dem FBI

  3. Emulation

    Windows 95 auf der Apple Watch

  4. Valve Steam

    Zwei-Faktor-Authentifizierung hilft gegen Cheater

  5. Hitman

    Patch behindert Spielstart im Direct3D-12-Modus

  6. Peter Molyneux

    Lionhead-Studio ist Geschichte

  7. Deskmini

    Asrock zeigt Rechner mit Intels Mini-STX-Formfaktor

  8. Die Woche im Video

    Schneller, höher, weiter

  9. Ransomware

    Verfassungsschutz von Sachsen-Anhalt wurde verschlüsselt

  10. Kabelnetzbetreiber

    Angeblicher 300-Millionen-Deal zwischen Telekom und Kabel BW



Haben wir etwas übersehen?

E-Mail an news@golem.de


Anzeige
PGP im Parlament: Warum mein Abgeordneter keine PGP-Mail öffnen kann
PGP im Parlament
Warum mein Abgeordneter keine PGP-Mail öffnen kann

Nordrhein-Westfalen: Deutsche Telekom beginnt mit Micro-Trenching für Glasfaser
Nordrhein-Westfalen
Deutsche Telekom beginnt mit Micro-Trenching für Glasfaser
  1. FTTH Deutsche Glasfaser will schnell eine Million anschließen
  2. M-net Glasfaser für 70 Prozent der Münchner Haushalte
  3. FTTH Telekom wird 1 GBit/s für Selbstbauer überall anbieten

Mirror's Edge Catalyst angespielt: Flow mit Faith und fallen
Mirror's Edge Catalyst angespielt
Flow mit Faith und fallen

  1. Wann hört das mit diesen zusätzlichen Faktoren auf?

    Profi-Experte | 21:03

  2. Re: Spiele Studios veröffentlichen nur noch Mist !

    Cd-Labs: Radon... | 20:18

  3. Re: Schön

    Ovaron | 20:17

  4. Re: also ist Industrie 4.0 für niedere...

    jokey2k | 20:11

  5. Re: Rückerstattung

    turageo | 20:09


  1. 14:52

  2. 11:42

  3. 10:08

  4. 09:16

  5. 13:13

  6. 12:26

  7. 11:03

  8. 09:01


  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