Bipsa - End of the world

JavaScript

Some jQuery plugins I've developed that have greatly facilitated my life. I will be updating this page with more JavaScript code. :)
jQuery tiles

This is a plugin to create tiles (Just like Google maps), is currently used on this site, and loads a big image but only the necessary portions depending on screen resolution. Download

$("#container").tiles({
    "tileWidth" : 200,
    "tileHeight" : 200,
    "onTileCreated" : function(){
        console.log("a new tile was created");
    }
});
jQuery cssAnimate

Animations are a sensational feature on css3 to enrich our pages, with this plugin you can handle this feature from JavaScript without having to worry about browser compatibility among other things. Download

$("#element").cssAnimate({
     "time" : 2000,
     "property": ["-moz-transform", "webkit-transform"],
     "css" : {
           "-moz-transform" : "rotate(350deg) scale(1) rotate(15deg)"
           "-webkit-transform" : "rotate(350deg) scale(1) rotate(15deg)"
     },
     "oncomplete":function(){
          console.log("done my friend...");
     }
});
jQuery Video

This is a simple but very useful jQuery plugin for video, I used the first version of this plugin when I developed this years ago, then i refactored all the code. This version fall back to Youtube but the code will work for both versions (HTML5 and Youtube Flash using the Youtube Player api). Download

$("#movie").video({
      "videos" : ["assets/videos/batman_raises.mp4", "assets/videos/batman_raises.webm"],
      "youtubeId" : "7gFwvozMHR4",
      "playerCreated" : function(){
              $("#movie").video("play");
              $("#seek").click(function(){
                   $("#movie").video("seekTo",68);
              });
        },
        "timeUpdated" : function(currentTime, duration, obj){
               console.log(currentTime, duration);
          }
});

bipsa.net

JavaScript

jQuery tiles

jQuery cssAnimate

jQuery Video