___|  _ \   |  |    |   |_ _|\ \     / ____|
 |     |   |  |  |    |   |  |  \ \   /  __|
 |   | |   | ___ __|  ___ |  |   \ \ /   |
\____|\___/     _|   _|  _|___|   \_/   _____| 

 --- A GOPHER-LIKE INTERFACE FOR HIVE BLOCKCHAIN ---

Steem UI Feature Suggestion: Galleries! (+ Examples)

BY: @cryptosharon | CREATED: Dec. 31, 2019, 11:23 p.m. | VOTES: 235 | PAYOUT: $2.70 | [ VOTE ]

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 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: 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:

To coders who are interested:

TAGS: [ #steempeak ] [ #steemit ] [ #design ] [ #utopian-io ] [ #steem ] [ #busy ] [ #esteem ] [ #partiko ] [ #oc ] [ #posh ] [ #palnet ] [ #neoxian ]

Replies

@cryptosharon | Dec. 31, 2019, 11:27 p.m. | Votes: 0 | [ VOTE ]

posh

This post was shared on Twitter: https://twitter.com/CryptoSharon/status/1212153103061061633

@steem-ua | Jan. 1, 2020, 11:48 a.m. | Votes: 0 | [ VOTE ]

Hi @cryptosharon!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 4.697 which ranks you at #1656 across all Steem accounts.
Your rank has not changed in the last three days.

In our last Algorithmic Curation Round, consisting of 78 contributions, your post is ranked at #31.

Evaluation of your UA score:
  • Some people are already following you, keep going!
  • The readers like your work!
  • Try to work on user engagement: the more people that interact with you via the comments, the higher your UA score!

Feel free to join our @steem-ua Discord server

@steem-plus | Jan. 1, 2020, 11:55 a.m. | Votes: 0 | [ VOTE ]

Hi, @cryptosharon!

You just got a 2.56% upvote from SteemPlus!
To get higher upvotes, earn more SteemPlus Points (SPP). On your Steemit wallet, check your SPP balance and click on "How to earn SPP?" to find out all the ways to earn.
If you're not using SteemPlus yet, please check our last posts in here to see the many ways in which SteemPlus can improve your Steem experience on Steemit and Busy.

@steemitboard | Jan. 3, 2020, 4:16 a.m. | Votes: 0 | [ VOTE ]

Congratulations @cryptosharon! You received a personal award!

https://steemitimages.com/70x70/http://steemitboard.com/@cryptosharon/birthday2.pngHappy Birthday! - You are on the Steem blockchain for 2 years!

You can view your badges on your Steem Board and compare to others on the Steem Ranking

Vote for @Steemitboard as a witness to get one more award and increased upvotes!
@paulag | Jan. 3, 2020, 5:27 p.m. | Votes: 1 | [ VOTE ]

Great proposal, The UI needs a lot of work imo and I have not seen many suggestions. Resteeming

@cryptosharon | Jan. 3, 2020, 5:36 p.m. | Votes: 0 | [ VOTE ]

Yeah, everything moves slowly but surely, but sometimes I feel that some features are left in the back burner for way too long. Thank you for resteeming. Let's see if this takes off.

@steevc | Jan. 3, 2020, 5:53 p.m. | Votes: 1 | [ VOTE ]

Steempeak is a better place to view photos. The Steemit guys have said before they want to concentrate on back end stuff and only provide the Steemit site as an entry point. They ought to have a popup that suggests alternatives. They do at least have a link to Steem Projects, but it's hidden away. That site needs updating as it still include DLive.

@evolved08gsr | Jan. 9, 2020, 1:31 a.m. | Votes: 1 | [ VOTE ]

This is pretty awesome! I like the idea 👍 I'm sorry I'm only seeing it 7-8 days late

@cryptosharon | Jan. 9, 2020, 5:35 p.m. | Votes: 0 | [ VOTE ]

No problem! And I'm glad you like it. I hoped more people would see it. I hope this becomes a feature in the future. :)

[ BACK TO TRENDING ] [ BACK TO MENU ]
CMD>