International Aperture Awards
Marakele Makeup
Marakele Makeup product shoot
Karmaflage
Karmaflage Logo
Art Kollektive
Art Kollektive logo
Pawleys Island Law
Pawleysislandlaw.com is the official website of attorney Dave Mason. The site is designed to project a clean and professional layout. A css dropdown was used to create the navigation menu with cross browser compatibility in mind.
Anthony Michael Hall photo shoot
Anthony Michael Hall photo shoot
Organizing site file and folders
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:
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.
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”.
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.
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
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.
Emedis Healthcare
Emedis.com was using an entirely flash based website. Updates were difficult to make due to the “hard coded” method of using flash. The slide navigation and images used by the site looked a little outdated. The new site features a very simple, clean css design that relays all of the sites information much more quickly. Emedis now uses a CMS that is styled using the latest css methods.
site refresh
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>