Wednesday, July 2, 2014

New in HTML ? This is where you can know about HTML

Basic HTML Tutorial

HTML stands for Hyper Text Markup Language. An HTML file is a text file containing markup tags. The markup tags tell the Web browser how to display the page. An HTML file must have an ‘htm’ or ‘html’ file extension. An HTML file can be created using a simple text editor. The rule-making body of the Web is World Wide Web Consortium (W3C). W3C puts together specifications for Web standards. The most essential Web standards are HTML, CSS and XML. The latest HTML standard is XHTML 1.0.

Example: Creating a simple web page

Start Notepad.
Type in the following text

<html>

<head>

<title>Title of page</title>

</head>

<body>

This is a very basic webpage. <b>This text will be displayed in bold</b>

</body>

</html>

3. Save the file as "firstpage.html".

4. Double click the saved file the browser will display the page.

Example Explained:

The first tag in your HTML document is <html>. This tag tells your browser that this is the start of an HTML document. The last tag in your document is </html>. This tag tells your browser that this is the end of the HTML document.

The text between the <head> tag and the </head> tag is header information. Header information is not displayed in the browser window.

The text between the <title> tags is the title of your document. The title is displayed in your browser's caption.

The text between the <body> tags is the text that will be displayed in your browser.

The text between the <b> and </b> tags will be displayed in a bold font.

HTM or HTML Extension?

When you save an HTML file, you can use either the .htm or the .html extension. We have used .html in our example.

HTML Tags

HTML tags are used to mark-up HTML elements
HTML tags are surrounded by the two characters < and >
The surrounding characters are called angle brackets
HTML tags normally come in pairs like <b> and </b>
The first tag in a pair is the start tag, the second tag is the end tag
The text between the start and end tags is the element content
HTML tags are not case sensitive, <b> means the same as <B>

Use Lowercase Tags?

We have just said that HTML tags are not case sensitive: <B> means the same as <b>. It is recommended to always use because

If you want to prepare yourself for the next generations of HTML, you should start using lowercase tags. The World Wide Web Consortium recommends lowercase tags in their HTML 4 recommendation, and XHTML (the next generation HTML) demands lowercase tags.

Tags can have attributes. Attributes can provide additional information about the HTML elements on your page.

This tag defines the body element of your HTML page: <body>. With an added bgcolor attribute, you can tell the browser that the background color of your page should be red, like this: <body bgcolor="red">.

Attributes always come in name/value pairs like this: name="value".

Attributes are always added to the start tag of an HTML element.

Quote Styles, "red" or 'red'?

Attribute values should always be enclosed in quotes. Double style quotes are the most common, but single style quotes are also allowed. In some rare situations, like when the attribute value itself contains quotes, it is necessary to use single quotes:

Headings

Headings are defined with the <h1> to <h6> tags. <h1> defines the largest heading. <h6> defines the smallest heading.

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

<h4>This is a heading</h4>

<h5>This is a heading</h5>

<h6>This is a heading</h6>

HTML automatically adds an extra blank line before and after a heading.

Paragraphs

Paragraphs are defined with the <p> tag.

<p>This is a paragraph</p>

<p>This is another paragraph</p>

HTML automatically adds an extra blank line before and after a paragraph.

Line Breaks

The <br> tag is used when you want to end a line, but don't want to start a new paragraph. The <br> tag forces a line break wherever you place it.

<p>This <br> is a para<br>graph with line breaks</p>

The <br> tag is an empty tag. It has no closing tag.

Comments in HTML

The comment tag is used to insert a comment in the HTML source code. A comment will be ignored by the browser. You can use comments to explain your code, which can help you when you edit the source code at a later date.

Note: that you need an exclamation point after the opening bracket, but not before the closing bracket.

Text Formatting Tags

Tag	Description
<b>	Defines bold text
<big>	Defines big text
<em>	Defines emphasized text
<i>	Defines italic text
<small>	Defines small text
<strong>	Defines strong text
<sub>	Defines subscripted text
<sup>	Defines superscripted text
<ins>	Defines inserted text
<del>	Defines deleted text

Character Entities

Some characters have a special meaning in HTML, like the less than sign (<) that defines the start of an HTML tag. If we want the browser to actually display these characters we must insert character entities in the HTML source.

A character entity has three parts: an ampersand (&), an entity name or a # and an entity number, and finally a semicolon (;).

To display a less than sign in an HTML document we must write: < or <

The advantage of using a name instead of a number is that a name is easier to remember. The disadvantage is that not all browsers support the newest entity names, while the support for entity numbers is very good in almost all browsers.

Note that the entities are case sensitive.

Non-breaking Space

The most common character entity in HTML is the non-breaking space.

Normally HTML will truncate spaces in your text. If you write 10 spaces in your text HTML will remove 9 of them. To add spaces to your text, use the   character entity.

Most Common Character Entities

Result	Description	Entity Name	Entity Number
	non-breaking space
<	less than	<	<
>	greater than	>	>
&	ampersand	&	&
"	quotation mark	"	"
'	apostrophe	' (does not work in IE)	'

Additional Commonly Used Character Entities

Result	Description	Entity Name	Entity Number
¢	cent	¢	¢
£	pound	£	£
¥	yen	¥	¥
§	section	§	§
©	copyright	©	©
®	registered trademark	®	®
×	multiplication	×	×
÷	division	÷	÷

The Anchor Tag and the Href Attribute

HTML uses the <a> (anchor) tag to create a link to another document.

An anchor can point to any resource on the Web: an HTML page, an image, a sound file, a movie, etc.

The syntax of creating an anchor:

<a href="url">Text to be displayed</a>

The <a> tag is used to create an anchor to link, the href attribute is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.

This anchor defines a link to EEE 111 webpage:

<a href="http://faraday.ee.emu.edu.tr/eee111">Visit EEE 111</a>

The line above will look like this in a browser:

Visit EEE111

The Target Attribute

With the target attribute, you can define where the linked document will be opened.

The line below will open the document in a new browser window:

<a href="http://faraday.ee.emu.edu.tr/eee111" target="_blank"> Visit EEE 111</a>

The Anchor Tag and the Name Attribute

The name attribute is used to create a named anchor. When using named anchors we can create links that can jump directly into a specific section on a page, instead of letting the user scroll around to find what he/she is looking for.

Below is the syntax of a named anchor:

<a name="label">Text to be displayed</a>

The name attribute is used to create a named anchor. The name of the anchor can be any text you care to use.

The line below defines a named anchor:

<a href="#down">Bottom of the page</a>

You should notice that a named anchor is not displayed in a special way.

To link directly to the "down" section, add a # sign and the name of the anchor to the end of a URL, like this:

<a href="http://faraday.ee.emu.edu.tr/eee111#down">Jump to down section</a>

A hyperlink to the Useful Tips Section from WITHIN the file "firstpage.html" will look like this:

<a name="down">Down is here</a>

Tables

Tables are defined with the <table> tag. A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). The letters td stands for "table data," which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

How it looks in a browser:

row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

Tables and the Border Attribute

If you do not specify a border attribute the table will be displayed without any borders. Sometimes this can be useful, but most of the time, you want the borders to show.

To display a table with borders, you will have to use the border attribute:

<table border="1">

<tr>

<td>Row 1, cell 1</td>

<td>Row 1, cell 2</td>

</tr>

</table>

Headings in a Table

Headings in a table are defined with the <th> tag.

<table border="1">

<tr>

<th>Heading</th>

<th>Another Heading</th>

</tr>

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

How it looks in a browser:

Heading	Another Heading
row 1, cell 1	row 1, cell 2
row 2, cell 1	row 2, cell 2

Empty Cells in a Table

Table cells with no content are not displayed very well in most browsers.

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td></td>

</tr>

</table>

How it looks in a browser:

row 1, cell 1	row 1, cell 2
row 2, cell 1

Note that the borders around the empty table cell are missing (NB! Mozilla Firefox displays the border).

To avoid this, add a non-breaking space ( ) to empty data cells, to make the borders visible:

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr>

<tr>

<td>row 2, cell 1</td>

<td>&nbsp;</td>

</tr>

</table>

How it looks in a browser:

row 1, cell 1	row 1, cell 2
row 2, cell 1

Table Tags

Tag	Description
<table>	Defines a table
<th>	Defines a table header
<tr>	Defines a table row
<td>	Defines a table cell
<caption>	Defines a table caption
<colgroup>	Defines groups of table columns
<col>	Defines the attribute values for one or more columns in a table
<thead>	Defines a table head
<tbody>	Defines a table body
<tfoot>	Defines a table footer

HTML supports ordered, unordered and definition lists

Unordered Lists

An unordered list is a list of items. The list items are marked with bullets (typically small black circles).

An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

Here is how it looks in a browser:

Coffee
Milk

Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.

Ordered Lists

An ordered list is also a list of items. The list items are marked with numbers.

An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.

<ol>

<li>Coffee</li>

<li>Milk</li>

</ol>

Here is how it looks in a browser:

Coffee
Milk

Inside a list item you can put paragraphs, line breaks, images, links, other lists, etc.

Definition Lists

A definition list is not a list of items. This is a list of terms and explanation of the terms.

A definition list starts with the <dl> tag. Each definition-list term starts with the <dt> tag. Each definition-list definition starts with the <dd> tag.

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

</dl>

Here is how it looks in a browser:

Coffee

Black hot drink

Milk

White cold drink

Inside a definition-list definition (the <dd> tag) you can put paragraphs, line breaks, images, links, other lists, etc.

List Tags

Tag	Description
<ol>	Defines an ordered list
<ul>	Defines an unordered list
<li>	Defines a list item
<dl>	Defines a definition list
<dt>	Defines a definition term
<dd>	Defines a definition description

Tuesday, July 1, 2014

10 Advanced HTML5 tags you must know about it

HTML5 offers new tags and attributes that provide more power, efficiency, and flexibility for your Web development. Here are 10 tags you'll want to check out.

HTML5 brings a host of new elements and attributes to allow developers to make their documents more easily understood by other systems (especially search engines!), display data more uniquely, and take on some of the load that has required complex JavaScript or browser plug-ins like Flash and Silverlight to handle. Here are 10 new items in HTML5 that will make it easier for you to write your Web sites.

1: <video> and <audio>

One of the biggest uses for Flash, Silverlight, and similar technologies is to get a multimedia item to play. With HTML5 supporting the new video and audio controls, those technologies are now relegated to being used for fallback status. The browser can now natively display the controls, and the content can be manipulated through JavaScript. Don't let the codec confusion scare you away. You can specify multiple sources for content, so you can make sure that your multimedia will play regardless of what codecs the user's browser supports.

2: <input> type attributes

The venerable <input> element now has a number of new values for the type attribute, and browsers do some pretty slick things depending on its value. For example, set type to "datetime" and browsers can show calendar/clock controls to pick the right time, a trick that used to require JavaScript. There is a wide variety of type attributes, and learning them (and the additional attributes that go with some of them) will eliminate the need for a lot of JavaScript work.

3: <canvas>

The <canvas> tag gives HTML a bitmapped surface to work with, much like what you would use with GDI+ or the .NET Image object. While <canvas> isn't perfect (layers need to be replicated by using multiple canvas objects stacked on top of each other, for example), it is a great way to build charts and graphs, which have been a traditional weak spot in HTML, as well as custom graphics. And that is just a start!

4: <header> and <footer>

The <header> and <footer> tags are two of the new semantic tags available. These two tags do not get you anything above and beyond <div> for the actual display. But they will reap long-term rewards for your search engine efforts, since the search engines will be able to tell the difference between "content" and things that are important to the user but that aren't the actual content.

5: <article> and <section>

The <article> and <section> tags are two more semantic tags that will boost your search engine visibility. Articles can be composed of multiple sections, and a section can have multiple articles. Confusing? Not really. An article represents a full block of content, and a section is a piece of a bigger whole. For example, if you are looking at a blog, the front page might have a section for the listing of all the posts, and each post would be an article with a section for the actual post and another for comments.

6: <output>

The new <output> tag is unique, in that it expects its content to be generated dynamically with JavaScript. It has a value attribute, which can be manipulated through the DOM with JavaScript to change what is displayed on the screen. This is much more convenient than the current ways of doing things.

7: <details>

It seems like every Web site needs to have an expanding/collapsing block of text. While this is easy enough to do with JavaScript or server-side code, the <details> tag makes it even easier. It does exactly what we've all been doing for years now: makes a simple block that expands and collapses the content when the header is clicked. The <details> tag does not have widespread support yet, but it will soon.

8: <figure> and <figcaption>

<figure> is a container for content (typically images, but it can be anything), and <figcaption> (which gets put inside the <figure> tag) provides a caption or subtitle for the contents of the <figure> tag. For example, you could have four images representing charts of sales growth within a <figure> tag, and a <figcaption> with text like "Year-to-year sales growth, 1989 - 1993." The images would be shown next to each other with the text running below all four.

9: <progress>and <meter>

<progress> and <meter> are similar. You use <progress> for a task or a "measure how complete something is" scenario. It also has an indeterminate mode for something that has an unknown duration (like searching a database). The <meter> tag is for gauges and measurements of value (thermometers, quantity used, etc.). While they may look alike on the screen in many cases, they do have different semantic meanings.

10: <datalist>

The <datalist> tag acts like a combo box, where the system provides a pre-made list of suggestions, but users are free to type in their own input as well. There are tons of possible uses for this, such as a search box pre-populated with items based on the user's history. This is another one of those things that currently requires a bunch of JavaScript (or JavaScript libraries) to handle but that can be done natively with HTML5.

10 Hottest jQuery Books for Learn Web Designing

Best jQuery Books If you are aweb designer then you must read all these books to improve your skills. In this list I am giving you some very useful and Best jQuery Books, these books help you to create attractive web applications andMobile Apps as well. In this books list i am giving you high jQuery rating books list and you can buy them easily. I recommend these all books to all my readers not only web designers to be a good web developer you must know every thing about web technologies.

Best jQuery Books

These jQuery Books also help you to test your knowledge and skills you can do different experiments try different technologies and implement in your up coming web projects and also can use in your existing projects. To make things better we are going to share a lost of great books so you can learn new technologies in future. If you have good knowledge of jQuery then these books also give you a chance to learn new things for future to increase your knowledge.

PHP Books: 10 Best upcoming PHP learning / Programming Books 2014

1. Pro jQuery 2.0 (Expert’s Voice in Web Development)

Latest version of jQuery suitable for modern web browsers it provides a robust API for web application development standard for simplicity,flexibility and extensibility in website design.

2. jQuery A Beginners Guide Book

This jQuery book talks about Quick learn fundamentals of jQuery, AJAX and plugins development.

3. JavaScript and JQuery: Interactive Front-End Web Development

This jQuery book includes better interaction, design, and web development and visual approach to teaching JavaScript & jQuery.

4. Learning jQuery Deferreds: Taming Callback Hell with Deferreds and Promises

This amazing book contains 75 stimulating puzzles (and their solutions) that will help you understand how and when to use deferreds.

5. jQuery, CSS3, and HTML5 for Mobile and Desktop Devices

This Book Covers the features of jQuery, CSS3 graphics, HTML5, and jQuery Mobile, and shows how you can extend the power of CSS3 with SVG.

6. Learning jQuery: A Hands-on Guide to Building Rich Interactive Web Front Ends

In this Book Learning jQuery will guide you through using jQuery, jQuery UI, and jQuery Mobile in your own projects.

7. jQuery UI Cookbook by Adam Boduch

In this jQuery book you will learn to create interactive UI for your users with 70 recipes to create responsive and engaging user interfaces in jQuery.

8. Head First jQuery (Brain-Friendly Guides)

This jQuery book you can learn how to work flawlessly on HTML and CSS, handle data with MySQL, JSON and PHP, as well as incorporate Ajax apps.

9. The Joy of jQuery: A Beginner’s Guide to the World’s Most Popular Javascript Library

In this book you will read comprehensive solution to particular client side issues. Design web interfaces using uncomplicated jQuery techniques.

10. jQuery Mobile Web Development Essentials, Second Edition

In this jQuery book you will learn how to create mobile friendly website. Build mobile-optimized websites using the simple, practical, and powerful jQuery-based framework.

These book will increase you knowledge and you can make more effective and user friendly interfaces.

Monday, June 30, 2014

10 Things Make You Become a Better PHP Developer

PHP is probably the most popular web development language right now. At least 20 million domains use PHP and it’s the language used on major sites such as Wikipedia and Facebook as well as in some of the world’s biggest open source projects like WordPress and Drupal.

In this article, I’ll share with you ten things I wish I was told when I was just getting started with PHP development, and I’m hoping you’ll be able to learn a thing or two if you’re just taking your first steps into this awesome web development language.

1. Use PHP Core Functions and Classes

If you’re trying to do something that seems fairly common, chances are, there’s already a PHP function or class that you can take advantage of. Always check out thePHP manual before creating your own functions. There’s no need to create a function to remove the white space at the beginning and at the end of a string when you can just use the trim() function. Why build an XML parser for RSS feeds when you can take advantage of PHP’s XML Parser functions (such as xml_parse_into_struct)?

2. Create a Configuration File

Instead of having your database connection settings scattered everywhere, why not just create one master file that contains its settings, and then include it in your PHP scripts? If you need to change details later on, you can do it in one file instead of several files. This is also very useful when you need to use other constants and functions throughout multiple scripts.

Using a config file is a popular web application pattern that makes your code more modular and easier to maintain.

3. Always Sanitize Data That Will Go into Your Database

SQL injections are more common that you may think, and unless you want a big headache later on, sanitizing your database inputs is the only way to get rid of the problem. The first thing you should do is learn about popular ways your app can be compromised and get a good understanding of what SQL injections are; read about examples of SQL injection attacks and check out this SQL injection cheat sheet.

Luckily, there’s a PHP function that can help make a big heap of the problem go away:mysql_real_escape_string. mysql_real_escape_string will take a regular string (learn about data types through this PHP variables guide) and sanitize it for you. If you use the function together with htmlspecialchars, which converts reserved HTML characters (like <script> becomes <script>), not only will your database be protected, but you’ll also safeguard your app against cross-site scripting (XSS) attacks when rendering user-submitted HTML (such as those posted in comments or forum threads).

4. Leave Error Reporting Turned On in Development Stage

Looking at the PHP White Screen of Death is never helpful except for knowing something is definitely wrong. When building your application, leave error_reportingand display_errors turned on to see run-time errors that will help you quickly identify where errors are coming from.

You can set up these run-time configurations in your server’s php.ini file or, if you don’t have access to override the directives in this file, set them on top of your PHP scripts (using the ini_set() function to set display_errors to 1, but it has its limitations when done this way).

The reason behind turning on error reporting is quite simple — the sooner you know about your errors, the faster you can fix them. You might not care about the warning messages that PHP might give you, but even those usually signal towards a memory-related issue that you can take care of. When you’re done building out your application, turn error_reporting and display_errors off or set their values to a production-ready level.

5. Don’t Over-Comment Your Code

Proper documentation of your code through comments in your scripts is definitely a good practice, but is it really necessary to comment every single line? Probably not. Comment the complicated parts of your source code so that when you revisit it later you’ll quickly remember what’s going, but don’t comment simple things such as your MySQL connection code. Good code is self-explanatory most of the time.

Good Example of Commenting

<?php
 
 /* CONNECT TO THE DATABASE */
 
 $hostname = "localhost";
 $username = "";
 $password = "";
 $dbname = "";
     
 $connectionStatus = mysql_connect($hostname, $username, $password) or die(mysql_error());
 $selectionStatus = mysql_select_db($dbname) or die(mysql_error());
 
 /* END DATABASE CONNECTION */

?>

Bad Example of Commenting

<?php
 
 /* DEFINE THE CONNECTION VARIABLES */
 $hostname = "localhost"; // Hostname
 $username = ""; // Username 
 $password = ""; // Password
 $dbname = ""; // Database name
 // Connect to the database or display an error
 $connectionStatus = mysql_connect($hostname, $username, $password) or die(mysql_error());
    // Select our database here 
    $selectionStatus = mysql_select_db($dbname) or die(mysql_error());

?>

6. Keep Favorite Code Snippets Handy

You’ll be coding a lot of the same things throughout your PHP development career, and keeping code snippets always available will help you save a lot of time. There are several apps that can keep and sync your code snippet collection for you, so no matter where you are, you can always have your snippets available. Some apps you can use to corral your code snippets are Snippet, snippely, Code Collector, and Snipplr(web-based).

Most integrated development environments (IDEs) such as Eclipse (which can store code templates) and Dreamweaver (via the Snippets Panel) may have built-in features for storing code snippets.

Even a simple and well-organized directory called snippets that contain text files (or PHP scripts) — and possibly synced in the cloud using an app like Dropbox if you use multiple computers — can do the trick.

7. Use a Good Source Editor to Save You Time

Your editor is where you’ll spend the majority of your time, so you want to use something that helps you save time. Syntax highlighting is a must and definitely something you should be looking for as a software feature. Other bonuses include code hinting, code navigation and built-in debugging tools. All of these features can end up saving you massive amounts of time. An example of a source code editor/IDE for PHP is phpDesigner.

Take the time to get familiar with your source code editor’s features by reading the documentation and reading tutorials online. A bit of time investment in this arena can really streamline your coding workflow.

Check out this list of source code editors for developers as well as this list of free text editors for coders to discover popular code-editing applications.

8. Use a MySQL Administration Tool (Like phpMyAdmin)

I know some crazy hard-core developers who like working with MySQL (the popularDatabase Management System pairing for PHP) via command line, which, to me, is inefficient and just, well, crazy. It’s a good thing to know how to administer your MySQL database using mysqladmin, but afterwards, you should use a graphical user interface like phpMyAdmin to speed up database development and administration.

phpMyAdmin, in particular, is an excellent open source database viewer/manager that allows you to view your MySQL databases graphically so that you don’t have to waste time doing things via the command line. You can quickly build databases and their tables, export your databases into SQL files, run SQL queries, optimize tables, check for issues, create MySQL database users and set up their privileges quickly, and much more. There is a good chance your web host already has phpMyAdmin installed, and if not, it only takes minutes to install.

Check out this list of the best MySQL database management tools and this list ofMySQL apps for alternatives to phpMyAdmin.

9. Use a PHP Framework

It took me a really long time to accept the fact that using a web application development/rapid application development framework would help me out. You have a small learning curve in the beginning, and there will be a lot of reading to do to learn how the API of the framework works, but you get amazing productivity and efficiency benefits later. Using a framework forces you to use better web development patterns that you might not be using right now.

Using a PHP framework pays off big time when you have to share your code with others later on or when you have to work together with someone; it gives you a standardized platform for building web applications. I learned the importance of this the hard way when I had to start hiring other developers.

Some popular PHP frameworks are CakePHP, CodeIgniter, symfony, and Zend.

10. Connect with Other PHP Developers

You don’t know it all. And even if you think you do, there are thousands of others out there that know how to do something better than you do. Join a PHP community likePHPDeveloper and interact with others. By connecting with other developers, you’ll learn better ways of doing the things you’re currently doing.

4. Leave Error Reporting Turned On in Development Stage

5. Don’t Over-Comment Your Code

Good Example of Commenting

<?php
 
 /* CONNECT TO THE DATABASE */
 
 $hostname = "localhost";
 $username = "";
 $password = "";
 $dbname = "";
     
 $connectionStatus = mysql_connect($hostname, $username, $password) or die(mysql_error());
 $selectionStatus = mysql_select_db($dbname) or die(mysql_error());
 
 /* END DATABASE CONNECTION */

?>

Bad Example of Commenting

<?php
 
 /* DEFINE THE CONNECTION VARIABLES */
 $hostname = "localhost"; // Hostname
 $username = ""; // Username 
 $password = ""; // Password
 $dbname = ""; // Database name
 // Connect to the database or display an error
 $connectionStatus = mysql_connect($hostname, $username, $password) or die(mysql_error());
    // Select our database here 
    $selectionStatus = mysql_select_db($dbname) or die(mysql_error());

?>

6. Keep Favorite Code Snippets Handy

Most integrated development environments (IDEs) such as Eclipse (which can store code templates) and Dreamweaver (via the Snippets Panel) may have built-in features for storing code snippets.

7. Use a Good Source Editor to Save You Time

Check out this list of source code editors for developers as well as this list of free text editors for coders to discover popular code-editing applications.

8. Use a MySQL Administration Tool (Like phpMyAdmin)

Check out this list of the best MySQL database management tools and this list ofMySQL apps for alternatives to phpMyAdmin.

9. Use a PHP Framework

Some popular PHP frameworks are CakePHP, CodeIgniter, symfony, and Zend.

Wednesday, July 2, 2014

New in HTML ? This is where you can know about HTML

Example Explained:

HTM or HTML Extension?

HTML Tags

Use Lowercase Tags?

If you want to prepare yourself for the next generations of HTML, you should start using lowercase tags. The World Wide Web Consortium recommends lowercase tags in their HTML 4 recommendation, and XHTML (the next generation HTML) demands lowercase tags.

Quote Styles, "red" or 'red'?

Headings

Paragraphs

Line Breaks

Comments in HTML

Text Formatting Tags

Character Entities

Non-breaking Space

The most common character entity in HTML is the non-breaking space.

Most Common Character Entities

Additional Commonly Used Character Entities

The Anchor Tag and the Href Attribute

The Target Attribute

The Anchor Tag and the Name Attribute

<a name="down">Down is here</a>

Tables

Tables and the Border Attribute

Headings in a Table

Empty Cells in a Table

Table Tags

Unordered Lists

Ordered Lists

Definition Lists

List Tags

Tuesday, July 1, 2014

10 Advanced HTML5 tags you must know about it

1: <video> and <audio>

2: <input> type attributes

3: <canvas>

4: <header> and <footer>

5: <article> and <section>

6: <output>

7: <details>

8: <figure> and <figcaption>

9: <progress>and <meter>

10: <datalist>

10 Hottest jQuery Books for Learn Web Designing

Best jQuery Books

1. Pro jQuery 2.0 (Expert’s Voice in Web Development)

Latest version of jQuery suitable for modern web browsers it provides a robust API for web application development standard for simplicity,flexibility and extensibility in website design.

2. jQuery A Beginners Guide Book

This jQuery book talks about Quick learn fundamentals of jQuery, AJAX and plugins development.

3. JavaScript and JQuery: Interactive Front-End Web Development

This jQuery book includes better interaction, design, and web development and visual approach to teaching JavaScript & jQuery.

4. Learning jQuery Deferreds: Taming Callback Hell with Deferreds and Promises

This amazing book contains 75 stimulating puzzles (and their solutions) that will help you understand how and when to use deferreds.

5. jQuery, CSS3, and HTML5 for Mobile and Desktop Devices

This Book Covers the features of jQuery, CSS3 graphics, HTML5, and jQuery Mobile, and shows how you can extend the power of CSS3 with SVG.

6. Learning jQuery: A Hands-on Guide to Building Rich Interactive Web Front Ends

In this Book Learning jQuery will guide you through using jQuery, jQuery UI, and jQuery Mobile in your own projects.

7. jQuery UI Cookbook by Adam Boduch

In this jQuery book you will learn to create interactive UI for your users with 70 recipes to create responsive and engaging user interfaces in jQuery.

8. Head First jQuery (Brain-Friendly Guides)

This jQuery book you can learn how to work flawlessly on HTML and CSS, handle data with MySQL, JSON and PHP, as well as incorporate Ajax apps.

9. The Joy of jQuery: A Beginner’s Guide to the World’s Most Popular Javascript Library

In this book you will read comprehensive solution to particular client side issues. Design web interfaces using uncomplicated jQuery techniques.

10. jQuery Mobile Web Development Essentials, Second Edition

In this jQuery book you will learn how to create mobile friendly website. Build mobile-optimized websites using the simple, practical, and powerful jQuery-based framework. These book will increase you knowledge and you can make more effective and user friendly interfaces.

Monday, June 30, 2014

10 Things Make You Become a Better PHP Developer

1. Use PHP Core Functions and Classes

2. Create a Configuration File

3. Always Sanitize Data That Will Go into Your Database

4. Leave Error Reporting Turned On in Development Stage

5. Don’t Over-Comment Your Code

Good Example of Commenting

Bad Example of Commenting

6. Keep Favorite Code Snippets Handy

7. Use a Good Source Editor to Save You Time

8. Use a MySQL Administration Tool (Like phpMyAdmin)

9. Use a PHP Framework

10. Connect with Other PHP Developers

4. Leave Error Reporting Turned On in Development Stage

In this jQuery book you will learn how to create mobile friendly website. Build mobile-optimized websites using the simple, practical, and powerful jQuery-based framework.

These book will increase you knowledge and you can make more effective and user friendly interfaces.