Steem UI Feature Suggestion: Galleries! (+ Examples)

View this thread on: d.buzz | hive.blog | peakd.com | ecency.com
·@cryptosharon·
0.000 HBD
Steem UI Feature Suggestion: Galleries! (+ Examples)
https://i.ibb.co/JQL1BpQ/Page-1-2.png

Uploading and viewing multiple images is currently a very big hassle. This disincentivises photographers who wish to post photo albums without creating enormously long posts. It also disincentivises anyone who wishes to upload multiple pictures.

This post, for example, would be viewed more comfortably if album/gallery/carousel UI elements were enabled and allowed on most Steem UIs like Steempeak, Busy, Steemit, Partiko, eSteem, etc.

The gallery view should be **standardized**. Having a different gallery for each UI will make it hard for publishers to know what their code will look like on the viewers screen.

# Proposed Code

```

<gallery>
<img src="https://i.imgur.com/HPYDfNi.jpg alt="That time I went to Colombia">
<img src="https://i.imgur.com/HPYDfNi.jpg alt="That time I went to Singapour">
<img src="https://i.imgur.com/HPYDfNi.jpg alt="That time I went to South Korea">
<img src="https://i.imgur.com/HPYDfNi.jpg alt="The food I ate yesterday">
<img src="https://i.imgur.com/HPYDfNi.jpg alt="My broken shoes that I sent to fix last week">
</gallery>

```

# Gallery UI Examples

### Masonry Horizontal

https://i.imgur.com/Ib9x13f.jpg

### Masonry Vertical

https://i.imgur.com/kpBdy9C.png

### Masonry Horizontal - No Margin

https://i.imgur.com/hC7RPLc.jpg

### Elevated Carousel - With Previews

https://i.imgur.com/zXUImC8.jpg

### Card Carousel

https://i.imgur.com/eCPtAm8.jpg

### Mono-Height Carousel

https://i.imgur.com/pLD42rs.jpg

### Minimalistic Sliding Carousel

https://i.imgur.com/mZRKgv7.png

### When Open: Big Photo - Small Previews

https://i.imgur.com/VQByMpz.jpg

### Clearly Higlighting Which Photo Is Open

https://i.imgur.com/xSkXAtr.jpg

### Light-hearted big-small UI

![image.png](https://ipfs.busy.org/ipfs/QmTvTrksDqF5BGk7jAARdLfvGhARxRWZSgQt6fTckQXmFC)

---

If enough interest is shown, I can either take CSS, HTML and JS proposals or we can make some code proposals both for Vuejs and raw HTML so that this feature launch can be swiftly implemented by most major Steem UIs.

## In the comments, please debate:
* Do you like/agree with this proposal?
* Do you disagree with a part of what I said or showed?
* What changes would you make to the proposal?
* Would you propose a design I didn't show in my examples?

## To coders who are interested:
* Please make HTML, CSS and JS proposals to the teams of each major UI.
* If you post them in this comments section, I will personally help promote your proposals.
* We can make pull requests if their projects are open source. Otherwise we must reach them personally.
👍 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,