Layout » blogwache.de

Ich möchte euch heute einige kostenlose Webdienste vorstellen, mit denen man sich passende Farbschemata erstellen kann.

Ein schönes Farbschema mit harmonischen Farben ist sehr von Vorteil, wenn man sich eine Webseite erstellt oder für jegliches Design im Allgemeinen.

Mein persönlicher Favorit ist kuler von Adobe. Mit kuler lassen sich sehr einfach eigene Schemata erstellen.

Man wählt sich ein Muster aus, auf deren Basis die anderen Farben gewählt werden sollen (z.B. Komplementärfarben, Monochrom, Farbtöne…).

Anschließend kann man mit der Maus auf einem Farbspektrum die Grundfarbe beliebig auswählen oder auch direkt über einen Hexadezimal- oder RGB-Wert definieren. So hat man nach wenigen Klicks bereit ein ansprechendes Farbschema.

Möchte man zu einen vorhandenen Foto passende Farbtöne finden, ist das auch kein Problem mit kuler. Einfach das Foto direkt hochladen (alternativ auch bei Flickr) und mittels fünf beliebigen Auswahlpunkten ein Schema erstellen.

Ist man selbst nicht kreativ genug, gibt es auch noch die Möglichkeit, sich aus einem Themepool ein fertiges Schema zu wählen. Bei einer Registrierung kann man seine eigenen Schemata auch der Community zur Verfügung stellen. Diese können dann auch bewertet werden.

Auch praktisch: man kann seine Kreationen nach einer Registrierung als Farbpalette im .ASE-Format (Adobe Swatch Exchange) exportieren und sie so direkt in Adobe-Software verwenden (z.B. Photoshop).

Webseiten wie kuler gibt es jede Menge im Internet. Ein paar Links will ich euch noch geben. Kann sich dann jeder selbst ein Bild machen. ‘Ein Farbschema einfach online erstellen’ weiterlesen

Jeder, der schon einmal eine Webseite designed hat, kennt das:
Im Standardbrowser sieht das Design genau so aus, wie man sie sich vorgestellt hat. Bestens! Es lebe der valide CSS / (x)html-Code.

Gilt das somit auch für andere Browser? Sollte man doch meinen. Immerhin macht man sich die Mühe, validen Code zu produzieren und sich an Standards zu halten. Aber das ist natürlich weit gefehlt.
Nicht selten ist im Brwoser XY ist das Layout total zerschossen. Schön, wenn man es selber herausfindet. Blöd nur, wenn die Seite online ist und man seine Besucher mit einem häßlichen Layout begrüßt.

Viele Entwickler halten sich nicht an gegebene Standards oder erweitern ihn nach eigenem Ermessen. Zugegeben, verglichen mit vor 10 Jahren hat sich die Situation aber schon um einiges verbessert.

Ohne jetzt mal näher auf die Gründe einzugehen oder mit dem Finger auf böse Browser zeigen zu wollen, möchte ich euch einige Möglichkeiten zeigen, wie ihr das Layout eurer Seite ohne Installation auch in exotischen Browsern ansehen und testen könnt.

browsershots.org

Eine sehr große Auswahl an Browser, auch installiert unter verschiedenen Betriebssystemen, findet man auf BrowserShots.

Bei Browsershots trägt man seine URL in einer Warteschlange ein und erhält nach einigen Minuten Screenshots von der eigenen Webseite.
Diese Screenshots zeigen die Seite so, wie sie in den gewählten Browsern angezeigt wird.

Je nach Auswahl kann hier einige Zeit vergehen. Nach 30 Minuten muss die Wartezeit per Mausklick verlängert werden, sonst wird man aus der Warteschlange gelöscht. Wer möchte, kann sich einen bezahlten Account anlegen, um schneller an die Bildschirmfotos zu kommen.

Grob geschätzt kann dort aus 100 verschiedenen Browsern unter Linux, Windows und MacOS ausgewählt werden.
Ebenfalls ist die Angabe der Bildschirmauflösung, Farbtiefe, Java- und Flashversion möglich.

Eine Alternative dazu ist der Einsatz von portablen Versionen von Browsern. Eigentlich für die Verwendung auf einem USB-Stick gedacht, sind die Portables bestens geeignet, um sich ein Bild von einer Software zu machen, ohne diese installieren zu müssen.

Eine große Auswahl an portablen Browsern (und auch anderer portabler Software) findet man zum Beispiel bei Caschy.

Eine weitere Seite, auf die ich kürzlich bei heise online aufmerksam wurde, ist Xenocode. Xenocode bietet ebenfalls Browser an, die ohne Installation lauffähig sind und darüber hinaus in einer eingenen Sandbox laufen. Der Nachteil an der Sandbox-Version ist, das damit kein Anpassen der Einstellungen, persönliche Lesezeichen usw. möglich ist.
Für den Test des Layouts ist das aber auch nicht notwendig.

Opera Mini

Mobiler Content wird ja auch immer wichtiger, deshalb hier auch noch ein paar Links, wo man seine Seite auf einem emulierten Handy angezeigt bekommt.
iPhone – wie der Name schon sagt, ein Emulator des iPhone-Browsers

Opera Mini – simuliert den Browser opera Mini

Wie stellt ihr die Brwoserkompatibilität eurer Webseiten sicher? Mal abgesehen von validem Code.