hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Ajouter le support Emoji à votre site Web avec Emoji CSS

Les emojis ont pris le dessus sur les conversations numériques et ces petites icônes mignonnes imprègnent rapidement la culture Internet. Ils sont maintenant une partie quotidienne de nos vies et vous pouvez les trouver partout des applications de bureau à WordPress.

Et si vous avez déjà voulu des emojis personnalisés sur votre site, Emoji CSS est la bibliothèque parfaite à utiliser.

Ces icônes CSS pures sont générées avec des images d'arrière-plan afin que chaque emoji ait son propre fichier PNG . Ces fichiers d'images sont prêts pour la rétine, de sorte qu'ils ont fière allure sur tous les moniteurs.

Vous pouvez également démo ces emojis en incluant le fichier CSS brut dans votre site. Le fichier fait référence à des images auto-hébergées sur GitHub, vous n'avez donc pas besoin d'héberger quelque chose localement pour commencer.

Sur la page d'accueil CSS Emoji, vous trouverez toutes les classes de code d'image avec un exemple de fragment de démonstration . Une fois que vous avez ajouté le fichier CSS Emoji à votre document, tout ce que vous avez à faire est d'ajouter un élément avec la classe .em, ainsi que la classe correspondant à l'icône spécifique que vous voulez montrer.

Donc par exemple ce code:

ajoutera les 100 emoji directement dans le contenu de votre site. Vous avez plus de 200 emojis différents à choisir et le projet est open source donc il est disponible pour les mises à jour .

Le meilleur de tous la page d'accueil CSS Emoji est super facile à utiliser. Il suffit de cliquer sur une icône et vous copiez automatiquement ce code source dans le presse-papiers pour pouvoir le coller directement dans votre code HTML.

Je serai le premier à admettre que tous les sites Web ne bénéficieront pas de cette bibliothèque Emoji, mais les réseaux sociaux et les sites Web pris en charge par les commentaires peuvent améliorer l'engagement des utilisateurs en ajoutant un support emoji . Et avec la bibliothèque CSS Emoji, il s'agit pratiquement d'un processus en deux étapes pour émojecter votre site.

9 jouets et gadgets high-tech conçus pour les enfants

9 jouets et gadgets high-tech conçus pour les enfants

De nombreux parents s'inquiètent de voir leurs enfants passer trop de temps en ligne ou sur des smartphones et des tablettes. Cependant, l'apprentissage de la programmation peut devenir l'une des nombreuses compétences essentielles dont votre enfant aurait besoin dans sa vie future.Plutôt que de sortir la technologie de leur vie, il existe des gadgets intelligents qui peuvent aider les enfants à développer leurs compétences en programmation tout en leur offrant un environnement sûr pour explorer, jouer et se développer.Nous av

(Conseils techniques et de conception)

Ce truc astucieux ramène les visiteurs quand ils se détournent

Ce truc astucieux ramène les visiteurs quand ils se détournent

Combien de fois ouvrez-vous un article, écrivez quelques phrases, puis cliquez pour aller voir un autre onglet? Je suis coupable de cela tous les jours. Ce n'est pas si facile de garder l'attention d'un visiteur et c'est pourquoi le script Do not Go peut être si précieux.En ajoutant ce script à votre page, vous pouvez automatiquement mettre à jour le favicon et le titre de la page lorsque la page n'est pas en cours d'affichage.Vous

(Conseils techniques et de conception)