Auf Kurs

Auffüllen mit Daten

Wir alle kennen sie: diese Balken, die den Fortschritt eines Vorgangs anzeigen. Meistens handelt es sich um Ladevorgänge, wie bspw. beim Start eines Computers, Aufladen eines Akkus oder der Anzeige eines Download-Vorgangs. Es haben sich seit vielen Jahren vor allem horizontal-orientierte Balken in so gut wie allen Betriebssystemen und Web-Frameworks Weiterlesen…

Von tamio, vor
Auf Kurs

Belohnung per Animation unterstützen

Man braucht kein Psychologiestudium abgeschlossen zu haben, um zu wissen, dass Menschen sich über Belohnungen und Geschenke freuen. Digitale Services stehen mit dem Nutzer im Dialog und funktionieren i.d.R. besser, wenn sie auf den jeweiligen Nutzer individuell eingehen. Hier stehen dann weniger technische Informationen im Vordergrund sondern vielmehr die Art der Kommunikation,  die Weiterlesen…

Von tamio, vor
Auf Kurs

ioioPen – a CodePen inspired local starter

(English: Please follow the GitHub link to read the english readme file.) Wer meinen Blog verfolgt hat bestimmt bemerkt, dass ich in letzter Zeit einige Experimente zu Web-Technologien veröffentlicht habe, die ich zu einem großen Teil über CodePen präsentiert habe. Das schöne an CodePen ist die Möglichkeit direkt mit einer spontanen Idee loslegen Weiterlesen…

Von tamio, vor
Auf Kurs

K. I. T. T.

K. I. T. T. vom Knight Rider hatte eine markante Lichterkette. Die roten Lichter gingen reihum von einer zur anderen Seite und vise versa an und aus, so dass der Eindruck entstand, dass K. I. T. T. die Umgebung scannt und erkennt. Dieses „Auge“ von K. I. T. T. habe Weiterlesen…

Von tamio, vor
Auf Kurs

3D Würfel

Dieses mal habe ich mit einem animierten 3D-Objekt in CSS experimentiert. Umgesetzt ist der Würfel mit reinem CSS, simplem HTML und ohne JavaScript.

Von tamio, vor
Auf Kurs

Ein Dreher von kalt zu heiß

Ein jeder kennt sie: die kleinen Animationen, die andeuten, dass der Computer gerade beschäftigt ist und damit dem menschlichen Gegenüber um Verständnis für die Wartezeit bittet. Eine solche Animation habe ich nach dem Motto, dass der Computer heißläuft, mit CSS gestaltet.

Von tamio, vor
Auf Kurs

Das Sonnensystem in Relation

Ich habe die Größenverhältnisse der Planeten untereinander und die Abstände zueinander als Diagramm dargestellt. Technisch habe ich dies über ein simples HTML-Dokument gänzlich ohne Klassen- und ID-Angaben und per CSS realisiert. Dabei kam keine einzige Zeile JavaScript und keine Grafik zum Einsatz.

Von tamio, vor
Neues aus dem Netz

Making the Web Beautiful!

Seit jeher war es möglich per HTML-Tags und später per Cascading Style Sheets Einfluss auf Schriften auszuüben: anfangs sehr primitiv auf dem Niveau von Schriftauszeichnungen mittels der HTML-Tags „H1“ (bis 6), „B“, „U“, „I“, „TT“, „PRE“ und später auch „BIG“, „SMALL“, „SUP“, „STRONG“, „EM“, „CODE“, „CITE“, etc. und dann mittels Weiterlesen…

Von tamio, vor
Meine Sachen

Flash vs. HTML

Nicht zuletzt Apples konsequente Verbannung von Adobes Flash aus ihrem iPhone OS und die wachsende Etablierung moderner Web-Standards á la HTML 5 insbesondere bei den bekannten Videoplattformen führt zu einer interessanten Diskussion. Den folgenden Test habe ich hierzu durchgeführt: Ich habe eine Uhr designed, die Datum und Uhrzeit anzeigt und Weiterlesen…

Von tamio, vor