Getting things ready

TOOLTIPS

Normal Tooltip
A normal/default tooltip which has a translucent BG, rounded borders & a fading transition.
This is a Normal Tooltip
Fade-In-Up Tooltip
A tooltip that fades in upwards (arises), using CSS Styling.
This is a Fade-Up Tooltip
Expanding Tooltip
A tooltip that Expands and shrinks to original size, using CSS Animation.
This is an Expanding Tooltip
Attention! Tooltip
An Animated tooltip which tries to grab 42% of your attention, using CSS Keyframes.
MOVE YOUR EYEBALLS OVER HERE!
Mouse Following Tooltip
A tooltip that follows your mouse when you hover over it. Made with JavaScript.
I'll go where you go! :)
But only if you visit me :p
Wierdly Animated Tooltip
This was supposed to be a flip-open one & was achieved, but since the coder is mad & didn't find it worth, he just tweaked some values and made this instead. Enjoy!
It also kind of glitches if you (aggressively) try to disturb it a bit
But even the coder has no idea why this happens, he just laughs!
* This Section may not work well in mobile devices

POP-UPS (MODALS)

IMAGE SLIDER

Blue Cityscape
FULL-SCREEN
IMAGE SLIDER
Colorful Night Sky
AUTOMATIC
IMAGE SLIDING
Night Beach
ANIMATED
IMAGE SLIDING
Walking in Nice Scenery
ANIMATED
CAPTION/TEXT
❮ ❯
* View this section in landscape mode for best view in mobile devices

FETCHING DATA USING APIs

IMAGE GENERATOR (LOREM PICSUM)

Image Icon
IMAGE API
A new image is requested every time this page refreshes or when you Load New Image from the given button. These requests are made to Lorem Picsum, and a simple JavaScript code then changes the src of img tag.

Also, when it loads data, like image here and making API calls to get data like the below ones, it shows some animation, until data is loaded and the results are ready to show.

MUSIC PLAYER API (SPOTIFY)

Spotify Banner
Spotify Icon
SEARCHING ON SPOTIFY
Made using Spotify Web API, this has search functionality which makes an API call to Spotify and gets data from which the Track ID is retrieved and then is turned into an Embedded URL since this player is provided by Spotify as an iframe element. You can use Get Random Song button to load an already acquired song in this iframe from limited song/Track IDs. When you search for songs, you get the first result as this is just a demo. To use the search functionality you need an OAuth Token.

WARNING: OAuth Token should be kept safe as it belongs to your account, though it expires in 1 hour. But you have been warned.

VIDEO PLAYER API (YOUTUBE)

Image Icon
Made using YouTube API, and similar to the use of the Spotify Web API earlier, searching is done via an API call, you enter a video title and the first result is what you get here. Again this too needs an API key for which you'll have to create some credentials from Developer Console and use the API key here to make calls. And again this key is sensitive and may not expire at all!

Other than this search feature, there are some other functionalities which you can use.