DEV Community

Cover image for 🍹🌟 CSS for fun
Paul Rumkin
Paul Rumkin

Posted on • Edited on

🍹🌟 CSS for fun

Sometimes you just want to make things work and not to think about names. Emojis here to help.

⚠️ Don't overuse it. Read about how people with vision impairments use emoji.

Example

This is a BEM-like emoji classnames example.

.🦄 {
  height: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
  background: cornsilk;
}

.🦄-header {
  font-size: 72px;
  color: violet;
}

And apply it:

<div class="🦄">
  <h1 class="🦄-header">
    Unicorns rule!
  </h1>
</div>

Preview

Top comments (11)

Collapse
 
peterdavidcarter profile image
Peter David Carter

How do I make money from ths????

Collapse
 
rumkin profile image
Paul Rumkin

Depends on how good you are on making money. Some people sell air in a can, so it's all up to you.

Collapse
 
peterdavidcarter profile image
Peter David Carter • Edited

Yeah, and some people are the best developer in their medium to large sized Microsoft partner company. But I guess the product doesn't really matter, huh?

Thread Thread
 
rumkin profile image
Paul Rumkin • Edited

Product only matters. But you should to know what's your product is, to sell it properly. Is it a program, a thing or emotion.

Thread Thread
 
peterdavidcarter profile image
Peter David Carter

Well no. The needs of your company matter. A product is a lower level concern.

Thread Thread
 
rumkin profile image
Paul Rumkin

The needs of your company matter.

This is what accepted by default. Same as your personal needs to be able to satisfy the company's.

Thread Thread
 
peterdavidcarter profile image
Peter David Carter

Whether you like it or not you are a part of the company's survival. I know it sounds terrible but if you jeopardise that you get fired because the company as a whole is more important than you.

Thread Thread
 
rumkin profile image
Paul Rumkin

There are companies which survive for centuries. There are people who make the whole company to exist. It always depends on. And there is no right or wrong answer.

Collapse
 
shimphillip profile image
Phillip Shim

Fun approach! What's your preferred way of pasting in emojis in your code? Do you use any extenions?

Collapse
 
marcellothearcane profile image
marcellothearcane

Windows keyboard has a win+. shortcut, I think.

Collapse
 
rickystam profile image
Ricky Stam

Lol thanks! Didn't know that ✌