Für die demnächst erscheinende CD/DVD von Sting – Live in Berlin – hatte ich die Möglichkeit, im Auftrag der Deutschen Grammophon, die Album-Webseite zu entwickeln.

Über das Album wird folgendes geschrieben:

This live collection features Sting Live in Berlin, accompanied by the Royal Philharmonic Concert Orchestra conducted by Steven Mercurio. Culled from Sting’s critically acclaimed world tour, Symphonicity, this exclusive compilation features many of his greatest hits, including “Englishman in New York,” “Whenever I Say Your Name,” “King Of Pain,” “Desert Rose,” and more, all re-imagined for symphonic arrangement. Featuring special guest Branford Marsalis, this live concert experience is quintessential Symphonicity.

Während die Videos und Hörbeispiele der Webseite für Computer in Flash ausgegeben werden, sind sie für Besucherinnen und Besucher der Seite mit iPhones alternativ angelegt, so dass die Inhalte auch dort zugänglich sind.

→ zur Albumwebseite

In den letzten beiden Woche gingen zwei Webseiten ins Netz, die ich in Zusammenarbeit mit zwei Grafikern umgesetzt habe. Die beiden Grafiker waren dabei selbst die Kunden und sind nun die Betreiber der jeweiligen Webseite.

Bei beide Seiten arbeitet im Hintergrund WordPress, und wir realisierten die Darstellung der Projekte mit Hilfe der Möglichkeit eigene Post-Types zu definieren, und arbeiten an unterschiedlichen Stellen mit den Artikelbildern und benutzerdefinierten Feldern.

Den heutigen Beginn der Weltstillwoche nehme ich zum Anlass auf ein Projekt hinzuweisen das vor einiger Zeit online ging. Ich hatte die Gelegenheit eine Webseite für Andrea Schwager im Rahmen ihrer Geschäftsausstattung zu realisieren. Frau Schwager ist Kinderkrankenschwester und widmet sich in ihrer freiberuflichen Tätigkeit der Unterstützung von Eltern in der Anfangsphase mit ihren Kindern. Für weitere Informationen zu ihren Angeboten empfehle ich einen Besuch ihrer Seite…

Ich freue mich sehr, dass mit martingommel.de eine neue Seite von Martin Gommel online ist bei deren Entstehung ich beteiligt sein durfte. Im Projektbereich habe ich eine Seite dazu eingefügt und empfehle dir einen Besuch dort und den Genuss der Bilder von Martin: martingommel.de

Gestern ging ein Projekt online an dem ich in letzter Zeit gearbeitet habe und da ich hier wieder etwas mehr schreiben möchte, kommt heute ein Eintrag dazu in dem ich auch darauf eingehen möchte wie jede und jeder ganz einfach anhand zweier Zahlenwerte die Größe eines Bildes anpassen kann.

Maren Hessler und Marcus Splitt starten mit shifthappens.de ein Online-Magazin für Veränderung in Organisationen und Gesellschaft. Ich zitiere dazu einfach mal aus dem Beitrag „SHIFTHAPPENS“ von gestern:

Wir sind der Meinung, dass es sich bei der aktuellen Krise nicht um eine Wirtschafts-, sondern um eine Systemkrise handelt. Deswegen wollen wir eine andere Perspektive anbieten und Impulse für zeitgemäßere Organisationsformen geben sowie Menschen zu Wort kommen lassen, die die Chance eines Shifts er- und begriffen haben.

In diesem Sinne empfehle ich dir das Blog. Für Menschen die das Blog weiterempfehlen wollen finden sich dort auf der Mitmachen-Seite ein paar Bildchen die auch Banner genannt werden. Da ich immer wieder mit solchen Bildern zu tun habe und ab und an feststelle, dass das Einbinden eines solchen Bildes in einer Größe die von der angebotenen Größe abweicht als Herausforderung erscheint möchte ich nun dazu ein paar Wort schreiben. Auf Seiten die solche Bilder anbieten findet sich meist ein Code-Schnipsel der in die eigene Seite eingebunden werden kann – es ist also nicht mehr zu tun als diesen Code zu markieren, zu kopieren und an einer geeigneten Stelle auf der eigenen Seite einzufügen, das werde ich nun auch machen…

Das einfügen des Codes führt dazu, dass hier das Bild in der angegebenen Größe angezeigt wird. Die Größe des Bildes wird durch die Angaben width=”200″ und height=”60″ bestimmt. Diese beiden Angaben helfen dem Code-Schnipsel dabei „standardkonform“ zu sein und lassen den Browser von Anfang an wissen wie viel Platz er für das Bild frei halten muss.

Möchte ich das Bild nun etwas kleiner darstellen verändere ich diese beiden Werte. Es empfielt sich Bilder nur kleiner darstellen zu lassen, da es bei Vergrößerungen natürlich zu Unschärfen kommt. Nehmen wir nun also an wir wollen das Bild in eine Seitenleiste einbinden die nur 150px breit ist, muss also der eine Wert width=”150″ heißen, um die Seitenverhältnisse des Bildes korrekt darstellen zu lassen muss sich auch der Wert height=”60″ ändern. Eine einfache Methode diesen Wert zu ermitteln ist es ihn durch 200 zu teilen und mit 150 zu multiplizieren – dabei erhält man den neuen Wert height=”45″. Natürlich kann man das auch mit jedem beliebigen Bildbearbeitungsprogramm erfahren, kleine Rechnung sollen aber auch gut für das eigene Gehirn sein, und das muss man selten extra öffnen.

Heute habe ich ein Projekt hier eingeflegt das bereits seit einer ganzen Weile im Netz ist und über das ich mich sehr freue. Bei dem Projekt handelt es sich um die Webseite der MakeUp-Artistin Gabriele Kotecki die unter dem Namen ZIMT * makeup die Welt verschönert.

Ein paar Infos zum Projekt finden sich hier. Einen Besuch der Webseite solltest du dir auf keinen Fall entgehen lassen: ZIMT * makeup.