Voeg Emoji-ondersteuning toe aan uw website met Emoji CSS

Emoji's hebben digitale gesprekken overgenomen en deze schattige kleine pictogrammen drongen snel door in de internetcultuur. Ze zijn nu een dagelijks onderdeel van ons leven en je kunt ze overal vinden, van desktop-apps tot WordPress.

En als u ooit aangepaste emoji's op uw site wilde hebben, dan is Emoji CSS de perfecte bibliotheek om te gebruiken.

Deze pure CSS-pictogrammen worden gegenereerd met achtergrondafbeeldingen, zodat elke emoji een eigen PNG-bestand heeft . Deze beeldbestanden zijn klaar voor het netvlies, zodat ze er geweldig uitzien op alle monitoren.

Je kunt deze emoji's ook demonstreren door het onbewerkte CSS-bestand op te nemen in je site. Het bestand verwijst naar zelf-gehoste afbeeldingen op GitHub, zodat u lokaal niets hoeft te hosten om aan de slag te gaan.

Op de Emoji CSS-startpagina vindt u alle afbeeldingscodeklassen samen met een voorbeeld van een demofragment . Zodra u het Emoji CSS-bestand aan uw document hebt toegevoegd, hoeft u alleen nog een element toe te voegen met de .em- klasse, samen met welke klasse dan ook gerelateerd aan het specifieke pictogram dat u wilt weergeven.

Dus bijvoorbeeld deze code:

voegt de 100 emoji rechtstreeks toe aan de inhoud van uw site. Je hebt ruim 200 verschillende emoji's om uit te kiezen en het project is open source, dus het is beschikbaar voor updates .

Het beste van alles op de Emoji CSS-startpagina is supereenvoudig in gebruik. Klik gewoon op een pictogram en u kopieert die broncode automatisch naar het klembord zodat u deze rechtstreeks in uw HTML kunt plakken.

Ik zal de eerste zijn om toe te geven dat niet elke website van deze Emoji-bibliotheek kan profiteren, maar sociale netwerken en door commentaar ondersteunde websites kunnen de betrokkenheid van gebruikers verbeteren door emoji-ondersteuning toe te voegen . En met de Emoji CSS-bibliotheek is dit praktisch een proces in twee stappen om uw site te emoji-upten.

App Store-optimalisatie: een praktische gids voor app-ontwikkelaars

U hebt zojuist uw eerste iPhone-app gemaakt en deze in de App Store gepubliceerd. Super goed! Maar de app-installaties gaan niet door het dak. Wat nu? U moet een aantal optimalisaties uitvoeren.App Store Optimization (ASO) zijn de tactieken die u kunt gebruiken om uw app hoger te classificeren in de App Store

(Technische en ontwerptips)

Nieuwe bron voor webontwikkelaars - juli 2018

In dit deel van de nieuwe bronnen hebben we een verscheidenheid aan bronnen in de lijst. Afgezien van een aantal op code gebaseerde hulpmiddelen zoals nieuwe JavaScript-bibliotheken en -kaders, hebben we ook een aantal handige GUI-toepassingen toegevoegd waarvan ik zeker weet dat zowel ontwikkelaars als ontwerpers dit zullen waarderen

(Technische en ontwerptips)