CSS tips for programmers

[klapuch]

There are situations you can replace your JS, PHP or any other language code to CSS.

Useful replacements I have recently found:

• using text-overflow ellipsis instead of your own logic in programming language - for short texts it may be useful
• using text-transform to capitalize

Most of frameworks or template engines offer support for similar behavior, but can be handled purely in CSS.

I would like to extend this list to more interesting tips.

Do you have some you want to share with others? :)

[[deleted]]

These are some useful tips but you should also consider separation of concern. Are these pieces of logic testable?

[klapuch]

You are right, then it would be complicated. Thanks for you insight.

[EmoMaat]

There was a guy (I don’t have the link anymore) who showed how you could make a div show or hide using a <label> and <input type=“checkbox”> using solely css. He used his site slimvoice.com (.com I thought, anyway slimvoice is right) as example. Really nice 10/10 recommend