kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

Visual Design & UX


CSS 3-Feature: Writing-Mode

Die westliche Leserichtung ist bekanntlich von links nach rechts und von oben nach unten. Insbesondere in asiatischen und arabischen Ländern wird hingegen oft von rechts nach links geschrieben und gelesen. Ebenso gibt es Kulturen in denen die Zeilen von oben nach unten verlaufen. CSS 3 ermöglich nun endlich diese Textdarstellung.
In diesem Beitrag beschreibe ich Funktionsweise und praktische Anwendung des CSS 3-Features "writing-mode".

Beitrag zu Ende lesen

40 kostenlose Branchen-Icons

Zu Weihnachten schenke ich Euch in diesem Jahr 40 kostenlose und von mir gestaltete Icons. Diese Icons wurden größtenteils für ein ehemaliges Projekt erstellt und stehen stellvertretend für verschiedene Branchen. Da dieses Projekt nun nicht mehr existiert könnt Ihr sie gerne für Eure Website, Euren Blog oder was auch immer nutzen.
Das Icon-Set umfasst 40 Icons: 20 verschiedene Motive, jeweils in den Größen 48x48 und 24x24 Pixel, sowie im PNG-Format.

Beitrag zu Ende lesen

36 Free Avatar-Icons

Vor einiger Zeit brauchte ich für ein Projekt dringend einen männlichen und einen weiblichen Avatar. Nach kurzer und erfolgloser Suche im Netz entschloss ich mich dazu sie selbst zu zeichnen.
Anschließend erstellte ich einige farbliche Variationen die Ihr Euch hier nun kostenlos herunterladen könnt um sie für Eure Projekte (kommerziell und nicht-kommerziell) zu verwenden. Es handelt sich um 18 männliche und 18 weibliche Icons, alle auf transparentem Hintergrund im PNG-Format.

Beitrag zu Ende lesen

WebClip Icon für das iPhone erstellen

Kleine Icons zur bildhaften Kennzeichnung von Internetseiten haben sich in den letzten Jahren großer Beliebtheit erfreut. Das Favicon als Markierung von Lesezeichen oder der Browser-URL kennt wohl mittlerweile jeder. Doch was genau ist ein WebClip Icon? Die Lösung ist ganz einfach. Das Favicon im iPhone und iPod Touch!

Damit das iPhone anstelle eines automatisch generierten Icons ein schönes, vom Webseitenbetreiber erstelltes, Icon anzeigt muss nicht viel getan werden. Im Folgenden erkläre ich in aller Kürze was getan werden muss.

Beitrag zu Ende lesen

Free Newspaper Icon

Für ein aktuelles Projekt brauchten wir ein Icon einer Zeitung. Ihr könnt es Euch hier kostenlos herunterladen.
Das Set umfasst ein Icon in den Größen 32x32, 64x64, 128x128 und 256x256 Pixel. Selbstredend im PNG-Format.
Viel Spaß damit!

Beitrag zu Ende lesen

Free Folder Icon

Ich habe soeben bei mir ein altes Folder-Icon gefunden. Wenn es jmd brauchen kann, so darf er es gerne herunterladen.
Das Set beinhaltet 4 Icons in den Größen 32x32, 64x64, 128x128x und 256x256 Pixel. Alle Icons sind im PNG-Dateiformat.

Beitrag zu Ende lesen