Typografie auf mobilen Geräten

Im Umgang mit responsive Design und Mobilen Webseiten bleibt auch ein Aspekt der Gestaltung wie immer von sehr hoher Bedeutung, die Typografie.

Gerade hier muss man viele Besonderheiten noch genauer betrachten als schon beim normalen Webdesign.

Weiterlesen


Icon Fonts

Auf vielen Webseiten werden Icons verbaut, um den Besuchern eine bessere Orientierung zu bieten. Die meisten benutzen für diese Icons einzelne Grafiken. Fortgeschrittene Frontend-Entwickler haben meist eine Sprite-Datei in der alle Icons gesammelt sind und per CSS-Klassen benutzbar sind. Es gibt aber noch eine weitere Methode um Icons auf seiner Webseite zu nutzen: die Icons-Fonts.

Weiterlesen


Icon-Sets für Webseiten

Icons im Web sind wie Straßenschilder. Sie sollen dem Besucher der Seite schnell Orientierung über seine Möglichkeiten verschaffen. Jeder Webentwickler stand aber sicher schonmal vor der Frage, woher man schöne Icons für sein Projekt bekommt. Mit diesem blog-Post möchte ich euch heute 3 Webseiten vorstellen, deren Icons man schnell und einfach nutzen kann. Weiterlesen


Auf einfachste Art Schriften bestimmen: Fount

Wer kennt das nicht: Man ist fröhlich im Netz unterwegs und stößt irgendwo auf eine mächtig interessante Schrift. Nun möchte man wissen, um welche Schrift es sich handelt. In vielen Fällen wird Fount dabei helfen können.

Fount stellt ein Bookmarklet zur Verfügung; klickt man dieses Bookmarklet und danach auf die interessierenden Fonts, werden in der oberen rechten Ecke des Fensters die gefundenen Informationen angezeigt:

http://www.joocom.de/blog/wp-content/uploads/wpid-chrome_fount_11.png

Das hat in meinen Tests nicht überall funktioniert; trotzdem ist dies sicherlich ein praktisches Werkzeug, solange es zur Verfügung steht.

http://www.joocom.de/blog/wp-content/uploads/wpid-chrome_fount_21.png

Wenn man alle interessierenden Fonts einer Seite identifiziert hat, wird Fount mit einem zweiten Klick auf das Bookmarklet deaktiviert.