Icon-Editor in HTML5 – Der x-icon-editor

Windows und das Favicon – zwei Welten treffen sich! ;) Die Web-Entwicklung befindet sich so lange in ruhigen Bahnen bis ein Kunde auf die Idee kommt ein Favicon besitzen zu müssen (was heutzutage wohl selbstverständlich sein sollte), dann steht man da mit seinem Windows und wundert sich darüber, wie man wohl ein Icon erstellen soll.  Windows-Bordmittel fallen flach, und auch Adobe gibt nicht viel auf Icons. In der Regel fährt man am besten mit Tools von Drittanbietern oder nimmt bereits fertige Favicons die man aus einer der vielfältig vorhandenen freien Sammlungen hat, und grad zum Projekt passt.

Screenshot des x-icon-editors

Interessanterweise existiert nun mit dem x-icon-editor ein Online-Icon-Editor, der aus vielerlei Hinsicht interessant ist. Zum einen natürlich weil es ein Icon-Editor ist – und noch nicht einmal der schlechteste ;) Das kleine Tool erstellt online Dateien im ICO-Format und beherrscht auch mehrere Auflösungen in einer solchen Datei. Es kann bestehende Daten importieren und kann pixelgenau mit einer RGB-Farbpalette zeichnen.

Interessant ist es aber auch, weil es sich um eine sehr schöne Umsetzung des <CANVAS>-Elements aus HTML5 handelt. Das Tool setzt auf jQuery auf und benutzt keine fertige UI. Wer also mal sehen will, wie HTML5 geht, einfach mal in den Quelltext schauen, und ansonsten: feiner, sinnvoller und ser einfach zu benutzender Icon-Editor! ;)

Ähnliche Beiträge

JavaScript & Canvas anstatt Visio Das Canvas-Element kann schön zeichnen und die Entwicklung geht klar vom Desktop weg hin zur Cloud, was dann fehlt sind die entsprechenden Lösungen. N...
Mozilla veröffentlicht ein HTML5-basiertes Browser... Der Markt der Browserspiele boomt. Mittlerweile erwirtschaften die Marktführer in diesem Bereich Jahres-Umsätze im dreistelligen Millionen-Bereich. ...
Font Dragr – Fonts für den Einsatz im Web einfach ... Der Font Dragr ist eine ziemlich coole Sache, man kann einen beliebigen Font einfach auf eine dafür vorgesehene Fläche mittels Drag&Drop ziehen, u...
Patternizer – Pattern mittels HTML5 Canvas e... Man kachelt sich so durchs Leben, vor allem in HTML ;) Seit ich mich erinnern kann gibt es kleine Tools, die einem das Erstellen von Kacheln erleichte...

Ein Kommentar

Schreibe einen Kommentar