HTML

Pick Up Keyboard Input in Javascript

Submitted by GeePee on
This project will teach you how to pick up keyboard using javascript. Once the user press the key, it will display what key has been pressed and its keycode. It can also detect keyboard properties. You will notice that when the user press the key and hold, it has a status onkeydown event for whatever key user pressed and on released, it changes to onkeyup event. This is very useful in creating

Tab Control in CSS

Submitted by GeePee on
This project will teach you how to create a tab control using html/css. On my previous project Tab Control, I used jquery, but this time it is pure html/css. It has the same function as the tab control which uses jquery. Hope you learn from this.

Creating Links That Open in a New Window Using Javascript

Submitted by GeePee on
This project will teach you how to create a link that open in a new window using javascript. It is easy and useful with just a few lines of codes attached. There are options to modify the new window opened. You can either display the status bar, menu bar, directories bar, you can also either put a scroll bar, where to position the new window in your screen and the size of the new window. Hope you

Drawing Text in Canvas Using Javascript

Submitted by GeePee on
This project will teach you how to draw text in canvas using javascript. Let's see the parameters that the filltext method and stroketext method intake. context.fillText('This is the text!', 20, 60); context.strokeText('This is the text!', 20, 60); The first parameter is the string of text, second is the x position, and the third is the y position. You can also maximum width. It is optional. We

Expanding Download Button in CSS

Submitted by GeePee on
This project will teach you how to animate a button using css. The download button will expand once hover and you can put any captions you like on the expanding part. In my example, I put number of downloads made. You can also change the speed of transition in second whether you want to expand faster or slower. Hope you learn from this.