From Vandelay Design:

Illustrator is a powerful program, but it can be overwhelming or confusing at times, simply because of everything that is possible. If you’re new to Illustrator, taking the time to understand the basics and how to use the specific tools will go a long way towards setting you up for success. In this post we’ve categorized more than 100 resources that will teach you everything you need to learn.

Read more…

This is the script:

<?php
//define a maxim size for the uploaded images in Kb
 define ("MAX_SIZE","100"); 

//This function reads the extension of the file. It is used to determine if the file  is an image by checking the extension.
 function getExtension($str) {
         $i = strrpos($str,".");
         if (!$i) { return ""; }
         $l = strlen($str) - $i;
         $ext = substr($str,$i+1,$l);
         return $ext;
 }

//This variable is used as a flag. The value is initialized with 0 (meaning no error  found)
//and it will be changed to 1 if an errro occures.
//If the error occures the file will not be uploaded.
 $errors=0;
//checks if the form has been submitted
 if(isset($_POST['Submit']))
 {
 	//reads the name of the file the user submitted for uploading
 	$image=$_FILES['image']['name'];
 	//if it is not empty
 	if ($image)
 	{
 	//get the original name of the file from the clients machine
 		$filename = stripslashes($_FILES['image']['name']);
 	//get the extension of the file in a lower case format
  		$extension = getExtension($filename);
 		$extension = strtolower($extension);
 	//if it is not a known extension, we will suppose it is an error and will not  upload the file,
	//otherwise we will do more tests
 if (($extension != "jpg") && ($extension != "jpeg") && ($extension != "png") && ($extension != "gif"))
 		{
		//print error message
 			echo '<h1>Unknown extension!</h1>';
 			$errors=1;
 		}
 		else
 		{
//get the size of the image in bytes
 //$_FILES['image']['tmp_name'] is the temporary filename of the file
 //in which the uploaded file was stored on the server
 $size=filesize($_FILES['image']['tmp_name']);

//compare the size with the maxim size we defined and print error if bigger
if ($size > MAX_SIZE*1024)
{
	echo '<h1>You have exceeded the size limit!</h1>';
	$errors=1;
}

//we will give an unique name, for example the time in unix time format
$image_name=time().'.'.$extension;
//the new name will be containing the full path where will be stored (images folder)
$newname="images/".$image_name;
//we verify if the image has been uploaded, and print error instead
$copied = copy($_FILES['image']['tmp_name'], $newname);
if (!$copied)
{
	echo '<h1>Copy unsuccessfull!</h1>';
	$errors=1;
}}}}

//If no errors registred, print the success message
 if(isset($_POST['Submit']) && !$errors)
 {
 	echo "<h1>File Uploaded Successfully! Try again!</h1>";
 }

 ?>

 <!--next comes the form, you must set the enctype to "multipart/frm-data" and use an input type "file" -->
 <form name="newad" method="post" enctype="multipart/form-data"  action="">
 <table>
 	<tr><td><input type="file" name="image"></td></tr>
 	<tr><td><input name="Submit" type="submit" value="Upload image"></td></tr>
 </table>
 </form>

I am amazed at how much  you can do with jQuery. Enjoy!

Enjoy! I love this technique and am already thinking of how I am going to integrate it into my “Project 365″ site.

and this is the jQuery site:

these screenshots were taken by a very handy program “Paparazzi”

So I began thinking of a way to be able to display all the pictures, for now my pictures are posted on a photoblog. For the moment it is not that bad looking back at the pictures since there are only about 50 pictures. Hitting the previous button 365 times is going to be long and I’m sure many will give up… So my creative side has been brainstorming for the past week… I want to create a website where I will be able to look back at 2010 without having to press the back/previous button 365 times! At first I had created a calendar and each day was filled by javascript, to get a larger view I had used a lightbox – it wasn’t bad but I wanted something with an impact, although I keep going back to my original design.

While researching for the  best way to display my images I came across a few very interesting ways, which I tried out and am partial to the “Fancy Thumbnail Hover Effect”.  Here are a few of the galleries I found interesting:

1. Fancy Thumbnail Hover Effect w/ jQuery



2. Creating a polaroid photo viewer with CSS3 and jQuery
   Really nice idea but when I followed the instructions of putting it into a <div> it wasn’t working anymore. Still trying to figure out why…

• Part 1.01  Defining a new site(HD): Adobe Dreamweaver CS4
• Part 1.02  Adobe Dreamweaver CS4: Building your root folder
• Part 1.03  Adobe Dreamweaver CS4: Designing your layout (Part 1)
• Part 1.03  Adobe Dreamweaver CS4: Designing your layout (Part 3)
• Part 1.04  Adobe Dreamweaver CS4: Finishing the layout
• Part 1.05  Adobe Dreamweaver CS4: Adding background color
• Part 1.06  Adobe Dreamweaver CS4: Centering page and setting defaults
• Part 1.07  Adobe Dreamweaver CS4: Creating a template
• Part 1.08  Adobe Dreamweaver CS4: Applying the template
• Part 1.09  Adobe Dreamweaver CS4: Uploading / FTP to web server / host
• Part 1.10  Adobe Dreamweaver CS4: Updating the template
• Part 1.11  Adobe Dreamweaver CS4: Adding new pages
• Part 1.12  Adobe Dreamweaver CS4: Creating a new title banner
• Part 1.13  Adobe Dreamweaver CS4: Adding a banner to your template
• Part 1.14  Adobe Dreamweaver CS4: Fine tuning your banner