Web Design Tutorials

Web Design Tutorials, Graphics Design Tutorials, Photoshop Tutorials, Logo Design Tutorials, Web Site Design Tutorials, Corporate Design Tutorials, Corporate Banner Design Tutorials, Corporate Brochure Design Tutorials, Corporate Identity Design Tutorials, Corporate Logo Design Tutorials, etc.

HTML5 VS. HTML4

Objectives :

  • What are the differences between HTML4 & HTML5?
  • What is new in HTML5?
  • What is deprecated from HTML5?

Here are the key differences between HTML4 & HTML5:

HTML4

HTML5

DOCTYPE is much longer as HTML4 is based on SGML-based.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”

DOCTYPE is required to enable standards mode for HTML documents.<!DOCTYPE html>

Audio and Video are not part of HTML4 specification.

Audio and Videos are integral part of HTML5 specifications e.g. <audio> and<video> tags.

Vector Graphics is possible with the help of technologies such as VML, Silverlight, Flash etc.

Vector graphics is integral part of HTML5 e.g. SVG and canvas.

It is almost impossible to get true GeoLocation of user browsing any website especially if it comes to mobile devices.

JS GeoLocation API in HTML5 helps identify location of user browsing any website (provided user allows it)

Browser cache can be used as temporary storage.

Application Cache, Web SQL database and Web storage is available as client side storage. Accessible using JavaScript interface in HTML5 compliant browsers.

Web Sockets are not available. Generally used mechanisms are long polling and streaming.

Full duplex communication channels can be established with Server using Web Sockets. Accessible using JavaScript interface in HTML5 compliant browsers.

Does not allow JavaScript to run in browser. JS runs in same thread as browser interface.

Allows JavaScript to run in background. This is possible due to JS Web worker API in HTML5.

Works with all old browsers

Most of modern browser have started supporting HTML5 specification e.g. Firefox, Mozilla, Opera, Chrome, Safari etc.

Enjoy coding now.

Book : NetBeans IDE How-to Instant

NetBeans IDE How-to : Atul Palandurkar : Packt Publishing, UK

NetBeans IDE How-to : Atul Palandurkar : Packt Publishing, UK

I was asked to write a book for Java Application Development using NetBeans IDE by PACKT Publishing, UK which is one of the leading technology books publishers in world. It will be a great experience to work with the great publishing house and their team. Thanks a lot Packt & Team.

I know, Java and NetBeans community will definitely accept the book with a grand welcome. The book is intended for Java Developers who are not aware of NetBeans IDE or those who have experience of Java development but have not used NetBeans for development of Java applications. This book can be referred by novice also to learn Java and Java application development using NetBeans IDE very easily.

My outline (contents) was selected out of few other authors and then after we signed the contract, now the book is complete and very soon the book will hit the market in different formats by the publisher in March 2013.

I just love it, I have tried my best in writing this book and to make it easier for novice to experts. It was a great pleasure working with Packt Team.

You will learn many things from this book such as :

  • Use NetBeans IDE for Java technologies
  • Develop a HelloWorld application with NetBeans IDE
  • Explore the layout of NetBeans IDE
  • Develop different Java applications in NetBeans
  • Use the Visual Designer
  • Design Java projects
  • Develop web applications using NetBeans IDE
  • Add and handle images in your application
  • Write interfaces in NetBeans IDE
  • Handle exceptions in NetBeans IDE
  • Deploy UI applications

You can order the book to avail huge discount. Instead of Packt Publishing the NetBeans IDE How-to book is also available on Amazon, Amazon UK, Barnes & Noble, Safari Books Online too.

You can buy and download the book in different formats such as e-book (pdf), e-pub, kindle book, etc.

Buy NetBeans IDE How-to Book

I hope you will like the book. After reading, please mail me your reviews.

You can book your copy from following links :

Get your copy now and start developing professional applications within few minutes.

Hello World in different languages

Free Source Code

Free Source Code

Objectives :
* How to write Hello World in Java?
* How to write Hello World in C?
* How to write Hello World in PHP?
* How to write Hello World in C++?
* How to write Hello World in JavaScript?
* How to write Hello World in HTML?
* How to write Hello World in CSS?
* How to write Hello World in COBOL?

Java

[sourcecode language=”java”]
class HelloWorld
{
public static void main(String args[])
{
System.out.println(“Hello World!”);
}
}
[/sourcecode]

C

[sourcecode language=”c”]
#include
#include
void main()
{
clrscr();
printf(“Hello World!”);
getch();
}
[/sourcecode]

C++

[sourcecode language=”cpp”]
#include
#include
void main()
{
clrscr();
cout<getch();
}
[/sourcecode]

CSS

[sourcecode language=”css”]
body:before
{
content: “Hello World”;
}
[/sourcecode]

COBOL

[sourcecode language=”text”]
****************************
IDENTIFICATION DIVISION.
PROGRAM-ID. HELLO ENVIRONMENT DIVISION.
DATA DIVISION.
PROCEDURE DIVISION.
MAIN SECTION.
DISPLAY “Hello World!”
STOP RUN
****************************
[/sourcecode]

HTML

[sourcecode language=”html”]
<html>
<head>
<title>Hello World Example</title>
</head>
<body>
Hello World!
</body>
</html>
[/sourcecode]

JavaScript

[sourcecode language=”javascript”]
document.write("Hello World");
[/sourcecode]

PHP

[sourcecode language=”php”]
<!–?php echo ‘Hello World!’ ?–>
[/sourcecode]

Linux Shell Script

[sourcecode language=”text”]
echo "Hello World !"
[/sourcecode]

Enjoy coding!

Posted from WordPress for Android

Execute multiple functions on single HTML event

Objectives :-

* How to execute multiple functions on single HTML event?
* How to call multiple funtions on single HTML event?

Many time you may have faced this issue, you may need to call / execute multiple functions on single HTML event & you may have stucked there, stop working, changed the functionality, etc.

But now don’t worry about it anymore. Here is the Code to execute multiple functions on a single HTML event :-

[sourcecode language=”html”]
<html>
<head>
<script type="text/javascript">
function Message1 ()
{
alert ("Message1");
}
function Message2 ()
{
alert ("Message2");
}
</script>
</head>
<body>
<form name="NameTheForm">
<input type="Button" name="buttonName" onclick="Message1(); Message2()">
</form>
</body>
</html>
[/sourcecode]

The above code will execute / call two functions on single HTML event. Here for example I have written two functions but you can write multiple functions & can call them to onclick event separated by semicolon (;) as shown above.

Posted from WordPress for Android