Text auf Pfaden mittels CSS3

Brave New World – CSS3 und insbesondere das Canvas-Element machen Dinge möglich, über die man sich früher keine Gedanken machen brauchte. Insbesondere werden diese neue Techniken auf lange Sicht dafür sorgen das „der Sohn vom Arbeitskollegen“ nicht mehr mal eben schnell die Homepage des Unternehmens kostenlos ins Web setzt. HTML5 / CSS3 wird komplex, ohne Javascript wird es nicht mehr gehen und schon heute schauen einige Designer doof aus der Wäsche.

Screenshot von CSSWARP

Helfen kann an der Stelle die eine oder andere kleine Cloud-Anwendung die mittels Frontend ein paar rudimentäre Dinge zulässt, und dann das entsprechende HTML auswirft. Zumeist funktioniert das (in den meisten Browsern), und zumeist sollte man vorsichtig sein das HTML ohne Tests einzusetzen. CSSWARP erlaubt es, in einem Canvas-Element beliebigen Text mittels eines Pfads in eine beliebige Form zu pressen.

Dies ist natürlich in mehrerer Hinsicht interessant: zum einen ist das Frontend ein gutes Beispiel was (und wie schnell) ein Canvas-Element arbeiten kann, und zum anderen ist auch das CSS3 recht interessant. Natürlich (und das liegt in der Natur der Sache) ist das erzeugte CSS nicht gerade das was man als klein und zierlich bezeichnen würde. Ist auch irgendwo logisch denn um einen solchen Effekt zu erzeugen muss jeder Buchstabe einzeln angesprochen und transformiert werden.

Ich bleibe allerdings dabei das CSSWARP ein gutes Beispiel für die zukünftigen Möglichkeiten und ein prima Beispiel für ein schnelles Canvas-Element ist. Werft einfach mal einen Blick auf die Seite, ob man es dann auch benutzen sollte steht auf einem anderen Blatt.

Ähnliche Beiträge

Automatoon – HTML5 Animationen Deluxe Bei meinem ersten Besuch auf Automatoon gab es ein ziemliches auf und ab, angefangen bei "Das kann ja jeder" über "Wie haben sie das bloss gemacht" bi...
Webflow – komplettes CSS3 für Seiten online ... CSS3 Online-Editoren gibt es ja einige in der Cloud. Meistens sind diese für spezialisierte Anwendungen wie zum Beispiel Gradients oder Buttons. Will ...
99 Login-Screens als PSD Login-Screens sind wohl das am meistens vernachlässigte Thema im Bereich der Backend-Entwicklung, dabei gibt es inzwischen recht schöne Möglichkeiten ...
Respsonsive Design Testing Tool Screenqueri.es Das man heutzutage ein neues Design responsive aufbauen sollte lässt sich wohl nicht mehr weg diskutieren, wie es vielleicht vor einem Jahr noch mögli...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.