CSS Class Name Generator

Tontuf Co.
ff




 


 




Collection of simple and human-readable class names

  • Before to think about the class name, choose a good name for HTML elements
  • Put the class name at the lowest possible level
  • Use content to find a name
  • Don’t use content, if the picture speaks louder
  • Try -like suffix for better reuse.
  • Don’t use camelCase
  • Try BEM
  • Try uglier
  • Usefully descriptive words
  • Try to use only one letter as a meaningful prefix
  • Try [] when too many classes of a kind
  • Use a js- prefix if it is only used by JavaScript




Tags
Bitcoin price
$ 109220+0.2%
Ethereum price
$ 2665.23+1.9%
Tether price
$ 1.00087+0.1%
XRP price
$ 2.38178+3.1%
BNB price
$ 662.976+0.1%
Solana price
$ 153.686+1.1%
USDC price
$ 1.00071+0.0%
TRON price
$ 0.28936+1.2%
Cardano price
$ 0.60890+3.2%
Dogecoin price
$ 0.17311+1.1%
EWT
$ 1.32308+22.2%
MAGIC
$ 0.19284+20.7%
HEGIC
$ 0.03377+15.6%
BOBO
$ 0.00000+15.5%
MICHI
$ 0.02679+14.0%
GMX
$ 11.1984-20.8%
FIS
$ 0.11076-12.3%
PIVX
$ 0.13458-11.8%
0X0
$ 0.08902-10.9%
DRGN
$ 0.03534-10.2%


Our website uses cookies to enhance your experience. Learn More
Accept !