Tips and Tricks, Flash, HTML5, CSS3, Jquery, Media

Background image fit to Browser when resizing

Stretch 

html, body {
    margin:0;
    padding:0;
    height: 100%;
}
#background {
    background : #000000 url("your image") no-repeat bottom left;
    background-size: 100% 100%;
    min-height:100%;
}

Cover

html{
    /* This image will be displayed fullscreen */
    background:url('background.jpg') no-repeat center center;

    /* Ensure the html element always takes up the full height of the browser window */
    min-height:100%;

    /* The Magic */
    background-size:cover;
}

body{
    /* Workaround for some mobile browsers */
    min-height:100%;
}

Links for HTML and JS utilities

Online code beautifier

http://ctrlq.org/beautifier/

prettyPhoto

prettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox.”


http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone

tablesorter

tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes

http://tablesorter.com/docs/#Demo

Time Picker Javascript

jquery.timepickr.js

TUTORIALS on latest components

http://tympanus.net/codrops/category/tutorials/

Amazing jquery Plugins

http://tutorialzine.com/2013/04/50-amazing-jquery-plugins/