Suggestions to Add Synchronize Tab in Editor - eSteem Surfer 1.0.1

in #utopian-io6 years ago (edited)

Contribution to the eSteem Open Source Project - eSteem Surfer 1.0.1

Source

Repository

https://github.com/esteemapp/esteem-surfer

Components

eSteem Surfer was just released about 12 days ago as a desktop client for Steem. It is still in beta version for us to test out the different features and to give the team continual support with ideas and suggestions to improve the app for long term use. Yesterday eSteem Surfer 1.0.1 update was released with great improvements for users.

Proposal

eSteem surfer actually has made a lot of improvement on the editing page for users to create their posts in a most user friendly way.

  • This is what I love about the editing page is that you can see the preview right next to it. Unlike the other platforms like Steemit and Busy where you need to scroll down to preview the post on the editing page, eSteem surfer has come up with a fascinating format of having both the editing and the preview side by side.

  • While everything is good and as I have been using eSteem surfer since the launch, I wish to propose a 'Perfect Alignment' between the Editing Panel and the Preview Panel.

  • Right now both sides are not coincide together when we do the proof-reading. This means that what you have on the Editing panel does not necessarily follow with the Preview panel. Each panel has its scrolling tab for individual scrolling in the different panels.

  • I want to propose an EXTRA TAB where it SYNCHRONIZES both of these scrolling. In this way when we scroll on the Editing page we can actually see what it looks like on the right side Preview panel or vice versa. And when we see that something does not look right on the preview panel, we can right away make the changes on the Editing panel in the right location without the need to scroll from the Editing panel.



Mockups / Examples

Screenshot 1

This is the nice feature of eSteem Surfer where the Editor and Preview on the same screen:

aligntogether.jpg

  • As you can see, both panels have their own scrolling tab.

Screenshot 2

These 2 scrollings are separate and do not synchronize together, so on the left edint panel, you see writing, and on the right preview panel, you see an image:

aligntogether2.jpg


Screenshot 3

The following screenshot will show you what happens when the new tab "Synchronize" is added

aligntogether3.jpg

  • Add the new Tab "S" - Synchronize on the left side of the Editor

  • When this tab is activated, both the scrolling for Editing side and the Preview side will coincide together

  • I boxed in the 2 scrolling in red - can you see that the scrolling of the Editing panel and the scrolling on the Preview Panel coincide together. They are now at the same place.

  • This means that what you see on the Editing panel is exactly in the same location of the Preview panel on the right.

Can you see how awesome this will be for Users posting via Esteem Surfer?

This will make this the #1 Posting editor for Steemit.


Benefits

The benefits of having the Synchronize Tab on the Editor:

  • Users can activate the Synchronize tab for easy proofreading!

  • When users proofread their posts which we often do before posting, we can scroll down the editing to look at the preview alongside at the same location. Right now you need to do it manually by scrolling both panels.

  • And when we see that in the preview, there is a mistake, we can right away know where to make the 'editing correction' on the left panel because the synchronized tab will show the exact location for both windows (editing and preview)

  • This saves a lot of time in proofreading where we can just make correction right away whenever we spot a mistake.

GitHub Account

My Github account is: https://github.com/rosatravels

Thank you for your attention,
Rosa
@rosatravels


Hope you like reading this post!

谢谢你的阅读!希望你喜欢。

Sort:  

Hi @rosatravels thank you for the contribution

Your contribution has been evaluated according to Utopian policies and guidelines, as well as a predefined set of questions pertaining to the category.

To view those questions and the relevant answers related to your post, click here.


Need help? Write a ticket on https://support.utopian.io/.
Chat with us on Discord.
[utopian-moderator]

I'm not using eSteem Surfer so far, since I broke my laptop few months ago ago. But reading this article makes me like having some ideas about how exciting it is to using it. And I agree about what you write in this article, @rosatravels. I know this will be a valuable input for the team.

This is the best editor so far for Steemit.

These times I have been using eSteem to compose, edit, submit, comment, browse the feed. I once asked in oficial eSteem Telegram group, whether they will bring a desktop version, and @syedumair replied that it will soon be here, he said we could expect for it in May. I guess everything has been going according to the plan there.

Thanks @rosatravels.

Nice suggestion, please don't forget to include your suggestion to eSteem github repo.
thanks for using eSteem

soy Venezolano, aqui estoy apoyando su trabajo; espero contar con su ayuda ya que es el objetivo que busco en esta plataforma.saludos y buenas tardes

Hey @rosatravels
Thanks for contributing on Utopian.
We’re already looking forward to your next contribution!

Contributing on Utopian
Learn how to contribute on our website or by watching this tutorial on Youtube.

Want to chat? Join us on Discord https://discord.gg/h52nFrV.

Vote for Utopian Witness!

Coin Marketplace

STEEM 0.31
TRX 0.11
JST 0.034
BTC 64140.77
ETH 3133.36
USDT 1.00
SBD 4.15