Pixelfans

Bloggen vom Desktop

geschrieben von Pawel

Es liegt eigentlich recht nahe. Warum immer erst in sein CMS oder Blogsystem einloggen, wenn es Desktopprogramme oder Erweiterungen gibt.

Unter Linux ist das leider sehr übersichtlich

Ein Fan der Firefoxerweiterung ScripeFire wäre ich endgültig dann, wenn dieser tatsächlich alle Felder nicht nur einlesen, sondern auch schreiben könnte.

Ich probiere gerade mal BloGTK. Das wirkt recht übersichtlich. Ich kann auf alle Benutzerfelder vom Blog über die MetaweblogAPI zugreifen und den Beitrag zunächst als Entwurf speichern.

Vielleicht blogge ich ja dadurch häufiger

Kategorie: News | Trackbacks (0) | Permalink

SVG als Hintergrundbild

geschrieben von Pawel

Die Einbindung von SVG wird bisher nur von Browsern auf Basis von Webkit unterstützt und natürlich (schon länger) von Opera.

Bei Hintergründen für eine gesamte Website ist es bei unseren Experimenten schon mal zu erheblichen Performanceproblemen gekommen. Es spricht u.E. aber nichts gegen die Einbindung in einer kleinen Box oder als Headergrafik, wie es auf der Seite von SVG Open gemacht wird. Dem Affen auf der Seite von MailChimp sieht man an, das er in einem Vektorprogramm entstanden ist. Die verwendete JPEG-Datei ist nicht nur recht gross, sondern zeigt beim Zoomen den unschönen Pixeleffekt. Sowohl der AI als auch Inkscape beherrschen einen guten SVG-Export.

Dank Dirk Ginaders Erkenntnissen ist es recht einfach möglich, für Webkit und Opera ein SVG-Hintergrundbild zu servieren.

Beispielhaft hier der (gekürzte) CSS-Code den wir bei pixelfans verwendet haben:

/* all Browser */
.svg{background:#42729C url(../img/pixelfancp.png) no-repeat bottom right; )}
/* Webkit: Safari, Chrome, Iron u.s.w. */ 
@media screen and (-webkit-min-device-pixel-ratio:0) {.svg {background-image:url(../img/pixelfancp.svg);}}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {head~body .svg {background-image:url(../img/pixelfancp.svg);}}
html:not(:nth-child(1)) .svg {background-image: url(../img/pixelfancp.png)} /* Konqueror */

Die Erklärung ist recht einfach (wenn man Dirks Beitrag gelesen hat). Zunächst wird ein Bild für alle Browser eingefügt, dann mittels einer bestimmten media-Query das SVG für die Webkitbrowser und dann für alle Operas. Der Konqueror versteht diese Regel auch, kann aber keine SVG einbinden und zeigt dann leider gar kein Bild mehr an. Deswegen haben wir die Regel ein wenig erweitert. Diese darf nur in Verbindung mit der media-Query von Opera stehen, da diese auch von Safari interpretiert wird.

Leider wird im Moment background-size von den beiden Browsern in Bezug auf SVG’s noch nicht so unterstützt, wie es wünschenswert wäre. Insbesondere wird background-size:contain vermisst, was der neue Fox beherrscht. Dessen Entwickler scheinen sich aber im Moment mehr um <canvas> und HTML5 zu kümmern, so dass die Implentierung für SVG als background-image dort auch für Version 3.7 auf dem Wunschzettel bleibt.

Kategorie: CSS , SVG | Trackbacks (0) | Permalink