JavaScript

In this project, you will learn how to read mouse coordinates in your screen. This will show the X and Y positioning of the mouse. This is useful in adjusting elements on your page by determining its position. Hope you learn from this simple yet useful project.

This project will teach you on how to create a book like page. It can be used on our image gallery. In my example, I used my previous project which is the Image Gallery. Click the folder album and flip pages to view images. You can view the next images or the previous images. Hope you learn from this.

This project will teach you how to share images using jQuery plugin. Just include slingpic jQuery plugin in your page and with a few codes and customization, you and the users of your site will be able to share images to other social networking sites. Hope you learn from this.

This project will teach you on how to create a customized confirmation box using the jQuery plugin. In my example, I used the Delete Multiple Records project that I did before. When the user click the delete button, confirmation box will display confirming if you want to delete selected files. The user has an option to delete or cancel the process. By hitting "Confirm Deletion" button, files will

This project will teach you on how to slide in and out sidebar using jQuery plugin. You have an option in which side do you want the sidebar to come out. It is either left or right. First, the sidebar is hide and by pressing the menu button, the sidebar slide in. Hope you learn from this.

This project will teach you on how to create an editable tables using jQuery. This is very easy. You just have to include the editable table jQuery plugin in your project(you can google the plugin and download). Then, a few line of codes to save the edited data. Just click the table data to edit. By pressing enter and clicking outside or other table data, this will automatically update edited data

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.