Archives

How to create a very simple popup box

To create a simple popup box you need to use hover event or mouse over and mouse out event(actually what ever events you want), in my case I used jQuery mouse over event.  In this example I created a very simple div element with ID named  “popup”. <style> #popup{ width:100px; height:80px; border:solid 1px #666; box-shadow: …

How to use HTML Data Attribute in JQuery

Data Attribute is declared as a part of your HTML element and will act as a variable that holds string type data. This is a sample of how to use data attribute.   This is the example of getting the data-info value using JQuery alert($(‘#my-html-element’).data(‘info’)); //or alert($(‘#my-html-element’).attr(‘data-info’)); Many JQuery and JavaScript library are using data …

GameQuery

I found this library when I was at work. It lets you create a game on web using JavaScript/ jquery.   This is awesome for me as a developer since HTML5 is not really that compatible to all browsers. I tried creating a game using this library and I tell this is quite easy to …

Crafty Game Engine

Crafty Game Engine is a javascript library like jquery only it is mostly used of course – for games. One cool demo is as seen below and within this link. Note that this isn’t my work but rather the team behind Crafty Game Engine. It’s amazing that today you can create your own games with a …