Website: fashionpuppe.com

Sprich, wenn ich beispielsweise die Myriad Schrift verwendet hätte, hätten nur diejenigen die Website in der Myriad Schriftart gesehen, welche sie auch installiert hatten.

CSS

Doch nun mit CSS3 ist etwas neues möglich. Eigentlich sollte es schon mit CSS2 möglich sein. Es können X beliebige Schriftarten verwendet werden. Natürlich unter Beachtung der Lizenz. Danke an Bartek für diesen Hinweis.

Lizenz

Für meine Website verwende ich die Museo Font. Diese darf auf Websites verwendet werden, der Entwickler wünscht sich einfach einen Hinweis auf der Website oder im CSS, in der Nähe wo die Schriftart eingebaut ist.

Browser

Momentan funktioniert diese Technik noch nicht mit allen Browsern. Allen voran dem Internet Explorer. Firefox, Safari und Chrome sollten in den neusten Versionen aber in der Lage sein, die Schriften anzuzeigen.

CSS

@font-face {
	font-family: museo;
	font-weight: bold;
	src: url('museo.otf');
}

Verwendung

Bei der Verwendung ist darauf zu achten, dass im CSS noch alternative Schriftarten (Arial, Verdana oder sonstwas) definiert werden, falls der Browser nicht mit dieser Technik kompatibel ist. Und so sieht das dann in etwa aus:

body {
	font-family: museo, "Helvetica",Tahoma,
	"Trebuchet MS", Tahoma, sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	background: #fff url(images/bg.gif) repeat-x;
	color: #8E8E91;
	}

Wenn andere Schriftarten verwendet werden, bitte darauf achten, dass die Bezeichnungen (in meinem Fall “museo”) der Schriftarten deckungsgleich sind.

Seit meinem letzten Beitrag ist nun einige Zeit vergangen. Zeit um kurz zurück zu blicken.

Seit Ende September habe ich nun einen Fotoblog auf WordPress Basis. Anfang Oktober hat kochenmitshibby.ch auf meinem Server ein Plätzchen erhalten. Ich war am EuroFloorball Cup in Frederikshavn in Dänemark und habe Fotos für unihockey.ch geschossen. Für caramelpopcorn.ch habe ich ein Layout gemacht. Bereits zum zweiten Mal ist mein Mixtape für meine Freunde erschienen (PW gibts auf Anfrage).

Der  Tumblelog ist momentan besser besucht, als mein eigener Blog. Hängt vielleicht mit der Kadenz zusammen. So das wars, kurz und in etwas abgehackten Sätzen formuliert.

(Collage: Claudio Schwarz)

Website: caramelpopcorn.ch

Es haben sich wieder einmal Websites in meinem Instapaper Account angesammelt, die ich euch nicht vorenthalten möchte.

Simon Christen

Da gibts nur eines zu sagen: grossartige Bilder!

Website: simonchristen.com

polaroidville.de

Simples Design und schöne Fotos

Website: polaroidville.de

Kostenlose Typo Templates

das Smashing Magazine hat zu einem Typo Template Wettbewerb aufgerufen. Dabei sind einige Design Augenweiden eingegangen.

Blogpost: smashingmagazine.com

dreiundfuenfzig.net

Simples Design (nicht selbstgemacht), aber teilweise persönliche und witzige Texte.

Website: dreiundfuenfzig.net

vCard WordPress Theme

Mittlerweile sind ja vCards sehr in geworden. human3rror bietet nun ein WordPress Theme für eine vCard an.

Blogpost: human3rror.com

lovenotes.de

Wenn ich etwas liebe, dann sind es Leute welche aus dem WordPress Default Theme ein ein völlig neues Template schaffen.

Website: lovenotes.de

ikeaheights.com

Eine Serie, abgedreht in einem IKEA Store. Und dieser Store weiss von nichts.

Website: ikeaheights.com

ubersuper.com

Diese Website gehört Stefan Sicher. Immer wieder grossartig, was er aus WordPress herausholt.

Website: ubersuper.com

sicher.com

Seine zweite Website habe ich schonmal vorgestellt. Aber Stefan hat sie neu gemacht. Schön, wie er Webdesign immer neu definiert.

Website: sicher.com

flippingtypical.com

Wenn man Schriftarten ausprobieren möchte, kann man sich hier etwas vertun.

Website: flippingtypical.com

undalleso-yeaahh.de

Keine Ahnung was diese Aktion soll. Aber witzig ist es allemal. Eigener Text eingeben und er steht dort, wo jetzt “HELLO” steht.

Website: undalleso-yeaahh.de

(Screenshots: Claudio Schwarz)

Hammer. Meine für Christian Michel designte online vCard christianmichel.ch und meine eigene online vCard claudioschwarz.ch wurde in die Hall of Fame von Tim van Damme aufgenommen.

(Screenshot: Claudio Schwarz, timvandamme.com)

Nachdem ich meine vCard claudioschwarz.ch gelauncht hatte, überhäufte man mich damit mit Lob. Auch Christian Michel wollte so eine und ich erstellte ihm kurzerhand eine.

Website: christianmichel.ch

Via Queness wurde ich auf die hübschen vCard Websites aufmerksam und machte mich dran, mir selbst eine zusammenzustellen. Das Echo war riesig. Und endlich habe ich auch eine Verwendung für meine Domain gefunden.

Website: claudioschwarz.ch

Auf Twitter bin ich wiedereinmal über einen interessanten Link gestolpert. Queness präsentierte mir 32 so genannte vCard Microsites. Die Idee dahinter ist es, dass man möglichst schnell die Kontaktdaten herausfinden kann und wo der Besitzer dieser online vCard überall über Netzwerk Accounts verfügt.

Eigentlich nichts Neues. Die .tel Domains verfolgen zwar ein ähnliches Konzept, nur lässt sich dort das Design nicht anpassen oder selbstgestalten. Es scheint ein Trend zu sein, welcher Tim van Damme hier ausgelöst hat.

Und nach dem Tweet der Webdesignlounge liess ich mich sogleich inspirieren und stellte meine eigene vCard Microsite auf claudioschwarz.ch zusammen. Stellst du auch bald eine eigene vCard Microseite online? Wie findest du meine?

(Screenshot: Claudio Schwarz, claudioschwarz.ch)

Übrigens gelangte ich via Tim Van Damme’s Hall of Fame auch zu Olivier Turbis vCard. Und dieser betreibt den online vCard Service card.ly (mit einer grossen Auswahl an Designs). Eignet sich besonders für solche, die auf die schnelle was in diesem Bereich machen möchten.

(Screenshot: Claudio Schwarz, timvandamme.com)

Heute fahre ich mit meiner Serie fort und stelle simple WordPress Themes vor. Ohne viel Schnick-Schnack.

Vostok

Demo | Download

Lead

Demo | Download

Rio

Demo | Download

Braintied

Demo | Download

Überhaupt. Die Themes, wie auch den total freakigen Blog von Amy&Pink kann ich nur empfehlen.

Welche Themes und welche Plugins soll ich für WordPress nutzen? Diese Frage stellten in den letzten Tagen einige Twitter User, denen ich followe. Ich versuche nun die Fragen zu beantworten. Und – es muss nicht immer Thesis sein, welches mittlerweile sehr verbreitet ist unter Schweizer Blogger.

Trend: Magazin Style.

Momentan im Trend liegen Designs im Magazin Stil, hier einige Schmuckstücke (frei erhältlich):

Magazeen.

Download | Demo

Slickpress.

Download | Demo

Equilibrium.

Download | Demo

Für den Übergang.

Du stellst gerade auf ein anderes Theme um? Bitte sehr.

LaunchPad.

Download | Demo

Sehr viele hochwertige Designs gibt es übrigens auch bei Top WordPress Themes. Eine weitere Auswahl gibt es bei sixrevisions.com.

An einem Kreis scheiden sich die Geister. Gestern entdeckte ich auf Facebook die neu gestaltete Seite von Tristan Schmitz. Am Anfang dachte ich, dass es mal eine neue Idee ist, einen Kreis über die Frontseite zu legen. Doch als ich merkte, dass sich der Kreis überall auf der Website platziert ist und dies auch über dem Text, kam ich ins Grübeln. Denn meiner Meinung nach unterbricht dieser Kreis beim Text jeweils den Lesefluss und lässt mich jedesmal auf den Kreis fokussieren. Tristan erklärte mir, dass er damit polarisieren möchte, was er zumindest bei mir auch erreicht hat. Und ausserdem:

Der Kreis ist wesentlicher Bestandteil des Corporate Design. Er steht über allem. Sogar über mir, über der Information, über allem.

Die Umsetzung mit dem overscroll Effekt bei den Projekten finde ich eine coole Sache. Auch farblich passt alles super zusammen.

Und was denkst du über diesen Kreis?

(Screenshot: Claudio Schwarz, tristanschmitz.de)

Dieses Jahr ist es das gefühlte dritte Mal, welches ich mein Design ändere. Was man nicht sehen kann ist, dass ich einen etwas grösseren Schritt gewagt habe. So sind jetzt die anderen Seiten allesamt durch WordPress gesteuert. Vorher waren dies statische .php Seiten. Ausserdem kann ich meine bisher gestalteten Websites mit diesem Theme schön präsentieren.

Navigation.

Die Navigation ist nur teilweise eine Eigenkreation. Der Code stammt vom FREEmium Theme. Lediglich die Grafik musste ich etwas stärker bearbeiten und zurechtbiegen.

Dynamische Stichwortanzeige.

Die Lancierung des dynamischen Brandings von Namics am 3. Juni 2009 hat grosse Wellen geworfen. Namics hat mich dadurch inspiriert auch etwas Ähnliches zu machen. Nur sind meine Tags mit dem Archiv verbunden und zeigen alle Beiträge mit diesen Tags an.

Inhalt und Sidebar.

Auch neu ist, dass ich auf ein zwei Kolumnen Theme mit einer Sidebar umgestiegen bin. Nicht überall wird dasselbe in der Sidebar angezeigt. Die Suche hat den Weg wieder in den Blog gefunden. Die Breite des Inhaltes blieb bei 500 Pixel, da alle meine Bilder eine Fixbreite von 500 Pixeln aufweisen.

Standard Theme.

Und das Coolste daran: das Design welches man jetzt sehen kann, war im Ursprung einmal das Standard Theme von WordPress. Unglaublich was man eigentlich alles daraus machen kann.

Und was ist deine Meinung dazu?

(Screenshot: Claudio Schwarz)

Die Idee einer Neuumsetzung der Website der Offiziersgesellschaft Zürcher Oberland stand schon lange im Raum. So stellte ich dem Vorstand ein Design vor, von dem er begeistert war. Kurz vor der 121. Generalversammlung wurde die Website online gestellt und damit auch das neue Logo präsentiert.

Website: ogzo.ch

Ursprünglich plante ich für die Firma meines Vaters eine CMS Version, welche er selbst bearbeiten konnte. Doch er wünschte sich lieber etwas simples. Und so stellte ich auf eine statische Website mit etwas Galerie und CSS um.

Website: moebelbeizerei.ch

Für meinen Kameraden aus der Offiziersschule Patrick Feustle erstellte ich aufgrund einer Photoshop Vorlage eine CSS Datei, auf der er seine Website aufbauen konnte.

Website: fb-grafik.ch

Auf den Geburtstag meiner Schwester schenkte ich ihr einmal einen Gutschein für eine persönliche Website. Doch zu aller Überraschung löste sie diesen Gutschein nicht für sich ein, sondern für ihre Mannschaft. So entstand die Website der U21 Juniorinnen der Red Ants Rychenberg.

Website: redants-u21.ch

designfragen.de beantwortet Fragen rund um das Thema Design. Die Website ist ein Projekt des Dortmunder Mediengestalters Nicolai Schwarz. Schick sieht sie auch noch aus.

designfragen.de besuchen.

(Screenshot: Claudio Schwarz)

Ich habe gleich zwei Neustarts für persönliche Projekte anzukündigen. Zum Einen ist dies einseins.ch. Mein online Portfolio für bisher gestaltete Websites. Ich habe alle alten Websites gelöscht und werde künftig nur die neu designten Websites dort präsentieren. Die Alten waren sowieso kein Massstab mehr.

Zum Anderen schwarzundzuercher.com. Nach dem gescheiterten kreuz-und-quer-Tech Blog wollen wir uns neu mit der Fotografie beschäftigen. Genauer gesagt mit fotografischen Streifzügen. Das Logo ist noch ausstehend. Es soll endlich einmal eines werden, welches etwas länger hinhält.

einseins.ch besuchen

schwarzundzuercher.com besuchen.

(Screenshot: Claudio Schwarz)

Mittlerweile acht Jahre alt ist der Internet Explorer 6. Die aktuelle Version des IE ist 7, obwohl es eine Beta des neuen IE 8 gibt.

Das traurige daran. Viele nutzen noch immer den IE 6. Wohlgemerkt, dass sich Viren, Spams und allen anderen Unanehmlichkeiten im Web weiterentwickelt haben. Ausserdem war Microsoft lange Zeit nicht daran interessiert, Webstandards einzuhalten, was es mit den neueren IE’s jetzt zu korrigieren versucht. Teilweise ist es zwar gelungen, doch noch immer gibt es massive Mängel.

Diskussionen unter Webentwicklern.

Webdesigner sind näher am Geschehen. Momentan läuft auf Twitter eine Diskussion, ob und wie man den Websitebesuchern den IE 6 (im Glücksfall den IE generell) ausreden könnte. Es gibt die Variante, eine Website per CSS nackt aussehen zu lassen, ohne Farbe und Formatierung. Was fürs Auge bestimmt nicht schön anzusehen ist.

Andererseits gäbe es das Explorer Destroyer Script, welches 3 Stufen besitzt. Von einem freundlichen Hinweis auf den Firefox bis zu einer Verweigerung der Ansicht der Website.

Ich weiss noch nicht, ob ich Benutzer des IE ausschliessen soll.  Mal sehen, wie die Diskussion weiterverläuft.

(Foto: flod - Mozilla Pins Wallpaper)