Browser plugin for developers that changes all “display:none” css elements as displayed

2 Comments

1. 

   BenB on January 22, 2020 at 6:42 pm

   1

   Idea: Browser plugin for developers that changes all “display:none” css elements as displayed

   Link: https://stackoverflow.com/questions/467866...

   I have been needing this as an option in chrome explorer for a while now too, surprised it isn’t an option. But, read this before you make it…

   Is there a selector to exclude display: none elements?

   Link: https://stackoverflow.com/questi

   I want to select only <buttons> whose parents have display: block and exclude those <buttons> whose parents have display:none. Is there any way to accomplish this?

   Reply
2. 

   MeterMan on January 16, 2020 at 9:09 pm

   1

   Idea: Browser plugin for developers that changes all “display:none” css elements as displayed

   Link: https://css-tricks.com/places-its-tempting...

   I would love this. The number of places lazy devs use this to hide stuff they don’t want people to see is astounding, and only adds to bad coding. Its like digital litering at best.

   Places it’s tempting to use `display: none;`, but don’t | CSS-Tricks

   Link: https://css-tricks.com/places-it

   Help yourself be better at accessibility by using better hiding techniques that don’t use display: none;. This involves some tricks like using more clever class names, being fancier with how you deal with JavaScript library animations, or avoiding hiding all together.

   Reply