Steem price carousel

in #utopian-io6 years ago (edited)

image.png

One of the simplest but most important feature needed some redesign and got us playing with some carousel libraries.

New Feature: Steem Price Carousel

The way the Steem prices were displayed was a bit frustrating, having to wait 5 seconds to switch between the different price indicators.

Following a few suggestions, we decided to make it faster and smoother, as you can see in the GIF hereunder,p

carousel.gif

The Steem price switches smoothly every 3 seconds between the three different modes :

  • STEEM/SBD
  • STEEM/USD
  • SBD/USD

To make it even faster and enjoyable for those in a hurry, once the dropdown open, you can simply press the Left and Right Arrows on your keyboard to switch between the different prices. You can use this to switch even faster between the different prices.

carousel_arrow.gif

Of course I am going super fast on this example, but it s up to you to control the speed with these arrows ;)

In order to do this, we have used the very efficient unslider library. It is one of of the most complete carousel slider libraries using jQuery. You can find its documentation in here.

Hope this will help in making your Steemit experience even better ;)



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Il faudra que je mette à jour le Reader me avec tout cela en plus de corriger les fautes de grammaire.

Voulais-tu également une version francophone ?

Congratulations @stoodkev! You have completed some achievement on Steemit and have been rewarded with new badge(s) :

Award for the number of upvotes

Click on any badge to view your own Board of Honor on SteemitBoard.

To support your work, I also upvoted your post!
For more information about SteemitBoard, click here

If you no longer want to receive notifications, reply to this comment with the word STOP

Upvote this notification to help all Steemit users. Learn why here!

Coin Marketplace

STEEM 0.16
TRX 0.15
JST 0.030
BTC 59020.34
ETH 2514.65
USDT 1.00
SBD 2.47