My blog has moved!

You will be automatically redirected to the new address. If that does not occur, visit
http://ashokbasnet.com.np
and update your bookmarks.

Showing posts with label JQuery. Show all posts
Showing posts with label JQuery. Show all posts

Tuesday, August 7, 2012

jQuery implementation of Game of life!

One of the earliest experiments at simulating life in technology was a simple mathematical game created by John H. Conway, first published and popularized during the early 1970's in issues of Scientific American. He called it "The Game of Life."
The concept of the Game of Life is very simple. The game takes place over the cells in an array, like squares on a chessboard. Each cell can have an organism living inside it or not living inside it; or each cell itself can be alive or dead. Whatever frame of thought is used, each cell is described to be "on" or "off." At the beginning of the game, a certain number of cells are filled.

Friday, July 8, 2011

JQuery Tutorial–II : Basic CSS Selectors

Selectors in JQuery is used to select specific document objects like <body>, <h1>, <p>, <a> and many more. It’s use has made writing JQuery very easier and get the required DOM to have control over it.

Using Basic CSS Selectors

Any DOM element may have their unique ID or group of selctors may have  a common class for styling. The ID selects unique element from the HTML DOM and class is applied for a wide selection. For eg.

<p id="myParagraph">
  This is the paragraph with ID attribute.
<p>
<p class="ourParagraph">
  This is first the paragraph with Class attribute.
</p>
<p class="ourParagraph">
  This is second paragraph with Class attribute.
</p>

For accessing these ids and classes of paragraph it can be done as :-


Saturday, July 2, 2011

JQuery Tutorial - I : Getting Started

JQuery is very great tool for accessing the DOM(Document Object Model) elements is any webpage. JQuery is really a cool Javascript. In this tutorial I am going to show you how to use Jquery to make life easier without having to know all the Javascript lengthy codes or statements.

First of all u need is the Jquery file downloaded from the JQuery site or a link of Google code repository for JQuery. U can either download the development version for testing purposes or min version for depolyment purpose. After u download, create a webpage of ur choice and put your jquery.file into the folder.

I will be teaching you some events handling with the simple JQuery selectors. Lets get started. Lets create a page called index.html.

Wednesday, June 29, 2011

JQuery : Introduction

jquery_normal  JQuery is a lightweight JavaScript framework developed by John Resig.

  JQuery is a lightweight "write less, do more" JavaScript library.

The jQuery library contains the following features:

  • HTML element selections
  • HTML element manipulation
  • CSS manipulation
  • HTML event functions
  • JavaScript Effects and animations
  • HTML DOM traversal and modification
  • AJAX
  • Utilities

Sunday, January 16, 2011

Customize your localhost Display

Have u ever thinked of getting your localhost display customized with the local projects being displayed with lots of other stuffs than simply “It Works” text. Here is a simple HTML, CSS and JQuery based localhost index page so that u can get urself dynamic…
1. First of all listing your local projects stored in htdocs folder or www(for wampp) is a great idea to get a look at your projects.

Sunday, December 26, 2010

JQuery Based Game:- Quick Multiplication

This is a simple multiplication based game created usingthumbnail the JQuery Library. It uses the basic concept of html, css and JavaScript to create the layouts and logic needed for the game. The game uses the JQuery library for the easier accomplishment of the task and Karma Framework for the image and sounds loading. This is the game developed for the Class 6 for the deployment in rural villages by OLE NEPAL. 

Objectives:-

To multiply the numbers with 0 at last quickly.

Description:-

Try to load your truck with all boxes giving correct answers to the all questions and win the race.