Adobe Fireworks

Posted: June 8, 2010 in Adobe Fireworks

My Adobe package came with Fireworks and everyone I have asked if they had ever used it almost everyone replied “Fireworks, never heard of it!”… So I decided to research this and discovered that it is often overshadowed by Photoshop and Illustrator. After more research I found that it is quite the little program! Along the way I came across this post, which featured 35 tutorials. I definitely think that these tutorials are worth a look and can’t wait to give Fireworks a try.


I am totally enjoying Illustrator but there is still so much to learn! I came across this blog post: Learn Adobe Illustrator: All the Basics for Beginners and I found it full of lots of useful information.

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…

PHP Script to upload images

Posted: February 18, 2010 in PHP
Tags: ,

I really needed a PHP script to upload images today so I went looking all over the net for something that I would understand! I came across a great one, with good explanations and when I inserted the script into my php to my great surprise it worked!!! I am a total beginner when it comes to PHP and mySQL that I really didn’t think that on my first try it would work! With that in mind it shows you how well written this script is. I followed the instructions changed the names where I had to and voila! Now the only thing left to do is to try to integrate this script with my other code and get the whole package to work LOL! I found this script on this site.

This is the script:

//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.
//checks if the form has been submitted
 	//reads the name of the file the user submitted for uploading
 	//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>';
//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

//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>';

//we will give an unique name, for example the time in unix time format
//the new name will be containing the full path where will be stored (images folder)
//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>';

//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="">
 	<tr><td><input type="file" name="image"></td></tr>
 	<tr><td><input name="Submit" type="submit" value="Upload image"></td></tr>


Posted: February 17, 2010 in jQuery

Quicksand? Is your curiosity peaking? Well mine was when I was searching for a login script and got “Quicksand” in my search results. Was I ever glad to come across this site. I found a video showing what “Quicksand” does and I am sure when you see it you will see why I thought this was so cool! The “Quicksand” website describes it as: Reorder and filter items with a nice shuffling animation.

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

Toggle with CSS and jQuery

Posted: February 15, 2010 in jQuery
Tags: , ,

I don’t pretend to be an expert in designing websites but I like them to look as if a professional designed them LOL!  So in order to make them look good I look around to find some nice effects or tutorials to add that extra spice needed to make an awesome website. I was looking for a way to toggle hidden text without it looking all messed up and came across this tutorial. It is very well explained and is becoming one of my favorite sites. I also stumbled upon a website that has tons of tutorials for jQuery, appropriately named “Learning jQuery”, which also had info on the sliding effect I was looking for.

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”

I am doing “Project 365” this year and for those of you who don’t know what that is, here is a quick summary. Project 365 is basically taking a picture a day for a whole year. For a really good explanation you can check out this post.

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…

Learning Dreamweaver CS4

Posted: February 9, 2010 in Dreamweaver CS4
Tags: ,

I am trying to learn Dreamweaver and have come across a great set of tutorials on youTube. I have been going through some of them today and can say that I am finding very useful! I was specifically looking for ones that focused on making templates and found it was very well explained here. Hope that they are as helpful to someone who is learning Dreamweaver as they are to me.