DEV Community

loading...
Cover image for 🍹🌟 CSS for fun

🍹🌟 CSS for fun

Paul Rumkin
I'm a fullstack developer, author and inventor. Sometimes a photographer and designer of my logos and UIs/UXs. Mostly I'm working with JS and Web itself.
Updated on ・1 min read

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

Discussion (11)

Collapse
peterdavidcarter profile image
Peter David Carter

How do I make money from ths????

Collapse
rumkin profile image
Paul Rumkin Author

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 Author • 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 Author

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 Author

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 ✌