Web Developer

Friday, December 31, 2010

Image Map

My one of the fresher designer colleagues wanted two different links for same image but on different region of same image. Image mapping helped me a lot as compared to other ways. You can specify area like circle, rectangle with coords. If you use dreamviewer then it is very easy to use mapping otherwise you bored from adjusting coords in other tools.

Friday, December 24, 2010

Blogger

Y'day i was reading wordpress book, Some lines from book made me laugh . Google bought the blogger service from Pyra Labs in 2004. Actual word from book are "Blogging started becoming popular when among others, Evan Williams and Meg Hourihan from Pyra Labs created their blog publishing tool Blogger. Using this site anyone can start blogging within minutes. The whole system was free and very attractive. Surprisingly, Google bought the whole service in 2004. Blogger is still a free blog-publishing tool, but under the banner of Google."

NCE Project - beginning of worst journey

Getting boared from office work. The project really i want to work on(Healing Arts) left & starts working on new but very boaring project NCE. No one is there in office who helping me without ruplai mam. Sometimes i think let take a long leave & join company afetr completing this project. But work is work, thats why i want to complete this project as much as possible.
This site

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

url

date pickers

range

number

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....

Saturday, July 24, 2010

AJAX

Ajax is powerful tool for making your web application faster more userfriendly. Javascript cannot communicate with server but Ajax makes it possible. Javascript can communicate with web server using XMLHttpRequest object. With the help of this we can pass request to the server in background. Because of this user gets faster response from server & need not reload whole page.

Ajax is technique of changing the part of web page without reloading the whole page. We can request text, XML, php, aspx, html or any file from the server.

Disadvantages of Ajax

* Ajax based web pages cannot be indexed by search engines because search engine neglects code written in javascript.

* Bookmarking not works with Ajax based web pages. You can bookmark but it doesnt work the way you expect.

* Security problem Ajax code is visible to everyone you need tobe validat data coming from browers.

* I heard it might not work properly in slow internet speed.

Difference between true & false

when we call open() method of XMLHttpRequest object it takes third parameter either true or false.

false tells XMLHttpRequest object to wait until request is completed before executing the next statement.

It is ok when request or application is simple but is request is long then application hang or stop.

True tells that continue the execution after the request to the server has been sent. With this you cant sure about response from server so that you have to use onreadystatechange property.

I heard about AJAX is differnt technologies can communicate.

AJAX is easy to learn it is not new language it is based on existing standard. check w3schools for more details.....

--
Amol.....
9595991644

Monday, July 19, 2010

XML

extensible Markup Language designed to transport & store data. XML document contains plain text wrapped in tags. It is like a plane text file with .xml extension.HTML & XML are totally differnt html is designed how to display data & xml how to stor data. XML seperates data from HTML.I most liked xml defination is "It is software & hardware independenet tool for carring information". Xml's advantages are it greatly simplifies data sharing, data transport, increases data availablity. Dont confuse xml with database. xml comes in the picture when data is not so complex, not large but plain text file are not enough to handle then you can go for xml.

Syntax Rules

-All XML elements must be closed.

-All xml elements must ne properly nested.

-Attribute values must be quoted.

-XML elements are case sensitive.

XML Parser

To manipulate xml document we need xml parser.xml parser reads xml document & covert it into the XML DOM object that can easily accessed with javascript. Most of the browsers have built-in xml parser.There are two types of xml parser tree-based & event-based. Event-based parser is faster than tree-based.

How to load xml document

- First get xmlHTTPReqest object

- open request

- send request to the server

- get respose from server

if(window.XMLHttpRequest)

{

xhtttp = new XMLHttpRequest; // mozilla

}

else

{

xhttp = new ActiveXObject("Microsoft.XMLHTTP"); // IE

}

xhttp.open("get","filename.xml",false);

xhttp.send("");

xmldoc = xhttp.resposnseXML;

document.getElementById("result").innerHTML = xmlDoc.getElementsByTagName("nameof tag in xmlfile")[0].childNodes[0].nodeValue;

XML DOM

Document Object Model defines a standard way for accessing & manipulating xml document. It provied all functions to create, delete, update xml elements.

PHP XML Parser

To manipulate xml document in php there are three ways to Expat Parser, SimpleXML Parser & XML DOM.

Expat is event-based parser & faster because it focus on the content of the document not its structure.

SimpleXML Parser is easy way to read change delete xml elements but when you want to deal advance xml then you have to decide other parser.

e.g.

$xml = simplexml_load_file("Filename.xml");

echo $xml->asXML;

$xmldom = new domDocument;

$xmldom->load("Filename.xml");

$xmldom->saveXML();