JavaScript

This project will teach you how to create a read more button using jQuery. This is very useful for blog site with a large content. A portion of the content are excerpted and the other part hidden. By clicking the read more button, the whole content will be displayed. Hope you learn from this.

This project will teach you how to create a countdown timer in an easiest way by using jQuery plugin. Download countdown.js(just search countdown.js) and include it to your page. You can also modify the target date. In my example, I created a coming soon page which is the countdown of when the game is to be released. Hope you learn from this.

This project will teach you how to create a sticky sidebar scroll on your web page. This is very useful especially for a site that has a large content but smaller sidebar. This is to prevent an empty space in the sidebar. In my example, the sidebar stops scrolling when the uppermost point of the sidebar reaches the top of the window page. The sidebar's position becomes fixed. Hope you learn from

This project will teach you on how to zoom and shrink thumbnails in an easy way using the hover pulse jquery plugin. The thumbnails automatically magnifies on mouse hover. We can also customize the speed of animation and the size of thumbnails when it is hovered. In my example, each thumbnail is also linked to their corresponding page. Hope you learn from this.

This project is a sample of image zoom effect using the jquery plugin. This is an easy to use plugin. We can also customize the other effect like for example adding a tint and setting the color and opacity of the tint overlay. Hope you learn from this project.

This simple project will teach you how to enable submit button when a radio button which corresponds to a certain action is selected. This is commonly used in "Terms and Condition" agreement. In this example, the submit button is only enabled once a user selects "I agree with the terms and condition". Hope this helps you with your current works.

In this project, you will learn how to create overlay and transparent div background. By clicking the images, div overlay will appear with the original size of the image clicked and also it has a transparent background which looks like a new window but it's definitely not. It's just a div set to 100% width and height and opacity of .8 which covers the whole content of the page. Hope you learn from

This project will teach you how to add more form fields using javascript. I have example form inserting personal info including spouse, and children's name. In children's section, the user has an option to add another form field to filled up. By clicking the + button, it will automatically add form fields. Hope you learn from this.

In this project, you will learn how to use data table jquery plugin. Just add the data table plugin in your project and with a single javascript code, data tables can be initialized. This will enhance the accessibility of data in html tables. Hope you learn from this.

This is a simple color picker using jscolor plugin. Using the onchange event, background color of the page will change once the user chooses a color. The color code is also displayed which the user can copy. Hope you learn from this.