In this tutorial, you will learn how to create a human walking using Flash & Actionscript. First, design a series of human walking using design software and tools. Next, insert each on different frame in Flash inside the movie clip. Let me teach you step by step:

Firstly, you need to convert the human character to a Movieclip. At the first frame, you select it, and give the instance name for the object. Just give the instance name “walking“.

My Actionscript (To Control The Coordinate Setting):

You need to control over how fast a human character moves on each frame. Sometimes it will be 1 pixel, sometimes as many as 3 pixels.

(more…)

| No Comments » | 1,804 views

In this tutorial, I’ll show you how to create a vertical scrolling marquee using JavaScript. Below is the demonstration of what I’ll be creating:

Here I create an outer <div>. With this basic framework of the scroller created, lets see the script that will scroll the <div> upwards to create a vertical content scroller.

Click here to see the sample.

(more…)

| 7 Comments » | 8,414 views

Here is a quick example on how to use CSS to rotate text without Javascript. But you still need to specify 2 different properties for 2 different kinds of browser.

Text Rotation With CSS

For Webkit and Firefox (as of 3.5), you can take advantage of the transform property to handle the text rotation. Each browser has its property.

When it comes to effects in Internet Explorer, you need to use BasicImage filter. It offers the ability to rotate any element that has layout.

The rotation property of the BasicImage filter can accept one of four values: 0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degrees respectively.

Besides, the BasicImage filter has other properties that can be set like mirroring, masking and others.

(more…)

| 1 Comment » | 14,480 views

I have written the script that can be used for validation of bad words or so called dirty words. This filter will detect the selected curse words in the English language. There are sample of word list that I have tried to filter out in this tutorial.

The words that have to be filtered must be added to the variable badWords. When the user types the word and press the Filter button, if the text contains any word that is present in the variable badWords, then it will go to call the function to return the replaced value. In this case, I used ‘*’ to replace those bad words.

My Code Here:
(more…)

| 6 Comments » | 3,336 views

Over the last several years, developers have moved from table-based website structures to div-based structures. Do developers know the reasons for moving to div-based structures?

However, it’s a matter of personal preference. That doesn’t mean there’s anything wrong at all with making a different choice.

Difference Between <Div> tag and <Table> tag

In my opinion, Div tag has a lot of advantage compare to table in terms of page loading speed, crawling your page and SEO friendly. However, tables will make object appear aligned the same in all browsers.

Advantages of Using the <Div> Tag

1.Easily to maintain and organize the site.
2.Webpage with Div tag tends to load faster than table mainly because of less code.
3.It will decrease the code and code to content ratio decreases, Thus, the content is found more easily to bots.

Advantages of <Div> Tag from SEO perspective

Using Div tag is very good for SEO because while you use Tableless layout then you are separating structural and presentational (html and CSS).

As you can see from the above example, the table-based structure contains more code than the div-based structure by a ratio as much as 2:1.

(more…)

| 6 Comments » | 7,842 views