F300 braucht dich, und du brauchst F300!

F300

Der Design Resourcen Blog.
Bereichere dieses Projekt und poste uns deine Quellen!

Schreibe einfach einen Kommentar mit kurzer beschreibung und natürlich dem Link.

PNG Optimizer

Sehen Sie einen Unterschied zwischen den beiden vergrösserten Icons? Nein? Nun, es gibt auch keinen. Es spricht also nichts dagegen, das Sprite mit OptiPNG optimieren zu lassen und so ein paar Bytes zu sparen, denn OptiPNG – übrigens ein freies Programm – komprimiert PNG-Grafiken völlig verlustfrei.CSS Sprite Example

Project Fondue CSS Sprite Generator

Die Bedienung des Tools ist einfach, zumal es eine deutsche Version davon gibt. Man erstellt seine Grafiken wie gewohnt, packt diese in ein ZIP-File, lädt sie hoch und bekommt ein Sprite-Bild – wahlweise als PNG-, GIF- oder JPEG-Grafik – und CSS-Regeln zurück. Die Optionen sind grösstenteils selbsterklärend. Nähere Erläuterungen findet man unter dem Menüpunkt “Hilfe”.

http://spritegen.website-performance.org/

// Was sind „Sprites“?

CSS Sprites ist eine Technik, mir der man die Anzahl von HTTP Verbindungen der Seite herunterschrauben kann. Jede HTTP Verbindung die während des Ladens der Seite erstellt wird verlangsamt die Seite. Die Idee von CSS Sprites ist das man anstatt von vielen Bildern ein einziges verwendet und nur Teile dieses Bildes mittels der background-position Regel von CSS anzeigt.

Diese Technik kann sehr effektiv sein, besonders dann wenn man viele kleine Bilder wie Icons auf einer Seite verwendet. Zum Beispiel sind alle Bilder im linken Menu auf der Yahoo! Anfangsseite in einem einzigen File.

Gratis FontCreator

fontstruct

Flash App zum Fonts basteln.
Anmeldung genügt.

Man fügt dutzende von möglichen Formen in eine Matrix ein und kann so Buchstabe für Buchstabe seine eigene Font kreieren und Downloaden. Gratis!

FontStruct | Build, Share, Download Fonts

alisdair miller photography

http://www.alisdairmiller.com/HOME.html

Kaze to Desktop

Dieser Bildschirmschoner zeigt euch das Wetter in der Stadt eurer Wahl nicht nur an, es macht es sogar fühlbar.

Und zwar mit eurem Desktop!

Der Wind lässt die Komplette Bedienoberfläche weg wehen…

http://scr.sc/products/kazetodesktop/

Hier ein Eindruck in 25 Bilder pro Sekunde:

http://www.youtube.com/watch?v=s-Z8SrtfjZ0