WordPress & Webwork - perun.net

Bei der Gestaltung einer Website – unabhängig ob nun eine komplette Neuerstellung oder ein Redesign – nimmt die Auswahl der Farbe oft einen hohen Stellenwert ein. Das ist richtig und erklärt sich vor allen Dingen daraus, dass die Farbe bzw. die Farbgebung oft das erste ist was der Besucher einer Website wahrnimmt.

Um so wichtiger ist es hier nicht nur persönliche Vorlieben einfließen zu lassen, sondern sich auch Gedanken zur Bedeutung einer Farbe, also ihrer z. T. auch unterbewussten Wirkung zu machen. Und noch spannender wird diese Frage, wenn man nicht nur das "heimische" Publikum (ergo Mitteleuropa) in diese Überlegungen mit einbezieht sondern global bzw. international denkt.

Dann steht rot nämlich nicht immer für die Liebe, sondern in einigen Ländern auch für den Tod (Ägypten) oder für männlich (Indien).

Wer mehr zu Farbbedeutungen erfahren möchte, dem empfehle ich den Artikel Find the perfect colour for your website von Cindy Li sowie die Grafik Colours In Cultures. Hier werden die Symbolfarben für 84 Begriffe in 10 verschiedenen Kulturkreisen grafisch dargestellt.

Auch die Website Cymbolism ist interessant, wenn auch nicht kulturvergleichend. Bei dem Projekt geht es darum zu erfahren welche Farbe weckt welche Assoziation bzw. umgekehrt welche Farbe wird mit einem bestimmten Begriff assoziiert? Derzeit wird zu mehr als 250 Begriffen gefragt welche Farbe man damit in Verbindung bringt. Die Antworten sind gleichzeitig eine interessante Informationsquelle für all diejenigen, die auf der Suche nach einer passenden Farbe sind.

Hintergrund-Beispiel

Hier mal zur Abwechslung, drei Links zum Thema Webdesign, für längere Artikel ist es eh noch zu warm.

Auf Sixrevisions.com geht man im Artikel An Exploration of Website Redesigns: Tips and Examples auf die Redesigns von mehreren bekannten Projekten ein. Wie sah es vorher aus, was wurde geändert und was laut dem Autor gelungen ist.

Auf How To Create Flexible Images and Media In CSS Layouts wird erklärt, wie man mit Bildern und anderen Medien (z. B. Videos) in flexiblen Layouts verfahren soll.

Auf subtlepatterns.com werden momentan 48 kostenlose und in meinen Augen sehr gelungene Hintergrundgrafiken angeboten. Die Palette reicht von sehr dezent bis auffällig (siehe Screenshot).

Ich hatte das Vergnügen für heise Developer einen CSS-Artikel zu schreiben:

CSS-Debugging: CSS-Hacks versus Conditional Comments

Ich weiß dass einige Kollegen hier anderer Meinung sind, aber ich persönlich bevorzuge bei der Fehlerbehandlung des Internet Explorer die Conditional Comments (CC). Warum? Mit den CC kann man ganz gezielt die einzelnen Version – 5, 5.5., 6, 7 und 8 – des IE ansprechen und <!--[if IE 6]> wird auch noch in einigen Jahren nur den IE 6 ansprechen und die neueren Version bleiben außen vor.

Natürlich muss man den Einsatz von CC, wie den von CCS-Hacks auch, immer kritisch hinterfragen. Viele Probleme lassen sich auch ohne den Einsatz von CSS-Hacks und CC lösen.

Firebug ist neben der Web Developer Toolbar ohne Zweifel die wichtigste Erweiterung für Mozilla Firefox. Für Firebug selbst gibt es allerdings auch Erweiterungen, wovon ich eine (YSlow) im Artikel "WordPress-Websites beschleunigen" kurz erwähnt habe.

Mit PixelPerfect gibt es eine weitere interessante Erweiterung für Firebug, die vor allem dann interessant sein sollte wenn pixelgenaues Arbeiten gefragt ist.

PixelPerfect im Einsatz

Die Bedienung der Erweiterung ist recht einfach. Man lädt temporär eine Grafik Hoch bzw. bindet sie in die Erweiterung ein. Dann kann man der Grafik einen Opacity-Wert ("Durchsichtigkeit") vergeben und Sie dann mittels den Zahlenwerten oder durch verschieben mit der Maus über der Website positionieren.

Mit Christoph arbeite ich schon seit längerem zusammen und ihm habe ich u. a. auch das Logo von perun.net zu verdanken. Momentan hat Christoph sehr viel zu tun und sucht Leute, die ihm helfen können. Zuerst auf Freelance-Basis.

Was wird vorausgesetzt? Sehr gute Kenntnisse in Photoshop, Illustrator und InDesign. Zudem wäre es wichtig, dass man aus dem Großraum Köln/Bonn kommt, weil ab und an auch Arbeit vor Ort in Bonn erledigt werden müsste. Wer Erfahrungen in der Corporate-Design-Entwicklung hat, ist besonders willkommen.

Wer sich angesprochen fühlt, der kann sich bei mir melden und ich leite das dann weiter an Christoph. Die Kontaktdaten findest du im Impressum.

Ich hatte für die nächsten Wochen geplant ein bis zwei weitere WordPress-Themes zu erstellen, welche ich dann zum freien und kostenlosen Download anbieten wollte. Daher habe ich mich auf die suche nach freiem Bildmaterial begeben um dann evtl. kostenlose oder zumindest günstige Bilder zu finden.

Dabei habe ich wie die üblichen Verdächtigen (Photocase, aboutpixel.de, sxc.hu, iStockphoto etc.) abgeklappert, welche ich aufgesucht habe als ich das letzte Mal auf der Suche nach freiem Bildern für die freien WordPress-Themes war. Das muss auf jeden Fall vor mehr als drei Jahren gewesen sein. (weiterlesen…)

In diesem Bericht wird beschrieben wie man das fehlerhafte Verhalten vom Internet Explorer in Bezug auf das Boxmodell berichtigen kann (richtiges Doctype, Tanteks Hack etc.) und auch welche Probleme sich evtl. ergeben können, wenn man die eine oder andere Lösung anwendet.

Ich habe vor einigen Monaten diesen Bericht geschrieben, aber mittlerweile sind einige neue Infos dazugekommen und hiermit will ich es aktuallisieren. In diesem Bericht werde ich mich nur auf das fehlerhafte Verhalten von IE (Win) beziehen. (weiterlesen…)