Sure you can add emojis by using your operating system's keyboard, or shortcuts. On a Mac, that often means you have to search for the emoji with their restrictive keyword choices. Otherwise you'll have to scroll down for an eternity or less to find it.
You can never search for 💩 the way you want:
We demand better! We should use our own search words for emojis! Emoji freedom. Emoji efficiency.
This app prompts you to copy the emoji to your clipboard when the search matches down to one. Or your selection is a single click away. Boom.💥✨
See it in action:
We've included babel-standalone via CDNJS as a <script> in the <head> of index.html. This is not the recommended method for use on projects going to production.
Even on sites without a backend (i.e. Node.js), it's recommended that you use a build system, such as Gulp, Grunt, or Webpack. See how to do so on Babel docs here.
We use babel-standalone because our example project only requires Babel to quickly demonstrate the usage of ES2015 features. Make sure to read through the use cases here: README.md
Take a look at the support for emojis on various operating systems and their browsers today: CanIEmoji
We've excluded the number emojis due to their lack of support on Chrome. We encourage you to try out adding fallback support with a JS library such as JS Emoji or the open-source emoji set Emoji One
Just to clarify - it is not required to run gulp to work with the javascript. It's only being used to compile the scss. However if you'd like to play around on your own time , follow the steps below to get setup. 👯
- Ensure you have Node.js installed. Download that here.
- Next, in a terminal window run
npm install -g gulp. This installs gulp globally on your system so that you can actually play with it~ - Now enter
cd path/to/filename(change the path to match wherever your emoji-finder folder is located). - Run
npm install. This will automatically install all dependencies for the project 🍰
After you've done the above - and npm install has stopped doing it's 🔥 - run gulp. Now whenever you update a *.scss file, gulp will automatically recompile to *.css. To end the session, in your terminal window type ctrl+c.
Extra shiny step for bonus learning points: install gulp-babel by following the instructions here or on Babel docs here (click Gulp as your choice of build system). Don't forget to then remove the babel-standalone <script> tag from the <head> in index.html.