Tuesday, August 17, 2010

LightBox


I want to display a photo gallary on web page for that i was looking for something which makes coding easy & my search end at LightBox.
LightBox is One of the javascript library which deals with images. It looks very good. It saves the space on web page & faster as compared to traditional way. It is also very easy to use just we have to include some javascript library & a css file & thats it. When you want to deal with images on web then i think you must think of Lightbox. There are many types of it check which one is suitable for you.

You can see what exactly LightBox is Here.

Here is sample code...
< !DOCTYPE>
<html>
<head>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</head>
<body>

<a href="images/image-1.jpg" rel="lightbox" title="My Pics"><img src="images/image-1.jpg"width="100" height="100"></a>


<a href="amol1.jpg" rel="lightbox[g]" title="Amol1"><img src="amol1.jpg" width="100" height="100"/> </a>
<a href="amol2.jpg" rel="lightbox[g]" ></a>
<a href="amol3.jpg" rel="lightbox[g]" ></a>

</body>
</html>

Wednesday, August 11, 2010

HTML 5

<!DOCTYPE HTML>
Instead of writing one of the 3 kinds of doctype in html4. In html 5 there is only one type.
It is very easy to write. It must comes before tag.

<video> & <audio>
For showing video & audio they have introduced these tags but according to me if there is <embed> tag then why new? or if it has any problem then why didnt they repaire it.
Hey there might be some technical logic that at this level i dont know.

<canvas>
Most welcome tag canvas. with the help of this tag we can draw & fill color to lines, circle, rectangle & more.

NEW INPUT TYPES
In html5 i totally impressed with these input types. It saves a lot of conding like to check whethere user enter correct email id we have to use regular expression. But in html5 no need to do this because it automatically checks for correct input. To use these tags we have to wait until most browser support 100%. but i think chrome has very good supports of for HTML5.
Some of the tags are
email
url
date pickers
range
number
search
color

Form Attributes
HTML5 introduces some new attributes for form.like autocomplete, autofocus, min max step, required & more. But no browser support for these attributes.

When most of the browser fully support for HTML5....