Tuesday, 28 February 2017

Flash Shape Change Animation

Flash Shape Change Animation

This post will help you to learn shape change animation in flash 8 just go through following steps with image screen shot

Monday, 27 February 2017

Bootstrap Tutorial

Bootstrap Tutorial
Bootstrap is a set different type of CSS Class.  Which help you to make responsive website that adjust its visual appearance dependent on target device resolution? For use   Bootstrap you just need to add bootstrap.min.css in head.

Saturday, 25 February 2017

Dynamic Array Java Script

Dynamic Array Java script

Enter Name :

Source Code


Friday, 24 February 2017

CSS Drop Down Menu

CSS Drop Down Menu

This is your page text underneath of menu and menu will overlap this text because of z index

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Wednesday, 22 February 2017

Java Script Button

Button Effect CSS


Monday, 20 February 2017

Selection Sort

In computer science, a selection sort is a sorting algorithm, specifically an in-place comparison sort. It has O(n2) time complexity, making it inefficient on large lists, and generally performs worse than the similar insertion sort. Selection sort is noted for its simplicity, and also has performance advantages over more complicated algorithms in certain situations, particularly where auxiliary memory is limited.

Bubble Sort

Bubble sort, sometimes incorrectly referred to as sinking sort, is a simple sorting algorithm that works by repeatedly stepping through the list to be sorted, comparing each pair of adjacent items and swapping them if they are in the wrong order. The pass through the list is repeated until no swaps are needed, which indicates that the list is sorted. The algorithm gets its name from the way smaller elements "bubble" to the top of the list. Because it only uses comparisons to operate on elements, it is a comparison sort. Although the algorithm is simple, most of the other sorting algorithms are more efficient for large lists.

Sorting Data Structure

Java Script Event

Java Script Event

Java script is a scripting language intended to handle event, rise from different controls of HTML. If you want to learn java script then you need to first learn about event.

An event is generated by a control,page or any other type of activity . Event is generated through user, software, browser,server etc. with the help of  event system acknowledge that something is happening  . Example of different types of events are click,double click,mouse over , mouse out etc. When an event is generated an event handler is require to capture that particular event. I have added some example of most fundamental event in following code. After that you will be able handle some important event .

Sunday, 19 February 2017

Image Hover CSS Effect

Image Hover Effect CSS

Girfa : Student Help
Girfa : Student Help
Girfa : Student Help

Girfa : Student Help

<div class="container">
  <img src="girfa.jpg" class="image">
  <div class="overlay">
    <div class="text">Girfa : Student Help</div>

CSS Code

.container {
  position: relative;
  width: 50%;

Saturday, 18 February 2017

CSS Image Formatting

Image Formatting CSS

<img src="girfa.jpg" style="margin-left:20px;border-radius: 8px;"/>

<img src="girfa.jpg" style="border-radius: 50%;"/>

CSS Text Formatting

Font Color,Size,Font Sytle

<span style="color:blue;font-size:xx-large;font-style:italic">Font Color,Size,Font Sytle</span>

Font Face Demo

<span style="font-family:Geneva, Arial, Helvetica, sans-serif;">Font Face Demo</span>

Friday, 17 February 2017

Least Common Multiple

Q : Write a program to input two numbers and find out Least Common Multiple?

The smallest positive number that is a multiple of two or more numbers.

Solution : 

/*   ################################
     Girfa Student Help
     for more visit : http://girfahelp.blogspot.in/p/c-language.html

Greatest Common Factor

Q : Write a program to calculate Greatest Common Factor ?

The highest number that divides exactly into two or more numbers. It is the "greatest" thing for simplifying fractions!
Greatest Common Factor of 12 and 16 is 4 because after 4 there is not any number which devide both 12 and 16.

Solution : 

/*   ################################
     Girfa Student Help
     for more visit : http://girfahelp.blogspot.in/p/c-language.html

Perfect Number C Language Program

Q: Write a program to check whether a number is prime or not?
(A number said to be perfect if sum of all factor less than given number then equal to given number)Input : 6

Solution : 

/*   ################################
     Girfa Student Help
     Perfect Number
     for more visit : http://girfahelp.blogspot.in/p/c-language.html

Thursday, 16 February 2017

Product of digit

Q : Write a program to calculate product of digit of a given page ?

Solution : 

Even Odd Calculation

Q : Write a program to sum all even and odd number from 1 to given number ?

Solution : 

Square and Cube of a given number

Q : Write a program to calculate of square and cube of a given number ?

Solution :

First n Multiplies of given number

Q : Write a program to display First n Multiplies of given number?

Solution : 

Perfect number program

Q : Write a program to check whether a number is perfect or not ?

A perfect number is a positive integer that is equal to the sum of its proper positive divisors, that is, the sum of its positive divisors excluding the number itself. 

Example : 
6 = 1 + 2 + 3, 
28 = 1 + 2 + 4 + 7 + 14, 
496 = 1 + 2 + 4 + 8 + 16 + 31 + 62 + 124 + 248 

Solution :

HCF and LCM Java Program

Q : Write a program to input two number and find out HCF and LCM ?

Solution : 

class lcm {
 void get(m1, m2) {

Tuesday, 14 February 2017

Progress Tag HTML 5

Progress Tag HTML 5 Example

In making of a website , we often need to provide essential feedback to a user informing them of the progress of their request or task, be it uploading a file, playing a video, or importing data.

Progress Tag HTML 5

Meter Tag HTML 5

Meter Tag HTML 5 Example

The HTML <meter> tag specifies a scalar measurement within a known range (a gauge).

Meter Tag HTML 5 Example

<meter value="3" min="0" max="10">2 out of 10</meter><br>

Menuitem Tag HTML 5

Menuitem Tag HTML 5 Example

The HTML <menuitem> element represents a command that a user is able to invoke through a popup menu. This includes context menus, as well as menus that might be attached to a menu button.
A command can either be defined explicitly, with a textual label and optional icon to describe its appearance, or alternatively as an indirect command whose behavior is defined by a separate element. Commands can also optionally include a checkbox or be grouped to share radio buttons. (Menu items for indirect commands gain checkboxes or radio buttons when defined against elements <input type="checkbox"> and <input type="radio">.)

<!DOCTYPE html>

Mark tag HTML 5

Mark tag HTML 5 Example 

Mark is highlighter as we used in our notebook to highlight something in same way you can do it on your webpage. In previous version of HTML you do with by changing background color of span.

Main tag HTML 5

Main tag HTML 5 example

The main tag specifies the main content of a document. The main element represents the main content of the body of a document or application. The main content area consists of content that is directly related to or expands upon the central topic of a document or central functionality of an application. The content inside the <main> element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.

The main tag is better for SEO point of because search can better understand with the help main container text that what is exactly particular page is stand for.

<!DOCTYPE html>

Figure Tag HTML 5

Figure  Tag HTML 5 Example

HTML 5 introduce figure tag for apply image on your webpage. You may think that what about img tag? Yes it still in use but there was a problem with img tag, when you want to apply some caption to related image then you will add some HTML tag but if you are using figure tag then you have figure caption tag for display caption. Figure tag is container of graphics element which is use in conjunction of img and figure caption tag. So figure has better description processing option.

There are some exceptions. Graphics that are just graphics should still be listed as <img>. The reason regular graphics deserve different treatment is because they’re not necessary to the content on the page. If someone can’t see the graphic, they’d still get a clear message from your site.


Dialog Tag HTML 5

Dialog Tag HTML 5 Example

The HTML <dialog> element represents a dialog box or window. It makes it easy to create popup dialogs and modals on a web page. The <dialog> element accepts a boolean attribute called open that sets the element to "active" and allows users to interact with it.


Details Tag HTML 5

Details Tag HTML 5

Detail tag is use to show some detail information about something which you want display in such manner when user can show and details. Like in copyright information in example only copyright small message is displaying and if user wants show detail then he needs to click on arrow symbol.

Note: The details tag is not supported in Internet Explorer.



BDI tag isolates its text from default alignment of your HTML setting. Most of website language is English and its default alignment is left to right but when we write something in URDU then as we know alignment of URDU is right to left BDI tag help its alignment as in URDU. To check this then tries to use backspace from your browser. Text will be deleted from left to right.

  <li>User <bdi>hrefs</bdi>: 60 points</li>
  <li>User <bdi>jdoe</bdi>: 80 points</li>
  <li>User <bdi>إيان</bdi>: 90 points</li>

Next Topic

HTML 5 New Tag List

Page Structure

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Title of the document</title>

    Content of the document......


HTML 5 New Tag List

Tag Name
Detail Description
Defines an article in the document
Defines content aside from the page content
Defines a part of text that might be formatted in a different direction from other text
Defines additional details that the user can view or hide
Defines a dialog box or window
Defines a caption for a <figure> element
Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
Defines a footer for the document or a section
Defines a header for the document or a section
Defines the main content of a document
Defines marked or highlighted text
Defines a command/menu item that the user can invoke from a popup menu
Defines a scalar measurement within a known range (a gauge)
Defines navigation links in the document
Defines the progress of a task
Defines what to show in browsers that do not support ruby annotations
Defines an explanation/pronunciation of characters (for East Asian typography)
Defines a ruby annotation (for East Asian typography)
Defines a section in the document
Defines a visible heading for a <details> element
Defines a date/time
Defines a possible line-break

HTML 4 Remove Tag List

HTML 4 Remove Tag List

Tags (Elements)
Defines an acronym
Defines an applet
Defines an base font for the page.
Defines big text
Defines centered text
Defines a directory list
Defines text font, size, and color
Defines a frame
Defines a set of frames
Defines a single-line input field
Defines a noframe section
Defines strikethrough text
Defines strikethrough text
Defines teletype text
Defines underlined text