WebDevTeam’s Blog

Wir haben schon etwas zu CSS Sprites geschrieben, es gibt auch einige Tools dazu. Aber jetzt gibt es ein viel Besseres! Bei Ajaxian habe ich gerade den Artikel dazu gelesen und die verlinkte Demo ausprobiert. Und ich muss schon sagen, dass ich ziemlich fasziniert bin, was so ein kleines Bookmarklet so machen kann

Man kann damit aus den bestehenden Grafiken CSS Sprites zusammenstellen und die Änderungen werden sofort in der aktuellen Seite angewendet, so dass man “nur” noch die fertige Grafik als auch die CSS Änderungen kopieren muss.

Ich habe es allerdings nur in der Demo angetestet. Die Änderungen selbst und die neue Sprite Grafik habe ich noch nicht entnommen und die Änderungen in verschiedenen Browsern ausprobiert. Falls jemand die Zeit findet: ab in die Kommentare!

Eine nette Übersicht ist hier zu finden.

Die Matrix soll lediglich die unterschiedlichen API-Stile sowie die Funktionsweisen der JavaScript-Bibliotheken veranschaulichen.

M. hat mich gerade darauf aufmerksam gemacht: Wenn man den YUI Compressor benutzt, um CSS und JS Dateien zu packen, dann hat man teils das Problem, dass man einige Kommentare doch nicht entfernen lassen möchte:

+ C-style comments starting with /*! are preserved. This is useful with
    comments containing copyright/license information. For example:

    /*!
     * TERMS OF USE - EASING EQUATIONS
     * Open source under the BSD License.
     * Copyright 2001 Robert Penner All rights reserved.
     */

    becomes:

    /*
     * TERMS OF USE - EASING EQUATIONS
     * Open source under the BSD License.
     * Copyright 2001 Robert Penner All rights reserved.
     */

Quelle: http://www.julienlecomte.net/yuicompressor/

Bei Google Code gibt es jetzt eine nützliche Erweiterung für den Firebug: Page Speed. Wie bei YSlow wird die aktuelle Webseite bzgl. Performance Kriterien analysiert. Die Web Performance Best Practices sollte man sich auf jeden Fall anschauen.

Schade, dass der Server wegen Überlastung scheinbar down ist, das hätte ich mir doch zugern mal angesehen. Und zwar haben koreanische Entwickler einen Generator für Mashups komplett mit YUI gebaut. Den Artikel dazu findet man bei Ajaxian: Uizard – a web mashup generator written in YUI.

Google bietet die Möglichkeit, die verschiedenen Bibliotheken über Google zu laden:

• jQuery
• jQuery UI
• Prototype
• script.aculo.us
• MooTools
• Dojo
• SWFObjectNew!
• Yahoo! User Interface Library (YUI)New!