✪ blog.schaufler

Vier neue W3C Module für CSS Level 3.

Das W3C hat 4 neue Working Drafts veröffentlicht. Diese Module enthalten neue Funktionalitäten die es in den Versionen 1 und 2 nicht gegeben hat.

• http://www.w3.org/TR/css3-animations/
• http://www.w3.org/TR/css3-transitions/
• http://www.w3.org/TR/css3-2d-transforms/
• http://www.w3.org/TR/css3-3d-transforms/

Benötigen Webworker in Zukunft nun grafische CSS Editoren um die SVG Grafiken zu animieren, oder erstellt uns Inkscape und Illustrator cs5 nun auch ein CSS?  Nun gut, lernen wir jetzt halt dreidimensionales CSS (3).

Übrigens, der IE 8.1 kann es noch nicht

Die neue Iconsets von famfamfam wird in den Blogs heftig beworben, schön gemacht und das eine oder andere Icon mag man ja auch in .png oder .jpg verwenden. Wenn die Grösse Form und Farbe nicht stimmen (und das tun sie selten) ist Handarbeit gefragt. Das Format was ich für die Erstellung dazu benutze ist .svg.

Inkscape habe ich hier schon vorgestellt. Die Rohdaten liefert mir openclipart.org. Die Bilder (über 5′000!) können online gesichtet oder als Download gezogen werden. Spätestens wenn unsere ruhmreichen Designer der Marke Schweiz die nächsten Anpassungen (Redsign) vornehmen, werden wir solche Werkzeuge zu schätzen wissen.

Links zum Thema .svg unter http://tag.schaufler.ch/tags.php/svg

Nach der erfolgreichen Ballastbeseitigung in Eurem Cache, habt Ihr sicher mein neues Favicon bewundert. Hier die Kurzanleitung wie man dieses in 5 Minuten erstellt.
Man besorge sich richtiges Werkzeug. Aufrichtig empfehlen kann ich da das freie und plattformunabhängige Vektor-Zeichenprogramm Inkscape. Das Tool verarbeitet SVG und versteht auch CSS. Seit der neuen Version 0.4.2 gibts Inkscape auch für MAC.
Danach neu Seite 16×16 öffnen und Stern platzieren, Farbe und Umriss wählen, als PNG exportieren. Natürlich geht das mit diesem Favicon sehr schnell, da der Stern in der Werkzeug Palette abgelegt ist. Mit GIMP dieses favicon.png öffnen, Motiv freistellen und mit transparentem Hintergrund als favicon.ico speichern. <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> in das HTML-Dokument einfügen, Bild und Webseite hochladen.

Schnell kann es gehen, wenn man mit den richtigen Werkzeugen arbeitet.