#techno: May 2014

Thursday, May 29, 2014

How to see your current location in Google map using HTML 5

HTML 5 is the latest version of HTML it has capability to deliver rich internet applications without using any additional plugins.So we can make hi-end web applications using HTML 5. HTML 5 is cross-platform so that work with different devices.

This tutorial will teach you how to use geolocation feature in HTML 5 to get your current location on Google map.

Step 1:#createfile

create the html file.

Open notepad and type the codes as given below:

#source code:

Read Full Story »

Wednesday, May 28, 2014

How to create image border using HTML5 and CSS3

We can use images as borders in our html page so that borders can be more attractive

Check out my #experiments:

Step 1:#create file

create the html file with CSS3 style specification.

Note:CSS3 is the latest addition and the CSS3 specification is still under development by w3c. It supports all modern browsers but u can get compatibility issues in IE and older versions of other browsers.I use Google chrome.so,I recommend to try this on Google chrome.

Open notepad and type the codes as given below:

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:15px solid transparent;
width:250px;
padding:10px 20px;
}

#tiles
{

border-image:url(img.png) 30 30 round;<!--insert your image url here -->
}

#stretch
{

border-image:url(img.png) 20 0 stretch;<!--insert your image url here -->
}
</style>
</head>
<body>
<div id="tiles">the image is tiled</div>
<br>
<div id="stretch">the image is stretched</div>
<p>original image:</p>
<img src="img.png"><!--insert your image url here -->
</body>
</html>

Read Full Story »

Tuesday, May 27, 2014

How to create matrix like effect using batch programming

Every one might have wondered about the cool green animation on matrix movie. Let’s try to generate an emulation of matrix effect using batch file programming.

Step 1:create batch file

Open notepad

Type the following code as you see in screen shot:

Read Full Story »

How to configure Google application engine on eclipse

Google application engine is a cloud computing platform where we can develop and host web applications.

If you are a platform specific developer and your desired platform is java obviously you will use eclipse as your IDE. Eclipse is just awesome. You can have different development environment and can add additional plugins. You can add Google app engine plugin to your eclipse so that you can host your projects on Google data center and you can use lot of Google services. I recommend you to use eclipse 4.3 kepler because there is chance for errors if you use lower versions (well I have got one).In this tutorial I am gonna explain you how to install and configure Google app engine.

Step 1:Get eclipse

You can use the below link to get in to eclipse kepler download page and you can download the desired version based on your system architecture

http://www.eclipse.org/downloads/packages/release/kepler/sr2

Read Full Story »