nl.hideout-lastation.com
Paradijs Voor Ontwerpers En Ontwikkelaars


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.

Voer de invoervelden automatisch in met Cleave.js

Voer de invoervelden automatisch in met Cleave.js

Denk aan alle verschillende invoervelden die een opgemaakte structuur vereisen . Telefoonnummers, creditcards, geboortedata, straatadressen ... ze hebben allemaal hun eigen unieke patronen .Het is gemakkelijk genoeg om deze velden met rust te laten en de gebruiker te vertrouwen. Maar het is wellicht beter om Cleave

(Technische en ontwerptips)

8 snelste manieren om screenshots te maken op Windows 10

8 snelste manieren om screenshots te maken op Windows 10

Screenshots maken is een kernonderdeel van mijn werk en ik weet zeker dat velen van jullie ook vaak screenshots moeten maken . Er zijn meer dan een dozijn manieren om schermafbeeldingen alleen in Windows te maken. Omdat ik echter altijd op zoek ben naar ideeën om de productiviteit op Windows 10 te verhogen, heb ik een aantal van de snelste manieren gevonden om schermafbeeldingen op Windows 10 te maken.

(Technische en ontwerptips)