You are currently browsing the archives for the notepad category.


Organizing site file and folders

Wednesday, June 24th, 2009

It is a good idea to organize your site files into folders, but be careful you don’t make too many sub folders in your site. Too many sub folders can make your site just as unorganized as having no sub folders.

Consider a site like this:

unorganized1

There are files in the root directory that are unnecessary or unclear as to what they are used for. Lets also take a look at our image management.

unorganized2

Step 1 to clean this up will be to move site files (.html, .php, etc) into more appropriate folders. For example we can take party.htm, part2.htm, and party3.htm and put them into a folder called “party”.

organized2

Now our urls look like this: http://yoursite.com/party/party2.htm

As for the images, this is matter of preference. You’ll want to decide how much division is need to make it as easy as possible to update and maintain. In our example all of the site file were in one folder called “images”.

We can clean this up by adding a few more folders and making sure our file names don’t have any spaces, special characters, etc.

organized1

In the organized site, images are located in one central folder, and all site files are organized using a sub folder system that is easy to understand and maintain.

timthumb for image resizing

Tuesday, June 2nd, 2009

Download timthum.php script and upload to your site. We are uploading to root of a site in a folder called /scripts/(ex: www.example.com/scripts/). You also need to create a folder “cache” inside of scipts.(ex: www.example.com/scripts/cache/) The cache folder needs read/write permissions.

The image we want to resize is called balloon.jpg located in www.example.com/images/

Create a .html page and place this code inside the body tags:

<body>
<img src="scripts/timthumb.php?src=/images/balloon.jpg&h=150&w=150&zc=1" />
</body>

Thats it! See a working example here.

site refresh

Thursday, May 21st, 2009

Well, its been awhile since we changed our theme so I decided it was time for a site refresh. The goal was to create a “photorealistic” notepad on a desktop design.  I found the pictures on istock.com and used photoshop to create the backgrounds and navigation links. It was a fun challenge and we hope you like the site. <shameless pat on back>We are really excited to continue developing this beautiful fresh design so don’t forget to check back often for site updates.</shameless pat on back>