Music Portfolio Template with HTML5 and jQuery

Today we want to share a music portfolio template with you. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer. The artist albums are shown using the jCarousel plugin and the user can add song samples to the play list and reorder the songs by dragging […]

Today we want to share a music portfolio template with you. The idea is to create an artist portfolio with a discography line up and HTML5 audio player jPlayer. The artist albums are shown using the jCarousel plugin and the user can add song samples to the play list and reorder the songs by dragging them.

The samples used are from the talented Ivan Chew at ccmixter.org. The original images come from Rick Harris at Flickr. All the albums are fictitious and are only shown for demonstration purposes. Any resemblance to existing bands or artists are unintended.

We hope you like this template and find it useful!

View demoDownload source

Previous:
Next:

Tagged with:

ML is a freelance web designer and developer with a passion for interaction design. She studied Cognitive Science and Computational Logic and has a weakness for the smell of freshly ground peppercorns.

View all contributions by

Website: http://www.codrops.com

Related Articles

CSS Reference

Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

It doesn't matter if you are a beginner or intermediate, start learning CSS now.

Feedback 83

Comments are closed.
  1. 1

    very nice.. todos los proyectos realizados por ustedes son muy buenos, gracias por compartir..

    solo le falta algo a este sitio un “DONE”.

    bendiciones.

  2. 4

    No way! You guys are awesome in our delivery and use of jquery. Thank you for shearing your knowledge with us.

  3. 6

    really great;

    I use flash and php to do the same…

    I get your version …

    Thanks

  4. 7

    thanks a lot,
    you have done a great work again!!!

    all the best to your life!

    Philip

  5. 10

    I have 2 clients who are singers and musicians but still, I’m not yet starting with HTML5. I just can’t see it working properly in all browsers so…..
    Nice stuff though!

  6. 12

    Thanks for your generosity! This will definitely add more professional vibe!Keep it up guys!

  7. 13

    absoluty great! lovely user interfase, ajaxfy surfing, fast response in the player and the magic of jquery

    congrats and thanks for do things like that, you’re pushing the webdesign steps foward !

    adeus, from argentina

  8. 15

    Must say that the portfolio LOOKS nice, but is nothing that I’d expect from an artist portfolio. I’ve been producing music for 11 years and have yet to see an intuitive design.

    Perhaps I should attempt myself, ofcourse I’m not that great a designer, but I have a better idea of the usability required for a portfolio catered for musicians from a musician.

    @re1jo

  9. 18

    Hi there! Wow, I’m flattered you’ve used my music samples for this very, very cool demo. And I appreciate that you’ve incorporated the credits and all that. Nice.

Comments are closed.