Spice up your CSS with Emojis
Jeff Atwood, creator of Stack Overflow and one of the best bloggers there is, says that a blog without comments is not a blog. I’d like to add that a blog without emoji is not a blog. But that’s not the hole truth, emojis go way further. A life without emoji is like the weekly PM meeting: boring.
Andy Warhol said:
I like boring things.
And Leo Tolstoy wrote:
Everything intelligent is so boring.
Which makes the weekly PM meeting an intelligent art masterpiece.
Emojis on Jekyll
Adding emojis to a jekyll blog is easy. Just add the jemoji gem to your site’s _config.yml
Then you can go to any emoji cheatsheet to get the reference for the emoji.
For example here is a cute panda face
Emojis on CSS
I’ve heard that you could use emoji as class names, but it blew my mind to actually try it. Of course this is completely useless, but it’s as cool as CSS can get.
For example, if I want to build a section for Funny Hot News, I can name it like this:
<div class="😃🔥📰">
This is the Funny Hot News section!
</div>
See the Pen Emoji CSS class names by Andres Galante (@andresgalante) on CodePen.
These are just a few ways to use them, now go and Spice Up Your Life with emojis.