search

tingbot / tide-electron

📝   Simple IDE for developing Tingbot apps
Other
22 stars 7 forks source link

image preview #24

Open benpawle opened 8 years ago

benpawle commented 8 years ago

screen-image-tide_artboard 1 Clicking an image icon in the side bar of Tide window will preview that image. Name, resolution and file size are displayed in a bar at the bottom of the panel.

This panel also includes a 'show in finder' button on Mac ('reveal in explorer' on pc?).

screen-image-tide_artboard 2 Show in finder button has a dimmed mouse down state similar to the run buttons at the top.

screen-image-tide_artboard 3 The image is shown at actual size until it is large enough to fill the window height or width.

StefanJanssen95 commented 8 years ago

Looks good, I just saw Atom has a nice feature for showing images. It's pretty easy to put it in and can be useful. This is the default option when selecting an image: default_white With the buttons above the image you can change how the background looks to for example a black transparent background: black or a completely transparent background: transparent

In my opinion this gives the user a better idea what their image would look like on a light or dark background. Instead of going into an external image editor the user can get a better idea of the image in Tide itself.

Used a part of a logo of the project Im currently working on as example,

benpawle commented 8 years ago

Thanks @StefanJanssen95 that looks like it could be useful. I'd be interested in that being added once we've got the rest of the image viewer up and running.