CSS: Google veröffentlicht Closure Stylesheets
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. Forschungsingenieur (m/w) im Themenfeld User Modeling
    Robert Bosch GmbH, Renningen
  2. Mitarbeiter (m/w) 2nd-Level-Software-Support
    REALTECH AG, Walldorf
  3. Technical Inhouse Consultant E-Commerce-Systems (m/w)
    Hornbach-Baumarkt-AG, Neustadt an der Weinstraße
  4. Wissenschaftliche Mitarbeiterin / Wissenschaftlicher Mitarbeiter
    Fraunhofer-Institut für Optronik, Systemtechnik und Bildauswertung IOSB, Karlsruhe

 

Detailsuche


Folgen Sie uns
       


  1. 360-Grad-Panorama-App

    Googles Photo Sphere gibt es jetzt für iOS

  2. Autonomes Fahren

    Googles fahrerlose Autos übertreten die Geschwindigkeit

  3. Snap

    Sky reagiert auf Netflix-Einstieg mit Preissenkung

  4. Basketball wichtiger

    Steve Ballmer gibt Microsoft-Vorstandsposten auf

  5. One (M8) for Windows

    HTCs Topsmartphone mit Windows Phone 8.1

  6. iFixit

    Project Tango Tablet wird zerlegt

  7. Ubisoft

    Abkehr von Xbox 360 und PS3 ab 2015

  8. Digitale Agenda

    38 Seiten Angst vor festen Zusagen

  9. Tarnen wie ein Tintenfisch

    Forscher entwickeln künstlichen Tarnmechanismus

  10. Alienware Alpha ausprobiert

    Fast lautlose Steam-Machine mit eigenem Windows-UI



Haben wir etwas übersehen?

E-Mail an news@golem.de



Alternatives Android im Überblick: Viele Wege führen nach ROM
Alternatives Android im Überblick
Viele Wege führen nach ROM
  1. Paranoid Android Zweite Betaversion von PA 4.5 veröffentlicht
  2. Cyanogenmod CM11s Oneplus verteilt Android 4.4.4 für das One
  3. Android-x86 Neue stabile Version des Android-ROMs für PCs veröffentlicht

Cyberith Virtualizer ausprobiert: Virtuelles Laufen ist anstrengend
Cyberith Virtualizer ausprobiert
Virtuelles Laufen ist anstrengend
  1. Cyberith Virtualizer In die Socken, Kickstart, los!
  2. Gear VR Samsungs VR-Brille soll auf der Ifa vorgestellt werden
  3. Virtual Reality Samsung entwickelt VR-Brille gemeinsam mit Oculus

Frauen und IT: "Frauen sind Naturtalente im Programmieren"
Frauen und IT
"Frauen sind Naturtalente im Programmieren"
  1. Samwer United Internet kauft großen Anteil von Rocket Internet
  2. Payfriendz Geld kostenlos per App überweisen
  3. Oliver Samwer "Sehr viele Unternehmen haben wir zu früh verkauft"

    •  / 
    Zum Artikel