Git Product home page Git Product logo

emoji-css's Introduction

Emoji CSS πŸ˜ƒ

An easy way to include emoji in your HTML.

Development

Note that the images under emoji/ are only there for legacy reasons, and are copyrighted. They will be removed at some point.

Running Locally

Install Ruby 2.x, then run:

bundle
bundle exec jekyll serve -w
open http://localhost:4000

Updating emoji data

Pulls from emoji-data.

make

See Also

emoji-css's People

Contributors

abs avatar afeld avatar alirayl avatar amatsuda avatar arunagw avatar arvida avatar asianmack avatar buildstarted avatar davidlambl avatar doofdoofsf avatar evelynharthbrooke avatar florianbuerger avatar fusion94 avatar henrikjoreteg avatar himynameisjonas avatar ixro avatar justincampbell avatar leereilly avatar madasi avatar mathiasbynens avatar mattiasottosson avatar omgmog avatar petermanser avatar pjaspers avatar streeter avatar take avatar tdm00 avatar trevorturk avatar tricknotes avatar wjessop avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

emoji-css's Issues

Add filter on the website

I would like to add a filter on the website to make it easier to find an emoji. Can I help by sending a PR?

improve search

Currently, you can only search by the "short names". Would be helpful to be able to search by plain-English words.

Bug on some flags

Hello,
I use the flags on my website, and I noticed that some flags had turned into a letter.

Here is a screenshot to show you this: https://puu.sh/ExC1G/99bac921a5.png

It looks like the letter is applied on the flag first with each change of letter.
It would be great if you could fix the problem.
Thank you.

GitHub is not a CDN

GitHub is not a CDN please remove this reference from the demo site

<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">

Flags to change

Spain -> em-es to em-flag-es
Germany -> em-ge to em-flag-de
Russia -> em-ru to em-flag-ru
France -> em-fr to em-flag-fr
South Korea -> em-kr to em-flag-kr
Japan -> em-jp to em-flag-jp

Hosting on his own website

Is there a way to host the whole project on my own hosting instead of using this project one?
What are the files I should upload? What's the CSS link I need to reach inside my HEAD?

Thanks a lot (great work by the way!).

bower component

Hi - any chance of making this into a bower component? I tried to do this myself but for some reason I can't make the SCSS file compile with sass

c:\Code\emoji-css>sass emoji.scss emoji.css
Error: Invalid CSS after "}": expected selector or at-rule, was "{% for emo in s..."
        on line 15 of emoji.scss
  Use --trace for backtrace.

Cannot display emoji, mixed content error, insecure stylesheet.

First of all, this is a super neat project! Thanks for making and sharing it!

I'm having an issue displaying these on my site, which uses HTTPS and I don't think the issue was there before. I'm getting the following error:

Mixed Content: The page at 'https://example.com' was loaded over HTTPS,
but requested an insecure stylesheet 'http://emoji-css.afeld.me/emoji.css'.
This request has been blocked; the content must be served over HTTPS.

But the code does specify HTTPS, so I'm not sure what is happening here or how to fix it. Is the site redirecting HTTPS requests to HTTP?

<link href="https://afeld.github.io/emoji-css/emoji.css" rel="stylesheet">

Any help would be greatly appreciated.

Flag class names

Hello.
I came across with not very logical flags class names. Most of developers store in their data bases only country ISO codes, such as gb, be, es, etc.
Some of flag class names start with em- prefix, such as class em-es. And also some of flag class names start with em-flag- prefix, such as class em-flag-be. This leads to mandatory storage of flag classes, although it would be possible to do just with ISO codes.

Request: Link to generate random emoji

Firstly, congrats and thank you for your work!
It would be nice it could be possible to request a random emoji with a fixed class.

Example:
<i class="em em-random" aria-role="presentation" aria-label="EMOJI"></i>

Thank you anyway!
Have a nice day

Order

Hi, first i want to thank you for the job, but it will be better if you re order like on the phone so the user does not wasted so much time looking the emoji.

Thanks!!

Emoji scaling

Hi,

I am trying to scale the emojis.
New to coding...please help :)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.