Abo
  • Services:

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.

Artikel veröffentlicht am ,
Closure Tools für Web-Entwickler
Closure Tools für Web-Entwickler (Bild: Google)

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.

Stellenmarkt
  1. Statistisches Bundesamt, Wiesbaden
  2. KW-Commerce GmbH, Berlin

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.



Anzeige
Top-Angebote
  1. (u. a. Samsung Galaxy Note 8 für 379€ statt 403,95€ im Vergleich)
  2. 549,99€ (Bestpreis!)

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.


Folgen Sie uns
       


Samsung Galaxy S10e - Test

Das Galaxy S10e ist das kleinste Modell von Samsungs neuer Galaxy-S10-Reihe - und für uns der Geheimtipp der Serie.

Samsung Galaxy S10e - Test Video aufrufen
Geforce GTX 1660 im Test: Für 230 Euro eine faire Sache
Geforce GTX 1660 im Test
Für 230 Euro eine faire Sache

Die Geforce GTX 1660 - ohne Ti am Ende - rechnet so flott wie AMDs Radeon RX 590 und kostet in etwa das Gleiche. Der klare Vorteil der Nvidia-Grafikkarte ist die drastisch geringere Leistungsaufnahme.

  1. EC2 G4 AWS nutzt Nvidias Tesla T4 für Inferencing-Cloud
  2. Zotac Geforce GTX 1660 Ti im Test Gute 1440p-Karte für unter 300 Euro
  3. Nvidia Turing OBS unterstützt Encoder der Geforce RTX

Uploadfilter: Der Generalangriff auf das Web 2.0
Uploadfilter
Der Generalangriff auf das Web 2.0

Die EU-Urheberrechtsreform könnte Plattformen mit nutzergenerierten Inhalten stark behindern. Die Verfechter von Uploadfiltern zeigen dabei ein Verständnis des Netzes, das mit der Realität wenig zu tun hat. Statt Lizenzen könnte es einen anderen Ausweg geben.
Eine Analyse von Friedhelm Greis

  1. Uploadfilter EU-Kommission bezeichnet Reformkritiker als "Mob"
  2. EU-Urheberrecht Die verdorbene Reform
  3. Leistungsschutzrecht und Uploadfilter EU-Unterhändler einigen sich auf Urheberrechtsreform

Tom Clancy's The Division 2 im Test: Richtig guter Loot-Shooter
Tom Clancy's The Division 2 im Test
Richtig guter Loot-Shooter

Ubisofts neuer Online-Shooter beweist, dass komplexe Live-Spiele durchaus von Anfang an überzeugen können. Bis auf die schwache Geschichte und Gegner, denen selbst Dauerbeschuss kaum etwas anhaben kann, ist The Division 2 ein spektakuläres Spiel.
Von Jan Bojaryn

  1. Netztest Connect Netztest urteilt trotz Funklöchern zweimal sehr gut
  2. Netztest Chip verteilt viel Lob trotz Funklöchern

    •  /