- new feature

in utopian-io •  5 months ago

This is a web application created to speedup and simplify image labeling/ annotation process with multiple supported formats. Link at

New Feature

Project owner has raised an issue requesting for help to implement a 'delete animation' of the feature points list. A feature point can be added to a picture by annotation, the items in the list can then be rearranged or deleted. I added in the 'slide out right' animation when an item is getting deleted. Below are the before and after screen-casts.





I added the feature by first adding the necessary CSS keyframes/transform classes and then appending these classes using jquery whenever the 'delete tag' button is clicked. Below is the commit:

GitHub Account

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thanks for the contribution, @alvinvoo, and of course welcome to Utopian! It's a nice little update - it definitely looks a lot nicer with the animation you added. It is also great to see you helping out an open source project that isn't your own!

Since you are new I thought I would give you some information about how you can get the highest reward in the development category:

  • In general the reward is determined with an exponential formula, so this means that contributions with a higher score get a relatively higher reward than those with a lower score (it's not linear). What this means for contributors is that if they want to get a higher reward it's more beneficial for them to combine more significant features into one contribution (the significance and amount of work put into a feature is the largest determining factor for the score). Of course also the quality of the code is taken into account amongst other things like the descriptiveness of your commit messages - I would recommend reading this amazing guide that will give you some great tips on how to achieve a higher score.

I look forward to seeing your future contributions and am glad to have you as a part of Utopian!

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
Chat with us on Discord.


Hi @amosbastian, thanks a lot for your advice =)


Thank you for your review, @amosbastian!

So far this week you've reviewed 13 contributions. Keep up the good work!

Congratulations @alvinvoo! You have completed the following achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes received
Award for the number of upvotes

Click on the badge to view your Board of Honor.
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Do you like SteemitBoard's project? Then Vote for its witness and get one more award!

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

Want to chat? Join us on Discord

Vote for Utopian Witness!