Bissinger’s Blog

Nach langer Abstinenz was das bloggen betrifft melde ich mich hier mal wieder zu Wort. Scheinbar geht es nicht nur mir so, was die nicht vorhandene Zeit zum Schreiben angeht. Auch bei BlogPimp geht es in letzter Zeit etwas ruhiger zu.

Mit erstaunen musste ich nun also nach einiger Zeit feststellen, dass doch mittlerweile WordPress schon in der Version 2.6.1 vorliegt. Nach dem Sichern aller Daten und Datenbanken wurde das Update installiert und siehe da, das Blog lebt noch. Nur das Backend hatte es leider nicht ganz überlebt. Hier nutze ich schon länger das fluency-admin-Theme, das komfortabel als Plugin auftritt. Nach dem Update hatte es dann leider die Darstellung zerschossen und die Navigation füllte 3/4 des Bildschirms aus. Ergo: keine Chance das Plugin zu deaktivieren.

Abhilfe schaffte das einfache Überschreiben des Ordners “fluency-admin-plugin” durch die aktuelle Version, die man sich hier herunterladen kann. Nach einem aktualisieren des Backends sollte wieder alles laufen.

Der neue Firefox 3.0 bietet, genauso wie der Safari-Browser, die Möglichkeit mir Farbprofilen zu arbeiten. So kann man sich z.B. das AdobeRGB-Farprofil in den Browser laden, was dann die angezeigten Farben von Bildern und Grafiken der aufgerufenen Webseiten anpasst.

Leider muss man diese Option manuell über die erweiterte Konfiguration per “about:config” aktivieren und einrichten. Nach der Eingabe von “about:config” in der Adresszeile gibt man gfx.color im Filter ein. Man bekommt jetzt zwei Einträge angezeigt. gfx.color_management.enabled setzt man per Doppelklick auf true und bei gfx.color_management.display_profile gibt man den Pfad inkl. Dateiname zum Farbprofil an. Nach einem Browser-Neustart sollte das neue Farbprofil genutzt werden.

In diesem Zusammenhang ist mir auch gleich ein Teil der neuen Sicherheitspolitik von Firefox aufgefallen. Nach der Eingabe von about:config bekommt man eine Warnmeldung angezeigt, die erst weggeklickt werden muss. Sinnvoll, wenn man bedenkt was man in diesem Bereich alles einstellen und vor allem kaputt machen kann.

Gefunden via pixelgraphix

Beim erstellen einer, wenn auch kleinen, Website stößt man doch immer mal wieder auf kleiner Probleme bei der Umsetzung. So hat sich z.B. jemand überlegt, es wäre doch ganz schick, wenn man um seinen Content einen grafischen Rahmen erstellt. Eine komfortable Funktion dafür gibt es im Bereich von CSS. Diese nennt sich border-image. Problem ist nur, dass es diese erst in der CSS-Version 3 geben wird. Aktuell nutzbar ist jedoch die Version 2.1, welche ohne eine solche Funktion auskommen muss. Dementsprechend muss man sich leider anderweitig behelfen. Hier jetzt eine kleine Anleitung zu meiner Lösung - es gibt ja bekanntlich immer mehrere für ein Problem.

Das ganze funktioniert jetzt erstmal nur bei der Vergabe einer festen Breite.

(more…)

Seit einiger Zeit beschäftige ich mich schon relativ intensiv mit dem Thema CSS. Vom ersten Tag an, als ich davon hörte, war ich begeistert. Das strikte trennen von Inhalt und Design hat unschlagbare Vorteile. Vor allem bei einem Re-Design einer Website. Zu diesem Thema habe ich mittlerweile einiges an Büchern, Websites, Videos und anderen Quellen auf mich einprasseln lassen. Was bis dahin jedoch leider zu kurz kam, war das Kommentieren und Dokumentieren der CSS-Dateien. Es wird zwar überall mehr oder weniger kurz angeschnitten, aber jeder kommentiert eben auf seine Art und Weise.

Beim durchstöbern vom Smashing Magazine bin ich zufällig über eine Anleitung oder auch Leitfaden gestoßen, der sich mit unterschiedlichen Ansätzen der Kommentierung auseinander setzt. Dementsprechend wird gezeigt, wie man seine CSS-Dateien durch Kommentare sauber aufbereitet, um auch nach Jahren immer noch den Durchblick zu behalten. Auch ist es eine große Hilfe bei Gemeinschafts-Projekten, wenn also mehrere Personen an einer CSS-Datei hantieren. Und generell bietet eine strukturierte Kommentierung einen schnellen Überblick des Inhalts und ein zügigeres Auffinden einzelner Elemente.

Für jeden, der effektiv, schnell und zukunftsorientiert “programmieren” will sollte sich diesen Leitfaden einmal ansehen und auch einige der Tipps und Vorschläge anwenden. Man macht dabei nur sich selbst und anderen damit das Leben und Umgestalten leichter.

Vor einiger Zeit habe ich mal über das Online-Tool SlideShare berichtet, mit dem man Online eine Alternative zu PowerPoint-Präsentationen erstellen kann.

Selbstverständlich gibt es auch in dieser Kategorie eine ganze Reihe von Alternativen, die alle ihre Vor- und Nachteile haben. Außerdem unterscheiden sie sich in gewissen Funktionsumfängen, wie z.B. das Einbinden und Abspielen von Flash- oder Video-Dateien.

Im Dr. Web-Weblog wurde kürzlich auf die Link- und Übersichtsliste “The Lightbox Clones Matrix” erwähnt. Hier findet man, auf Englisch, eine schöne Übersicht über die verschiedenen Tools und deren Funktionsumfang. Sollte man sich bei Interesse auf jeden Fall mal ansehen. Mit Sicherheit ist für jeden Geschmack das Richtige dabei.

Und hier gleich noch ein Generator. Ich sagte ja schon, es gibt viele davon.

Für alle, die entweder schnell eine Header-Grafik brauchen oder einfach nur zu faul sind, selbst im Bildbearbeitungsprogramm rum zu basteln. Der Blog Header Generator erstellt für das Default-Theme von WordPress schicke bzw. erstmal passende Grafiken für den Header-Bereich. Man sucht sich ein Bild aus einer der angebotenen Quellen heraus und lädt es einfach hoch. Als Bild-Quellen kommen außer der Festplatte noch Flickr oder Photobucket in Frage. Auch der Bilder-Klau durch URL-Eingabe wird unterstützt. Danach gibt man die Bild-Positionierung (mitte, oben-links, unten-rechts) an und könnte jetzt noch zusätzliche Copyright- oder Quellen-Vermerke hinzufügen.

Eine Bildbearbeitung bringt der Generator leider nicht mit. Somit ist es nicht möglich, das Bild von der Größe her nachträglich anzupassen oder zu skalieren. Aber dafür gibt es ja genügend andere Online-Bildbearbeitungen, die ich schon in einem anderen Arikel erwähnt habe.

Entdeckt bei BlogPimp.

Vor kurzem habe ich einen Artikel über das WordPress-Plugin “Theme Test Drive” geschrieben, mit dem man ungesehen von Besuchern, verschiedene Themes ausprobieren kann. Im selben Artikel habe ich unter anderem auch noch auf ein Tutorial verwiesen, welches sich der Theme-Erstellung widmet.

Da heutzutage allerdings für jegliches erdenkliche Projekt auch spezielle Generatoren finden lassen, die einem das Leben leichter machen sollen, gibt es jetzt auch einen für WordPress. Das ganze nennt sich WordPress Themer Kit und ist derzeitig nur auf Englisch verfügbar. Lothar Baier (BlogPimp-Blog) hat sich im Dr. Web-Weblog jedoch dazu bereit erklärt, das ganze auch ins Deutsche zu transformieren.

Der Themer basiert, genauso wie das CSS-Zen-Projekt, auf einer HTML- und einer CSS-Datei. Da WordPress allerdings aus mehreren PHP-Dateien besteht, die miteinander verschachtelt werden, wurden diese einfach in eine einzelne Datei integriert. Somit wird das ganze auch etwas übersichtlicher. Ziel soll es sein, allein durch das Verändern bzw. Anpassen der CSS-Datei, sein eigenes Layout zu entwerfen. Die Funktionsweise bekommt man in den beiliegenden Text-Files und in 3 kurzen Videos näher gebracht.

Interessant ist dieses Prinzip generell für all diejenigen, die sich mit CSS ernsthaft auseinander setzten wollen und ihre Layouts damit gestalten wollen.

Das WP Themer Kit ist zur Zeit noch in der Entstehungsphase, was man an der aktuellsten Version 0.2 schon erkennt. Jedoch birgt das Projekt sicherlich viel Potenzial, um schnell und vernünftig von den 08/15-Themes wegzukommen.

Viele kennen sicherlich die Probleme, die beim Icon-Design auftreten können, ebenso gut wie ich. Was gibt es nicht alles, was man dabei beachten muss. Eine gute Skalierbarkeit muss gegeben sein. Auch dürfen nicht zu viele unnötige Symbole auftauchen. Eine gewisse Einfachheit und Unterscheidbarkeit hilft den Usern.

Dr. Web hat im Weblog eine Liste von diversen Kriterien zusammengestellt, die, wenn man sich daran hält, viel Nacharbeit ersparen kann. Ich empfinde diese Liste schon fast als vollwertiges Tutorial, sofern man sich schon etwas mit der Icon-Erstellung auseinander gesetzt hat.

Sehr empfehlenswert!

Wer auf der Suche nach schönen Beispielen ist, wird sicherlich hier, beim Smashing Magazine, fündig. Wurde mal im BasicThinking-Blog angesprochen.

Bei hunderten von Themes, die es mittlerweile für WordPress gibt, fällt es vielen Usern schwer, sich da für eines zu entscheiden. Auch fehlt vielen entweder das Know-How oder, wie mir, einfach die Zeit oder die Muse, sich ein eigenes Theme zu gestalten. Durch ein einfaches hinein-kopieren der Themes in den wp_content/Themes-Ordner auf dem Server lassen sich die Designs unter dem Reiter “Darstellung” bei Version 2.5 auswählen. Hierbei wird allerdings, so wie es auch gewollt ist, der komplette Theme für alle sichtbar geändert. Wer jedoch einfach nur mal testen will, wie sein Blog bei einem Theme aussieht, für den empfiehlt sich das PlugIn “Theme Test Drive” von Vladimir Prelovac. Hiermit lässt sich das Theme nur für den Administrator verändern. Alle anderen User, die sich vielleicht auch gerade im Blog befinden, bekommen vom Design-Wechsel nichts mit.

Ein klasse PlugIn für alle, die gerne und oft mal neue Themes ausprobieren wollen.

Endlich ist es soweit! Der Software-Hersteller Adobe stellt nach langer Zeit der Ankündigungen sein Online-Photoshop den gierigen Massen zur Verfügung. Das ganze funktioniert wie viele andere Online-Applikationen, über die ich hier schon berichtet habe. Um das “Photoshop Express” nutzen zu können, muss man sich leider erst registrieren.

Nach der kostenlosen Registrierung erhält man eine komplette Fotomanager-Umgebung, wie z.B. von Google mit Picasa. Auch kann man seine Bilder für andere in Galerien zusammenstellen und per Slideshow präsentieren, ganz nach Flickr-Manier. Und natürlich lassen sich alle Bilder editieren, also bearbeiten. Ebenfalls wie bei Flickr bekommt man eine .photoshop.com-Adresse mit 2GB Webspace für seine Galerie.

Sehr gelungen, wie ich finde, was Adobe da auf die Beine gestellt hat. Das ganze läuft sehr flüssig und schnell, im Vergleich zu anderen Anbietern solcher Tools. Auf jeden Fall eine Sache, die Anwendung finden wird. Vor allem, wenn man eben keine Bildbearbeitungs-Software lokal installiert hat.