German English

Cookies und andere Daten

Auf dieser Webseite sowie den dazugehörigen Unterseiten und Subdomains werden sogenannte Cookies verwendet, um Einstellungen und Daten für die weitere Nutzung zu speichern. Mit dem Akzeptieren dieser Meldung erklären Sie sich damit einverstanden, dass Cookies gespeichert und weiterverwertet werden, welche unter anderem Daten enthalten, die Sie bei zukünftigen Besuchen identifizieren können. Weitere Informationen zu den erhobenen Daten und ihrer Verwendung finden Sie in der Privacy Policy. AkzeptierenAblehnen

icon Einbindung SVGoticons werden über eine Font-Datei eingebunden und als Schriftart bereitgestellt, um so für definierte Elemente genutzt zu werden. icon Anwendung Der in ein Emoticon umzuwandelnde Teil benötigt lediglich die gesetzte Schriftart und das entsprechende Symbol. icon Kompatibilität SVGoticons sind mit den meisten Anwendungen kompatibel, welche das Einbetten von Schriftarten in einzelne Textabschnitte erlauben.

SVGoticons

SVGoticons ist ein Emoticon-Paket, verpackt in eine SVG-Schriftart, die in verschiedenen Dateiformaten bereitgestellt wird, um möglichst viele Systeme zu unterstützen. SVGoticons richten sich in erster Linie an Entwickler von Desktop-, Smartphone- und Webanwendungen, wie Chats, Microblogging-Services & Internetforen oder andere Anwendungen mit sozialen Funktionen.

Verwendung

SVGoticons sind einfach über die entsprechende Font-Datei, wie *.ttf einzubinden und auf eine zusätzliche Element-Klasse anzuwenden. Zur Nutzung der SVGoticons sollten bestimmte Zeichenketten innerhalb eines Textabschnitts mit besagtem Element ersetzt werden. Der Inhalt des SVGoticons-Elements muss nun durch den Buchstaben oder das Symbol aus der SVGoticons-Referenztabelle ersetzt werden, welches der gewünschten Zeichenkette zugeordnet werden soll. In, auf HTML5 und CSS3 basierenden, Webanwendungen kann hierzu auch mit data-Attributen und dem :before / :after - Pseudoselector gearbeitet werden, um so beim Kopieren des Textes die ursprünglichen Zeichenketten beizubehalten (Siehe Demo).

Vorteile

Ein großer Vorteil der SVGoticons ist, dass innerhalb von Nachrichtenverläufen, Beiträgen und ähnlichen eher langen Elementen mit viel Text, nicht mehr alles mit Grafiken überfüllt ist, die je nach System auch noch jedes mal erneut geladen werden müssen und deutlich mehr Last verursachen, als das Laden einer kleinen Schriftart.

Hinzu kommt das einfache Färben der SVGoticons. Da es sich bei diesem Projekt um eine Schriftart handelt, können sämtliche Emoticons der SVGoticons-Schriftart auch genauso einfach und beliebig gefärbt werden, wie herkömmlicher Text. Ebenso lassen sich verschiedene Effekte zur schärferen Darstellung passend zum dazugehörigen Text auf die SVGoticons anwenden. Das hat zum Beispiel den Vorteil, dass sich verschiedene Emoticons passend zur jeweiligen Aktion oder dem Design der Webseite nach Belieben einfärben lassen. Oder die Färbung der Emoticons wird einfach komplett dem Endbenutzer überlassen.

SVGoticons-Beispiel

Warum SVGoticons?

SVGoticons sind simple, aber leicht per Textstil modifizierbare Emoticons und werden auf jeder Plattform möglichst identisch dargestellt. Dieses Projekt richtet sich daher speziell an Entwickler, die keine grafischen Emoticons verwenden möchten, sondern Unicode-Zeichen, die mittlerweile zum großteil als Emoticons in sozialen Medien verwendet werden, um einen Satz an einheitlichen, zum Projekt passenden Emoticons nach klassischem Schema erweitern möchten.

Demo


Screenshots

Download

Für dieses Paket steht derzeit noch kein Download bereit.