Amazing CSS: Radialer Ladebalken

Mithilfe von SVG – Grafiken, CSS und etwas Javascript lässt sich erstaunliches erschaffen. So auch in diesem Fall – radiale Ladebalken, welche animiert sind. Vor allem das Zusammenspiel aus den Grafiken mit CSS ist erstaunlich.

Pen von Erin E. Sullivan

Amazing CSS: Animierte Signatur ohne JS

Aus meiner Fundgrube.

Eine flüssig animierte Signatur ohne Javascript? Technisch umsetzbar, wenn auch viele Bedingungen zutreffen müssen. Hierbei wird mittels CSS Animationen und einem Bild, welches mehrere Frames (im Endeffekt ein kleiner Film in einzelnen Bildern) besitzt eine starke Leistung erzielt.

Vielleicht dient dies manchen als eine Art Machbarkeit-Studie – für den alltäglichen Gebrauch wird man sich wahrscheinlich für andere Umsetzungen entscheiden.

Hier ist der Pen von Damian Drygel.

Amazing CSS: Custom File Inputs – Images

Aus meiner Fundgrube.

Die file-input Elemente stellen in Sachen Gestaltung sowieso seit jeher ebenso wie die Checkboxen eine Besonderheit dar. Jedoch kann man mit neuen, überlagernden Pseudo Elementen oder effektivem CSS-Design diese Hürde umgehen.

Im folgenden Fall werden die input[type=file] Felder umgestylt, mit rudimentärem jQuery (CSS Klasse switchen – on.change) und CSS3.

Hier findet ihr den Code von Paolo-Duzioni.

Spiel des Lebens

Durch eine Code Competition letztes Jahr wurde ich auf die Idee des Spiel des Lebens aufmerksam. Hierbei handelt es sich um eine Art Mikrowelt mit lebenden Zellen, dessen Sterben oder Geburt von drei einfachen Regeln bestimmt werden. Erstaunlicherweise entstehen verschiedenste Muster und Varietäten.

Meine Implementierung basiert auf PHP und ist leider nur server-seitig gelöst, weswegen die Performance leidet. Eine optimale Implementierung wäre Client-seitig mit Hilfe von Javascript. Vielleicht reiche ich dies irgendwann einmal nach (mich fuchst es noch immer, nicht direkt die Problematik in Javascript gelöst zu haben).

DOWNLOAD Game of Life PHP


Der Beitrag bezieht sich auf Conway’s Spiel des Lebens.

Das Spiel des Lebens (engl. Conway’s Game of Life) ist ein vom Mathematiker John Horton Conway 1970 entworfenes Spiel, basierend auf einem zweidimensionalen zellulären Automaten. Es ist eine einfache und bis heute populäre Umsetzung der Automaten-Theorie von Stanisław Marcin Ulam.

Webseite relaunched

Aufgrund mangelnder Zeit wird hier im Laufe der Zeit meine Webseite basierend auf WordPress entstehen.

Es folgen demnächst meine Referenzen, beziehungsweise Tools.