An audio will be played.
To stop the audio, click the button in the lower right hand corner.
OK

Shareable Birthday Card

[bogo]
  • AJAX
  • HTML
  • iTunes API
  • JavaScript
  • jQuery
  • SCSS

“Shareable Birthday Card” is a single webpage based application created by HTML, CSS, and Javascript with jQuery plugin. All images I used are SVG data and I control them by CSS animation and jQuery. There are three basic interactive functions on this website. First, users can control the position of the drink with drag-and-drop. Secondly, when users tap the balloon, it goes away with animation. Finally, the note illustration is also interactive. When users tap or click it, the jQuery connects to JSON based iTunes database by Ajax, which can perform an asynchronous HTTP request. When the Ajax brings the iTunes data back, JavaScript Audio API receives the information and plays music randomly.

Gallery

Project List