search

LeaVerou / dabblet

An interactive CSS playground
http://dabblet.com
817 stars 148 forks source link

Feature proposal: keyword previewer #224

Closed GeorgeTzellis closed 11 years ago

GeorgeTzellis commented 11 years ago

image

Do you switch between display: block and display: none frequently? Isn't it a chore having to retype absolute and relative to change between position values? When you don't remember all the acceptable values of, say, white-space, isn't it a bother having to google that again and again?

That's where the keyword previewer comes in. When the user sets the caret on a CSS value keyword, e.g. inline-block, a previewer pops up with the rest of the available values for the specific property. To change the value, just click on the value you want.

I've already done some preliminary work on this, and found it'd be easier to implement if the tokenizer recognised CSS keywords. But I don't know if Lea would be interested in such a feature.

LeaVerou commented 11 years ago

???

GeorgeTzellis commented 11 years ago

Lost the relevant code when my MacBook Air died. Plus, Chrome dev tools implemented ≈ this, so I don't know if it's worth working on.