Inspired by the work of Dennis Covent

visual-form-builder

Based on the PSD created by Orman Clark

notification-center

Usage

var notifications = new $.ttwNotificationMenu({
      colors:['#f56c7e', '#fec151', '#7ad2f4']
}); 

//Add bubbles to a menu
notifications.initMenu({
      someCategory:'#menuItemSelector'
}); 

//create a notification notifications.createNotification('Sample Notification'); 

//delete a notification
var notification = notifications.creatNotification('some notification');
notifications.deleteNotifiction(notification); 

//get the notifications in a category
var notificationsInSomeCategory = getNotifications('someCategory', 'unread');

The original design was created by the very talented kb.
media-box

Full list of features
-Built with jPlayer
-Choose which buttons are shown
-Built in playlist
-Heart/Like functionality
-Allows you to provide SD and HD versions of a video

Usage

$('selector').ttwVideoPlayer(playlist, options);

Full list of options

{
            autoplay:false,
            buttons:['playlist', 'hd', 'heart', 'settings' 'fullscreen'],
            width: "554px",
            height: "312px",
            hdPlaylist:[],
            autoHidePlaylist:true,
            autoHidePlaylistDelay:3000,
            playlistButtonCallback:function(){
                fires when the playlist button is clicked
            },
            hdButtonCallback:function(){
                fires when the HD button is clicked
            },
            heartButtonCallback:function(){
                fires when the heart button is clicked
            },
            settingsButtonCallback:function(){
                fires when the settings button is clicked
            },
            fullscreenButtonCallback:function(){
                fires when the fullscreen button is clicked
            },
            allowHeartIncrement:function(){
                //use this to determine if the heart count should be updated. If you only want to limit a user to
                //one click, you would enforce that requirement here. This function should always return true or false
                return true;
            }
            jPlayer:{}, //these are the jPlayer options. Use the structure defined on the jPlayer site, or leave off to use defaults
};

media-box

Usage:

  //Initialize the plugin
   $('body').ttwMusicPlayer(myPlaylist, {options});

   //You can specify the following options in the options object:
   {
        currencySymbol:'$',
        buyText:'BUY',
        tracksToShow:5,
        autoPlay:false,
        ratingCallback:function(index, playlistItem, rating){
                //some logic to process the rating, perhaps through an ajax call
        }
   }

//Build your playlist. The playlist uses the same format s jPlayer (an array of objects. However, this plugin requires you to add some additional parameters. A sample playlist item:
   {
        mp3:'mix/1.mp3',
	oga:'mix/1.ogg',
        rating:4.5,
        title:'Some song title',
        buy:'http://www.codebasehero.com',
        price:'0.99',
        duration:'4:28',
        artist:'Artist Name',
        cover:'images/cover.jpg'
   }

This form kit is based on the great work of Orman Clark @ Premium Pixels.
visual-form-builder

Remember that awesome music player psd created by Orman Clark? Well here is the matching jQuery plugin. Enjoy

media-box

Usage:

  //Initialize the plugin
   $('body').ttwMusicPlayer(myPlaylist, {options});

   //You can specify the following options in the options object:
   {
        currencySymbol:'$',
        buyText:'BUY',
        tracksToShow:5,
        autoPlay:false,
        ratingCallback:function(index, playlistItem, rating){
                //some logic to process the rating, perhaps through an ajax call
        }
   }

//Build your playlist. The playlist uses the same format s jPlayer (an array of objects. However, this plugin requires you to add some additional parameters. A sample playlist item:
   {
        mp3:'mix/1.mp3',
	oga:'mix/1.ogg',
        rating:4.5,
        title:'Some song title',
        buy:'http://www.codebasehero.com',
        price:'0.99',
        duration:'4:28',
        artist:'Artist Name',
        cover:'images/cover.jpg'
   }

Usage

//Initialize the simple notifications plugin:

      //Use default options:
      var notifications = $('body').ttwSimpleNotifications();

      //Use custom options:
      var notifications = $('body').ttwSimpleNotifications({
            position:'bottom right',
            autoHide:true,
            autoHideDelay:3000,
            clickCallback:function(){
               //some callback function
            },
            showCallback:null,
            hideCallback:null
        });

//Call desired plugin methods:

       //A simple notification with no options:
       notifications.show('codebasehero.com rocks my socks off');

       //A notification with html and an icon:
       notifications.show({msg:'Make sure to bookmark Codebase Hero and check back often', icon:'images/icon.png'});

       //A notification that overrides the default options:
       notifications.show({msg:'Don\'t forget to check out my Premium Files', icon:'images/icon.png', autoHide:false});

       //Closing a notification programatically::
       var thisNotif = notifications.show('Yeah, I know I'm awesome  ');
       thisNotif.hide();

       //Get a handle to the active notifications array:
       var actives = notifications.notifications;

visual-form-builder