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
Meine Sachen

TinyCLI auf Bulletin-Board.de

In letzter Zeit habe ich an einer kleinen Web-Applikation gearbeitet, die ein CLI (bzw. eine Shell, ein Terminal) im Browser darstellt. Es handelt sich noch um einen Entwicklungsstand, ist jedoch jetzt einigermaßen präsentabel geworden. Das CLI funktioniert auf aktuellen Browsern und insbesondere Chrome am besten. Safari wird noch am schlechtesten 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

Der Batteriestatus

Im Zeitalter der digitalen Revolution steht das Wort Energie gemeinhin häufig weniger für die Kraft, die die Revolution als gesellschaftliche Bewegung vorantreibt, sondern ganz profan für die panische Suche nach einer Energiequelle für die ganzen smarten mobilen Geräte, die sich all zu schnell entladen und so drohen die so wichtig erachtete Verbindung Weiterlesen …

Von tamio, vor
Auf Kurs

Warteschleife für Musik

Diese Animation ist eine Warteschleife (aka Loader oder Spinner) als Animation zur Nutzung im Kontext von Musik. Die Umsetzung basiert auf CSS und simplem HTML.

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