[Photoshop Tutorial] Gaming Navigational Menu

February 1st, 2010 No comments »

In this tutorial you will learn how to create a professional, horizontal gaming navigational menu.

This will be your final result

» Read more: [Photoshop Tutorial] Gaming Navigational Menu

[Flash Tutorial] Disappearing text effect

January 27th, 2010 No comments »

In this easy tutorial made for Flash 8, you will see how to create disappearing text effect with no Action Script.

» Read more: [Flash Tutorial] Disappearing text effect

[PHP Tutorial] Tabbed Ajax Content Pane

January 21st, 2010 No comments »

Hello and welcome to my first tutorial!

Aims: By the end of this tutorial you will, hopefully, be able to create a simple tabbed content area.  This will allow users of your website to view a wide variety of content from an infinite number of tabs(within reason) all in one content space!

» Read more: [PHP Tutorial] Tabbed Ajax Content Pane

[Flash Tutorial] Rotating letter effect in text

January 1st, 2010 No comments »

See this tutorial and learn how to rotate letters in series using some special flash tricks. You don’t have to use action script code to make this lesson.This tutorail is very simple to create but in the same time, you can use it for some text effect, banner, text animation…

» Read more: [Flash Tutorial] Rotating letter effect in text

[HTML Tutorial] Top 15+ Best Practices for Writing Super Readable Code

December 23rd, 2009 No comments »

1. Commenting & Documentation

IDE’s (Integrated Development Environment) have come a long way in the past few years. This made commenting your code more useful than ever. Following certain standards in your comments allow IDE’s and other tools to utilize them in different ways.

Take this example:

The comments I added at the function definition can be previewed whenever I use that function, even from other files.

» Read more: [HTML Tutorial] Top 15+ Best Practices for Writing Super Readable Code

[Photoshop Tutorial] How To Create a Stunning Vista Inspired Menu

December 21st, 2009 No comments »

Step 1

Open a new canvas that is 600×335px. Begin by showing rulers (View>Rulers), then create two guides similar to the image below. Create one at 285px and the other at 310px.

[Photoshop Tutorial] Create a clean hosting layout

December 18th, 2009 No comments »

In this tutorial I will show you how to create a simple and nice looking hosting layout in a few steps.  You can create this layout in almost one hour. It is very easy and the end result is quite good. You don’t have to be a professional designer to achieve a nice result.
Create a new document with the following size: 960×900 pixels. I will use the following color for the background: #2a1f14
Now with Rounded Rectangle Tool I will create a big shape in the middle of the layout.

115

» Read more: [Photoshop Tutorial] Create a clean hosting layout

[Flash Tutorial] Holidays flash banner

December 12th, 2009 No comments »

Holidays are getting closer and that is why I decided to make cool holidays flash banner. You don’t have to use action script code to make this lesson. Using this lesson, you will also learn how to import any photo into a flash stage, how to convert it into a movie clip symbol, how to apply flash filters on it, how to create motion tween and much much more!

Example:

» Read more: [Flash Tutorial] Holidays flash banner

[PHP Tutorial] Check For Empty Values

December 11th, 2009 No comments »

In this tutorial we will create a function to check if a field is empty in either a string or an array. So this could be used to do a simple check on if a form field is left blank. I will show you an example on how to use it to check if a form field is empty.

So heres the function

function empty_check($var){ // Start Function
	if(is_array($var)){ // Determine if $var is an array or not
		foreach($var as $key => $value){ // If it is an array go through the array and assign to $key and $value
			$value = trim($value); // Remove any whitespace from the start and end of the value
			if(empty($value)){ // Check if its empty or not
				$empty[] = $key; // If its empty put the name of the field thats empty in $empty array.
			}
		}
	}else{ // If it isnt in an array
		$var = trim($var); // Remove any whitespace from the start and end of the value
		if(empty($var)){ // Check if its empty or not
			$empty[] = $var; // If its empty put the value into the $empty array.
		}
	}
	return $empty; // Return $empty.
}

So now we have the function I will show you an example on how you can use this.

<?php

if($_POST['submit']){
	$empty = empty_check($_POST);
	if($empty){
		echo "You have left the following fields empty<br />";
		foreach($empty as $value){
			echo $value . ", ";
		}
	}else{
		echo "All fields are filled in.";
	}
}

?>
<form method="post" action="">
	<input type="text" name="first_name" />
	<input type="text" name="last_name" />
	<input type="submit" value="Submit Button" name="submit" />
</form>

[HTML Tutorial] 9 Most Common IE Bugs and How to Fix Them

December 2nd, 2009 No comments »

1. Centering a Layout

Centering an element is probably something every web developer has to do while creating a layout. The easiest and most versatile way to center an element is to just add margin: auto; to the relevant element. The above method will take care of centering the element irrespective of the resolution and/or browser width. IE 6 in quirks mode however decides to handle this in the most unfortunate way possible: by not handling it at all.

Consider the Following Code:

  1. #container{
  2. border: solid 1px #000;
  3. background: #777;
  4. width: 400px;
  5. height: 160px;
  6. margin: 30px 0 0 30px;
  7. }
  8. #element{
  9. background: #95CFEF;
  10. border: solid 1px #36F;
  11. width: 300px;
  12. height: 100px;
  13. margin: 30px auto;
  14. }
#container{
	border: solid 1px #000;
	background: #777;
	width: 400px;
	height: 160px;
	margin: 30px 0 0 30px;
}

#element{
	background: #95CFEF;
	border: solid 1px #36F;
	width: 300px;
	height: 100px;
	margin: 30px auto;

}

The output you’d expect: