Es gibt einige WordPress Enthusiasten die sich primär für die Themen Design und Usability begeistern und verschrien haben. Einige dieser Enthusiasten haben sich unter WeLoveWP zusammengefunden und einen Showcase für einzigartige Designs erstellt.

Mit Typetester kann man online verschiedene Schriften und bis zu drei nebeneinander vergleichen. Diese Dienst ist besonders interessant für Webdesigner und Blogger, die ihr Template individualisieren wollen und noch unentschlossen bei der Wahl der Schrift sind.

Es lassen sich aus einer Vielzahl von Schriften bis zu drei auswählen und vergleichen. Für jede Schrift können die üblichen Attribute, wie size, leading, tracking, alingment, wordspace, decoration, color und background, per Klick verändern. Das Ergebnis wird umgehend angezeigt.

The Typetester is an online application for comparison of the fonts for the screen. Its’ primary role is to make web designer’s life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated.

Via easywordpress.

Da konnte man doch die ein oder andere Änderung bei dem Google Reader feststellen, anscheinend hat Google über Nacht ein neuen Release eingespielt und ausgerollt. Mir sind bisher zwei Änderungen aufgefallen:

• die Sidebar hat folgende Änderungen durch das Redesign erfahren
  • “Refresh”-Button nun oben angebracht
  • Wechsel zwischen “updated” und “all” neu geregelt
• der Button “Feed settings”wurde um den Menüpunkt “Rename subscription..” erweitert
• kleinere Redesign von Buttons

Sind jemanden noch weitere Änderungen aufgefallen?

Auch wenn viele es sich gewünscht haben, ist eine Suche auch dieses Mal nicht integriert worden. Sehr schade.

Hier ein paar kleine Screenshots.

Dirk Metzmacher hat auf dem Photoshop Weblog eine Liste mit den “Best of Weblog-Designs” zusammengestellt. Hierbei wurde das Hauptaugenmerk auf die Einzigartigkeit des Designs gelegt, also selbst erstellte und designte Themes – kostenlose und freie Themes von der Stange wurden ausgespart. Am Ende umfasst die Liste 30 wirklich schöne Vorlagen aus der internationalen Blogoshere, ausgeblendet hat Dirk hierbei bewusst die deutsche Blogoshere.

Es lohnt sich auf jeden Fall sich die Liste zu Gemüte zu führen, da die gezeigten Designs wirklich äußerst gelungen sind.

Unter Dr Web Weblog hat Sven mal wieder eine echt eindrucksvollte Liste mit Tutorials zusammengestellt, die sich mit dem Thema Web 2.0 und dessen Design befassen, zusammengestellt. Hierbei werden nicht nur die Visuellen Effekte, sondern auch die Logo-Gestaltung, Text Effekte, Badges, Buttons und Layouts betrachtet. Wer also seine Blog Theme ein wenig Web 2.0 Glanz verleihen will, wird hier sicher fündig.

Diese Frage habe ich mir vor einiger Zeit schon mal gestellt und ich konnte sie nicht eindeutig beantworten. Dies kann ich immer noch nicht, aber ich bin nun der Meinung, dass für den Start und das alltägliche Bloggen selbst nachzu kein HTML/CSS benötigt wird. Die WYSIWYG-Editoren (What you see is what you get) aller Blogsysteme erlauben eine komfortable Formatierung des Textes, die keine Wünsche offen lassen.

Aber was ist zum Beispiel wenn man das Template individualisieren will. Ohne Kenntnisse von HTML / CSS und auch PHP kommt man nicht weit – oder aber gibt frustiert hat. Aber wie lernt man diese Programmiersprachen? Ganz einfach, lerning by doing – so zumindest habe ich es gelernt. Ich habe mit 2 -3 grundlegende Tutorials durchgelesen und dies versucht nachzubauen. Welches in der Regel auch immer geklappt hat und mit der Zeit wuchs das Wissen und der Wunsch mehr zu kennen. Sobald man ein Grundstock an Wissen angesammelt hat, helfen die grundlegenden Tutorials nicht mehr und man liest nur noch Tutorials, die sich auch bestimmte Funktionen zielen.

Da aller Anfang schwer ist, habe ich hier einige einfache Tutorials zusammengetragen, mit denen man beginnen kann HTML/CSS/PHP Wissen aufzubauen.

HTML

• SelfHTML
• PlanetHTML
• HTML Einführung
• HTML Anleitung
• HTML für Einsteiger

HTML Cheat Sheet
CSS

• CSS KnowHow
• CSS4You
• CSS Listutorials

CSS Cheat Sheet
PHP

• PHP Einsteiger Tutorial
• PHP 4 Webserver Programmierung für Einsteiger
• PHP für Anfänger

PHP Cheat Sheet
Das Wichtigste Tipp ist aber immernoch der, eine Backup des gesamten Blogs oder des Templates, was editiert werden soll.

Auf Smashingmagazine ist eine umfangreiche Liste mit kostenlosen Weblog Templates für die Blofplattformen Google Blogger, Movable Type, WordPress, Textpattern zu finden.

Unter CreateBlog gibt es weitere kostenlose Templates für Blogger (93), Livejournal (50), Myspace (777) und Xanga (1771).

Color Jack ist ein weiterer Online Color Scheme Generator bei dem die Technologie Ajax eingesetzt wird.

Siehe auch: 7 Online Color Scheme Generatoren zur Erstellung von Farbpaletten

Wer sich von dem Major Release 2.1 von WordPress auch ein Redesign der Admin Theme versprochen hat, wurde leider enttäuscht. Dennoch gibt es aber die Möglichkeit die Admin Theme per WordPress Plugin zu ersetzen und schöner darzustellen. Die Earthtones Admin Theme ist eines dieser Plugins, am Ende des Artikels nenne ich zwei weitere.

Earthtones is an administration theme plugin for WordPress that replaces the default blue color scheme with a welcoming, natural green and brown environment.

Die Earthtones Admin Theme Plugin konnte ich problemlos installieren. Sowohl für WordPress 2.0, als auch für WordPress 2.1 steht ein Download bereit.

Was macht dieses Plugin? Es ersetzt die bestehende blaue CSS-Style Sheet-Datei und stellt dadurch die Farben und Schriften anders dar. Die Farben sind sehr harmonisch an der Natur angelegt.

Hier einige Screenshots des Earthtones Admin Theme Plugins:

Weitere Admin Themes, welche die blaue Standard-Administrationöberfläche ablösen sind:

• Tiger Administration 3.0
• WP Barunio Administration

Hier ist eine Liste mit 7 Online Color Scheme Generatoren zusammengestellt, welche die Farbwahl beim Webdesign erleichtern soll, indem Farbpaletten aus mehreren Farben schnell und einfach zusammengestellt werden. Durch die maschinelle Zusammenstellung der Farben, soll ein möglichst harmonisches und interessantes Erscheinungsbild der Website gesichert werden.

Color Mixers

Color Mixers ist eine Fortführung des Color Match 5K. Die Erweiterung besteht in der Erstellung einer Farbpalette mit 9 Farben aus den Rot Blau Grün (RBG) Grundfarben. Darüber hinaus kann dieses Tool mit allen Browsern genutzt werden. Die erstellten Farben der Palette werden jeweils mit den RBG-Anteilen ausgegeben.

Weitere Möglichkeiten zur Erstellung von Farbpaletten bestehen in der Auswahl einer der sehr zahlreichen vordefinierten Themes oder der Import einer HEX-Zahl. Die erstellten Farbpaletten können per Photoshop .ACT, Illustrator .AI- und Text-Datei exportiert werden.

Eine weitere modifizierte Version dieses Tools ist von {style:phreak;} unter dem Namen ColorMatch Redux online gestellt.

ColorMatch 5K

Mit ColorMatch 5K können per Schiebebalken eine Farbpalette mit 6 Farben für eine Website erstellt werden. Ausgehend von den Grundfarben Rot Blau Grün (RBG) kann der Kontrast der Grundfarben mit dem Schiebebalken individuell bestimmt werden. Einen Nachteil hat ColorMatch 5K jedoch, man kann dieses Tool ausschließlich mit dem Internet Explorer nutzen, andere Browser werden nicht unterstützt.

Color Schemer Online v2

Ausgehend von der Wahl einer Farbe aus der angebotenen Farbpalette oder der Auswahl einer HEX-definierten Farbe können die erzeugten Farbpaletten in kleinen Schritten aufgehellt und dunkler dargestellt werden.

Color Scheme Chooser

Das Tool Color Scheme Chooser bietet mehrere Wege der Mischung der RBG-Grundfarben und liefert als Output zum einen eine Farbpalette mit 14 Farben und zum anderen ein Set aus 5 Farben.

Color Scheme Generator 2

Der Online Color Scheme Generator 2 ist eine sehr umfangreiches Tool zur Erstellung von Farbschemen und bietet zahlreiche Funktionen die man am Besten selbst einmal ausprobiert. Ausgehend von dem Farbrad, welches die zwei Ausprägungen Warm und Kalt besitzt, lassen sich die Farben einfach erstellen. Leider fehlt mir bei diesem Generator der komfortable Export der erstellten Farbschemen. Diese muss man wie bei einigen anderen Farbgeneratoren auch per Copy&Paste kopiert werden.

kuler

kuler ist ein flashbasiertes Online Color Scheme Generator von Adobe. Ausgehend von einer Grundfarbe, werden bei kuler 4 weitere harmonische Farben erstellt. Die Zusammensetzung der einzelnen Farben wird in den Formaten HSV, RBG, CMYK, LAB und HEX angezeigt. Darüber hinaus können Tags vergeben werden und die erstellten Farbpaletten online abgespeichert und publiziert weren. Für die Farbpalette lassen sich 7 Regeln setzen; Analogous, Monochromatic, Triad, Complementary, Compound, Shades und Custom.

Weitere Online Color Schemes:

• 4096 Color Wheel