Mario Fink • Webentwicklung, Webdesign, Usability

Exportschlager: Deutsches Webdesign

Mario — Tue, 31 Aug 2010 19:06:21 +0000

Hier eine kleine Auswahl deutscher Webdesigner die, weit weg von zu Hause, wunderschöne Webseiten bauen.

brizk design

brizk design ist das Portfolio von Kai Brach, der im weit entfernten Australien seine Zelte aufgeschlagen hat. Dort arbeitet er, neben seiner Tätigkeit als Freelancer, an seiner eigenen Reisecommunity globalzoo.de.

Pixelblast

Ins Land der aufgehenden Sonne – nach Tokio um genau zu sein – hat es Kilian Muster verschlagen. Wenn er nicht gerade großartige Artikel über die Besonderheiten japanischer Typographie schreibt, erstellt er für die Kunden seines Unternehmens Pixelblast Webseiten, Illustrationen und Designs.

Jens Meiert

Nicht vom Tellerwäscher zum Millionär, sondern vom Webdekorateur zum Spezialisten für benutzerfreundliches und technisch hochwertiges Webdesign bei Google hat sich Jens Meiert hochgearbeitet. Respekt!

Noch mehr?

Fehlt jemand auf dieser noch recht überschaubaren Liste? Dann bitte ab in die Kommentare damit!

Alle IEs parallel benutzen mit der Spoon Browser Sandbox

Mario — Fri, 27 Aug 2010 18:51:23 +0000

Die Internet Explorer Versionen 6, 7, 8 und die Vorabversion des Internet Explorer 9 parallel benutzen, ohne Installation?

Das erlaubt die Spoon Browser Sandbox. Alles was man dafür tun muss, ist ein kleines Plugin zu installieren. Danach kann man die verschiedenen Browser direkt von der Seite starten. Sehr nützlich, da es unter Windows extrem schwierig ist, verschiedene Versionen des Internet Explorers parallel zu verwenden.

Darüber hinaus bietet Spoon auch noch alle restlichen aktuellen Browser an und sogar Programme und Spiele.

Werbung im Retrostil für Social Media Webseiten

Mario — Fri, 06 Aug 2010 19:45:22 +0000

Sehr schicke Werbeplakate im Stil der 60er/70er Jahre für moderne Social Media Webseiten wie Facebook und YouTube. Großartige Idee – großartige Ausführung!

Gefunden bei MC Winkel.

Fraise – bester MacOS Freeware Texteditor

Mario — Sun, 01 Aug 2010 15:07:27 +0000

Bisher war Smultron der Texteditor meiner Wahl unter MacOS. Da dieser schon seit einiger Zeit nich mehr weiterentwickelt wird, musste ich mich zwangsweise nach einer Alternative umschauen. Mein Weg führte mich zuerst zu TextWrangler. Vom Funktionsumfang gleichwertig, konnte ich mich allerdings nie wirklich mit dessen User Interface anfreunden.
Vor ein paar Tagen dann, erfuhr ich in einer Ecke des Internets, dass Smultron doch noch am Leben ist – nun allerdings unter dem Namen Fraise.

Um’s kurz zu machen: heruntergeladen → installiert → glücklich & zufrieden!

Fraise – Freeware OpenSource TextEditor für MacOS herunterladen

»HoverLink« – Safari Extension

Mario — Sat, 31 Jul 2010 18:15:53 +0000

Meine erste Extension für Safari 5 ist fertig!
Sie hört auf den Namen »HoverLink« und ermöglicht es vor dem Klicken eines Links zu überprüfen, wohin dieser weiterleiten wird. Dabei wird am unteren rechten Fensterrand ein kleiner Bereich mit der Link-URL eingeblendet. Safari’s Statusleiste kann das standardmäßig zwar auch, bietet darüber hinaus aber kaum Mehrwert, der den dafür verschwendeten Bildschirmplatz rechtfertigen würde. »HoverLink« wird nur dann eingeblendet, wenn es auch wirklich gebraucht wird.

Das erste Mal habe ich eine solche Funktion bei Google’s Chrome gesehen und seitdem im Safari des öfteren vermisst. Die perfekte Gelegenheit, den neuen Safari Extension Builder zu testen.

Für den Fall, dass noch jemand Interesse daran hat, habe ich meine Erweiterung eben bei Apple eingereicht. Mal sehen, wie lange das dauert, bis sie in der Safari Extension Library verfügbar ist. Bis es soweit ist, hilft folgender Link weiter:

HoverLink Safari Extension [Download]

Kostenloses User Interface Design Framework

Mario — Wed, 28 Jul 2010 06:56:10 +0000

Vincent stellt auf seinem Portfolio ein umfangreiches User Interface Design Framework für Adobe Illustrator CS2 zur Verfügung. Unter anderem enthält es folgende Komponenten:

leicht anpassbare GUI Elemente
260 Vektor Icons
200 Grafikstile und 330 aufeinander abgestimmte Farbfelder

Die Nutzung ist komplett kostenfrei – sowohl privat als auch kommerziell. Nur für den Fall, dass man die Elemente auf einer fertigen Webseite nutzen möchte, muss man auf Vincent’s Seite verweisen.

[Download] User Interface Design Framework | Webalys

UXMARKZ – Handverlesene Artikel zum Thema User Experience

Mario — Wed, 21 Jul 2010 15:50:42 +0000

Die Seite UXMARKZ bietet eine, täglich aktualisierte, handverlesene Auswahl von Artikeln, Videos, Bildern und Präsentationen rund um das Thema User Experience.

Das Spektrum reicht dabei von theoretischen Beiträgen wie Realizations of Rounded Rectangles bis hin zu praktischen Ratgebern wie The Ultimate Guide To A/B Testing.

Regelmäßiges Vorbeischauen lohnt also.

UXMARKZ – Hand picked UX related resources

Zeit Für Tee

Mario — Mon, 19 Jul 2010 09:25:43 +0000

Mein kleines Privatprojekt für alle Teetrinker mit schlechtem Zeitgefühl.

Link zur Live-Seite

jQuery 1.4.2 Visual Cheat Sheet

Mario — Tue, 06 Jul 2010 20:41:23 +0000

Absolute Empfehlung für jeden jQuery Ninja: das jQuery Visual Cheat Sheet von Antonio Lupetti.

Besserer CSS font-stack in nur 2 Sekunden

Mario — Wed, 23 Jun 2010 17:35:12 +0000

Auf vielen Seiten, die serifenlose Schriften verwenden, sieht man folgende, ungeschickte, CSS font-family Eigenschaft:

font-family:Arial,Helvetica,sans-serif;

Selbst auf “großen” Seiten (bspw. Posterous) ist dieser Fehler anzutreffen.

Fehler deshalb, weil auf diese Weise, nur solche Benutzer in den Genuss der viel harmonischeren Helvetica kommen, auf deren System kein Arial installiert ist. In der Praxis wird sich diese Nutzergruppe auf ein absolutes Minimum beschränken, denn sowohl auf Windows, wie auch auf Linux Systemen, ist keine Helvetica vorhanden. Bleiben noch die Mac-User… Nur ist unter MacOS auch die Arial installiert, und “gewinnt” damit bei obiger CSS Deklaration.

Dabei ist die Lösung doch so einfach:

font-family:Helvetica, Arial, sans-serif;

Und schon können zumindest die Mac-User schicke Schweizer Buchstaben bestaunen.

[Bildquelle]