Live preview with copy & paste

yeun / open-color

Color scheme for UI design.

https://yeun.github.io/open-color/

MIT License

5.29k stars 243 forks source link

Live preview with copy & paste #36

Closed lukasoppermann closed 7 years ago

lukasoppermann commented 8 years ago

Hey @yeun @makepanic,

I was just thinking an additional, very nice feature would be a live preview of the colors (html) with a copy functionality (user should be able to choose the format?).

Just like here: http://flatuicolors.com

For example I am currently using the colors as defaults for some web components. However, I am not loading the package into the components to keep it small. For this kind of workflow, or other design tools that do not have a palett to include, this would be very awesome addition to /docs.

makepanic commented 8 years ago

I'm not sure if @yeun wants to add this feature, but there are in general 2 ways of implementing it:

maximum compatibility: http://zeroclipboard.org/ which is old and relies on flash but has a better compatibility with older browsers
native browser api: execCommand which doesn't support older browser versions (minimum Chrome 43, FF 41, IE9, Safari 10).

There's a lib that uses execCommand and falls back to an input where the user has to manually copy the selection: https://clipboardjs.com/#browser-support

lukasoppermann commented 8 years ago

Hey @makepanic I would think something like the last lib would be idea. Since it is just a nicety feature, I think requiring modern browser support for convenience features is fine. 👍

yeun commented 7 years ago

Sorry, I'd like to keep the UI simple as possible, not thinking of browser support / progressive enhancement / etc. If you want to discuss more, please reopen.