css

Macrotypography

Through a series of examples I show, how to achieve big UX improvement with small changes in the code.

Posted: 15.06.2017

Labels: css

Category: Typography | Usability

filter wizard

With this Online-Tool you can style Images from your computer, Images from the Web, iFrames like YouTube Videos, Streetview etc, Websites and generate the css-code for the applied Filters.

Posted: 18.12.2015

Labels: css, filter, online-tool

Category: Interfacedesign | Projektbezogen

Navigation Drawer, Off-canvas navigation

Wenn man Interaktionselemente von nativen Apps bei Web-Applikationen oder Mobilversionen von Websites einsetzt, müssen diese die Benutzererwartungen erfüllen.

Posted: 01.02.2015

Labels: app, css, mobile pattern, usability, Web-App

Category: Menus | Usability

fontborder

3 .number { font-weight: 700; text-shadow: -0.01em 0 #BB3A3A, 0 0.01em #C6CC39, 0.01em 0 #5B6E97, 0 -0.01em #3C745B; -webkit-text-fill-color: black; -webkit-text-stroke-color: white; -webkit-text-stroke-width: 3.40px; color: #000; } http://markussteiger.ch/projekte/02689/

Posted: 03.01.2015

Labels: css

Category: Uncategorized

Time as CSS style

See also Add Class to body Show/hide Image via Current Time Elegant solution from Lea Verou

Posted: 26.02.2014

Labels: css, fiddleDemo, jquery

Category: Code, Demos

iframe

Beispiel wie man mit jsfiddle.net Codeschnipsel darstellen kann. Trotz, oder gerade wegen <iframe> eine gute Lösung. Wird zum Kärtchen. Einfache Navigation ist eingebaut. Könnte auch heissen „Frage | Antwort | Aktion“ etc. Stosse in letzter Zeit oft auf diesen „Tag“…. mehr

Posted: 21.02.2014

Labels: css

Category: Code, Demos

Inspiration

Ich finde es wichtig zu zeigen was einem gefällt. Mal schauen was die anderen so machen. Wichtig: Eigene Schlüsse ziehen. Inspiration ist nicht gleich Lösung.

Posted: 24.10.2013

Labels: css, interface examples, tools, usability

Category: Notizen, Artikel