de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Hinzufügen von Emoji-Unterstützung zu Ihrer Website mit Emoji CSS

Emojis haben digitale Gespräche übernommen und diese süßen kleinen Ikonen haben die Internetkultur schnell durchdrungen. Sie sind jetzt ein alltäglicher Teil unseres Lebens und Sie können sie überall finden, von Desktop-Apps bis WordPress.

Und wenn Sie jemals benutzerdefinierte Emojis auf Ihrer Website haben wollten, dann ist Emoji CSS die perfekte Bibliothek.

Diese reinen CSS-Symbole werden mit Hintergrundbildern generiert, sodass jedes Emoji über eine eigene PNG-Datei verfügt . Diese Bilddateien sind netzwerkfähig und sehen auf allen Monitoren gut aus.

Sie können diese Emojis auch demonstrieren, indem Sie die rohe CSS-Datei in Ihre Site einfügen . Die Datei verweist auf selbst gehostete Bilder auf GitHub, sodass Sie zum Starten nicht lokal hosten müssen .

Auf der Emoji CSS-Homepage finden Sie alle Bildcode-Klassen zusammen mit einem Beispiel-Demo-Snippet . Sobald Sie die Emoji-CSS-Datei zu Ihrem Dokument hinzugefügt haben, müssen Sie nur noch ein Element mit der Klasse .em hinzufügen, zusammen mit der Klasse, die sich auf das bestimmte Symbol bezieht, das Sie anzeigen möchten.

Also zum Beispiel dieser Code:

fügt die 100 Emoji direkt in den Inhalt Ihrer Website ein. Sie haben weit über 200 verschiedene Emojis zur Auswahl und das Projekt ist Open Source, so dass es für Updates verfügbar ist .

Das Beste von der Emoji CSS Homepage ist super einfach zu benutzen. Klicken Sie einfach auf ein Symbol und Sie werden diesen Quellcode automatisch in die Zwischenablage kopieren, damit Sie ihn direkt in Ihren HTML- Code einfügen können.

Ich bin der Erste, der zugibt, dass nicht jede Website von dieser Emoji-Bibliothek profitiert, aber soziale Netzwerke und von Kommentaren unterstützte Websites können die Benutzerbindung verbessern, indem sie Emoji-Unterstützung hinzufügen . Und mit der Emoji CSS-Bibliothek ist dies praktisch ein zweistufiger Prozess, um Ihre Website emoji-up zu machen.

Firefox 52 ist out - hier ist, was neu ist

Firefox 52 ist out - hier ist, was neu ist

Für Firefox-Nutzer gibt es einen Leckerbissen, da die neueste Version des Mozilla-Webbrowsers einen neuen Build in Form von Firefox 52 erhalten hat . Wie bei jeder anderen großen Builds, Firefox 52 kommt mit neuen Funktionen und mehr. Hier sind die drei wichtigsten Funktionen und Änderungen, die Sie mit Firefox 52 sehen werden . D

(Tech- und Design-Tipps)

45 Clever Photoshop Tricks, die Sie kennen sollten

45 Clever Photoshop Tricks, die Sie kennen sollten

Ohne Frage ist Photoshop eine der beliebtesten und beliebtesten Bildbearbeitungssoftware für Grafikdesigner, digitale Maler und Fotografen gleichermaßen. Mit jeder Überarbeitung fügt Adobe dem Programm mehr Leistung hinzu.In diesem Artikel werden wir 45 Tipps und Tricks betrachten, die Sie in Photoshop verwenden können; die Art von Tricks, von denen du dir wünschtest, dass du sie früher gewusst hättest. Einige

(Tech- und Design-Tipps)