Legg Emoji-støtte til ditt nettsted med Emoji CSS

Emojis har tatt over digitale samtaler, og disse søte, små ikonene gjennomsyret raskt internettkulturen med et slag. De er nå en daglig del av våre liv, og du kan finne dem overalt fra desktop apps til WordPress.

Og hvis du noen gang har ønsket egendefinerte emojis på nettstedet ditt, er Emoji CSS det perfekte biblioteket å bruke.

Disse rene CSS-ikonene genereres med bakgrunnsbilder, slik at hver emoji har sin egen PNG-fil . Disse bildefilene er retina-klare, slik at de ser bra ut på alle skjermer.

Du kan også demo disse emojiene ved å inkludere den røde CSS-filen til nettstedet ditt. Filen refererer til selvbehandlede bilder på GitHub, slik at du ikke trenger å være vert for noe lokalt for å komme i gang.

På Emoji CSS-hjemmesiden finner du alle bildekodeklassene sammen med en prøve-demoutdrag . Når du har lagt til Emoji CSS-filen i dokumentet, er alt du trenger å gjøre, å legge til et element med .em- klassen, sammen med hvilken klasse som helst gjelder det spesifikke ikonet du vil vise.

Så for eksempel denne koden:

vil legge til 100 emoji direkte inn i nettstedets innhold. Du har godt over 200 forskjellige emojier å velge mellom, og prosjektet er åpen kildekode, så det er tilgjengelig for oppdateringer .

Best av alle Emoji CSS hjemmeside er super enkel å bruke. Bare klikk på et ikon, og du kopierer automatisk kildekoden til utklippstavlen slik at du kan lime den rett inn i HTML-en din.

Jeg vil være den første til å innrømme at ikke alle nettsteder vil ha nytte av dette Emoji-biblioteket, men sosiale nettverk og kommentarer støttede nettsteder kan forbedre brukerengasjementet ved å legge til emoji-støtte . Og med Emoji CSS-biblioteket, er dette praktisk talt en to-trinns prosess for å emoji opp nettstedet ditt.

Apple lanserer Reparasjonsprogram for å bekjempe iPhone 6 Plus 'Touch Disease' -problemet

Hvis du er en eier av iPhone 6 Plus, har du kanskje kommet over iPhone 6 Plus-berøringsskjermproblemet. Berøringsskjermproblemet aka " Berøringssykdom " oppstår etter en for mange dråper av telefonen, noe som resulterer i en ikke-berøringsskjerm med en grå linje synlig øverst på skjermen.Hovedårs

(Tekniske og design tips)

Formater Input Fields automatisk med Cleave.js

Tenk på alle de forskjellige inputfeltene som krever en formatert struktur . Telefonnumre, kredittkort, fødselsdatoer, gateadresser ... de har alle sine egne unike mønstre .Det er lett nok å forlate disse feltene alene og stole på brukeren. Men det kan være bedre å bruke Cleave.js, en gratis vanilje-JavaScript-plugin for å hjelpe deg med å formatere inputfelene automatisk . HTML5 k

(Tekniske og design tips)