All posts in Webdesign

Templates, Tipps, Tricks und Ansichten rund ums www.

gif Animation Team up
Beim codeFEST8, veranstaltet von Volkswagen Group IT, bin ich zum Team up! gestoßen, das eine Vision für das innerstädtische Parken der Zukunft vorgestellt hat. Neben meinem „Hauptgeschäft“ Screentypografie habe ich dazu einige Stimmungsbilder für die Präsentation fotografiert und daraus diese Gif-Animation erstellt.

Responsive Webdesign

Categories: Webdesign
Kommentare deaktiviert für Responsive Webdesign

Preview Responsive WebdesignResponsive Design
Das Top-Thema im Webdesign ist seit 2012 sicher Responsive Design. Für Freunde, Stammkunden und besonders auch für alle neuen Interessenten habe ich eine kleine Responsive Webdesign-Demo aufgelegt. Ein und dieselbe Webseite wird damit sowohl auf einem großen Display als auch auf einem Tablet-Computer oder Smartphone optimal dargestellt. Beim zweiten Bild handelt es sich also um ein echtes Foto, bei dem ich nur ein paar Tonwertkorrekturen vorgenommen habe.

Mobile Montagehilfe gestartet

Categories: Webdesign
Kommentare deaktiviert für Mobile Montagehilfe gestartet


Für Kuhfuss Sanitär, den nordrhein-westfälischen Hersteller und Vertreiber von Einrichtungen für öffentliche WCs, habe ich Montageanleitungen fürs mobile Internet eingerichtet. Im Pressetext heißt es dazu: An Ort und Stelle kann der Handwerker ab sofort auf unmittelbare Montagehilfe von Kuhfuss zählen: per Smartphone.
Internetempfang vorausgesetzt, hat der Ratsuchende oder Interessierte nun an jedem x-beliebigen Montageobjekt flexiblen Zugriff auf den neu eingerichteten Montagehilfe-Link des ostwestfälischen Herstellers … Read more

Individuelle Webtypografie II – @font-face Kits

Categories: Webdesign
Kommentare deaktiviert für Individuelle Webtypografie II – @font-face Kits

Edition Waldemar KramerIm Frühjahr 2010 hat das Thema Webfonts richtig Fahrt aufgenommen. Die Industrie hat sich auf die Formate .woff und .eot geeinigt, um die Lizensierung von Schriften fürs Web in ihrem Sinne zu regeln. Vorher konnte man als Webdesigner aus Lizenzgründen nur Free Fonts im .ttf- oder .otf-Format einbinden. Open Type (.otf) ist das Format, das man auch zum Drucken (und Belichten für Qualitätsdrucksachen) verwenden kann. Logischerweise durfte man lizenzpflichtige, universell nutzbare Fonts nicht einfach so auf den Server legen. Jetzt … Read more

Mobile Navigation

Categories: Webdesign
Kommentare deaktiviert für Mobile Navigation

devices
Navigation im doppelten Sinn: Ergänzend zu meiner Website drossmedia.com (Edit: Hier im Bildhintergrund noch die Flash/XML-Version, inzwischen gegen eine WordPress-Lösung getauscht) habe ich meine erste öffentliche kleine Mobilseite ins Netz gestellt.

Dabei handelt sich um ein Navigationsmenü im iPhone-nativen Look auf Basis des iUI Frameworks. Es besteht hauptsächlich aus Listenelementen. Außerdem habe ich … Read more

Nicht mehr als drei SchriftartenEinfache Regeln für gute Typografie finden sich auf der Blogseite Fred Design in englischer Sprache. Die Regel, dass man am besten mit möglichst wenigen Schriftarten auskommt, ist zwar nicht neu, aber den Hinweis auf Konsistenz im Projekt gebe ich gern noch einmal weiter. Ich habe das Motiv mit den maximal drei Schriften pro Projekt einfach einmal auf deutsch nachgebaut, weil ich es so lässig finde, wie die Schriften dort für das Beispiel gemischt wurden.