Progress 2

The tutorial i find from http://www.hongkiat.com/blog/coming-soon-templates-tutorials/

this page got alot of tutorial on the "comingsoon" that involved the jquery and the similar page design that i need!



https://dev.twitter.com/apps

i try to interage the web with the twitter application, but the twitter need an api to make it work.

So i had try to create the api and hopefully it will work !



Another jquery that i had apply in the site:
http://modernizr.com/
Modernizr runs quickly on page load to detect features; it then creates a JavaScript object with the results, and adds classes to the htmlelement for you to key your CSS on. Modernizr supports dozens of tests, and optionally includes YepNope.js for conditional loading of external .js and .css resources.

Progress

In my progress of the web, I had decided to used the tebular jquery plugin to insert the video as background. I had used youtube as an option because i will have the ability to change the video link easy as i want to and don't required to upload into own server.
But because of the youtube link, the site cannot run if the connection missing. so this site need to having xampp server connection when running it, or else it will appear empty.

http://www.seanmccambridge.com/tubular/


I had try to involve the auto sent message file inside the site, such like mailchip.
But the working of the actual mail still pending, just dummy text are show when the interation code sense the email format.

http://connect.mailchimp.com/




Jquery countdown also included in my site, the tutorial is available:
http://keith-wood.name/countdown.html
The sample of an easy coding is such like this :

var newYear = new Date(); 
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1); 
$('#defaultCountdown').countdown({until: newYear}); 
 
$('#removeCountdown').toggle(function() { 
        $(this).text('Re-attach'); 
        $('#defaultCountdown').countdown('destroy'); 
    }, 
    function() { 
        $(this).text('Remove'); 
        $('#defaultCountdown').countdown({until: newYear}); 
    } 
);


Beside, i also had linked the google web font inside the site to have more font option.
font i used is ostrich-regular-webfont

soi submission