T&S Web Design

Creative. Personalized. Web Development.™

Newsletter Signup

Archive for July, 2008

Website Resources for Small Business Owners

Wednesday, July 30th, 2008
submitted by: Tim Priebe

Recently I scoured the web to come up with some website resources that could be useful for small business owners. While I’ve personally written on a lot of these topics in the past, it’s good to get a third-party point of view. As typically happens, I found others had already come up with great lists.

SQL Many-to-Many Relationships

Monday, July 28th, 2008
submitted by: Nick Little

Occasionally when working with database relationships one will come across an instance of a many-to-many relationship. This type of relationship can occur, for example, when multiple users can be assigned to multiple tasks with users being assigned multiple times. This type of relationship should be implemented as three separate tables as shown below.

Users

userid username phone
1 me 867-5309
2 you 555-5555

Tasks

taskid name description
1 Blog Write a blog entry and post it on the T&S Blog.
2 Create a new website. One person design the site. The other person write the html/css for the site.

Taskassignments

assignmentid taskid userid
1 1 1
2 2 1
3 2 2

Now, it is possible to join these tables in a single SQL statement. However, the resulting set would most likely contain many duplicate entries. There is a way in mysql to get the entries in two SQL statements without duplicating even a single entry. This is done using mysql’s GROUP_CONCAT function. This function is used to return many entries that relate to one entry on a single row. For example:

SELECT userid, GROUP_CONCAT(taskid) tasks FROM Taskassignments GROUP BY userid

would return

userid tasks
1 1,2
2 1

The next step from here would be to change the SQL statement so that it joins with the “Users” table.

SELECT userinfo.userid, tasks, username FROM Users userinfo INNER JOIN (SELECT userid, GROUP_CONCAT(taskid) tasks FROM Taskassignments GROUP BY userid) tasksassigned ON userinfo.userid = tasksassigned.userid

This retrieves the username instead of just the userid. (Now the user can be referred to as “Bob” rather than “User 12″.)

Now that the users have been retrieved from the database, all the associated tasks must be retrieved without duplicating entries. How can this be achieved? All the task ids must be parsed and stored so they can be retrieved from the database. In php this is simply a few lines of code:

$ids = array();
while ($row = mysql_fetch_assoc($result1)) {
  foreach (explode(',', $row['tasks']) as $id) {
    if (!in_array($id, $ids))
      $ids[] = $id;
  }
}

Lastly, all the tasks are retrieved from the “Tasks” table.

if (count($ids) > 0)
  $result2 = mysql_query('SELECT * FROM Tasks WHERE taskid = '.implode(' OR taskid = ', $ids);

And the tasks are correlated to the proper users, so the results can be displayed.

$tasks = array();
if (isset($result2))
  while ($row = mysql_fetch_assoc($result2))
    $tasks[$row['taskid']] = $row['name'];

mysql_data_seek($result1, 0);
while ($row = mysql_fetch_assoc($result1)) {
  echo htmlspecialchars($row['username']).' has the following tasks:
<ul>';
  foreach (explode(',', $row['tasks']) as $taskid)
    echo '<li>'.htmlspecialchars($tasks[$taskid]).'</li>';
  echo '</ul>';
}

File Organization: A Designer’s Best Friend

Wednesday, July 23rd, 2008
submitted by: Emily Spirek

It may seem trivial to precisely name and organize each and every file, but in the end it can save a designer (or anyone else) time and money. Many designers learn this the hard way while interning or beginning their first job, but eventually they realize the significance and impact it makes on their work flow.

First and foremost, I would recommend using an external hard drive to backup all of your files: it is worth the extra cost! Next in the process is naming and organizing folders. A basic setup could include the following folders:

  • Clients (a folder for each client)
  • Forms (contracts, planning worksheets, invoices, etc.)
  • Stock (purchased images online)

Within the “Clients” folder, you can include subfolders for their identity package, including: logo, letterhead, business card, etc. Also make sure you designate which file is the original file and which one is sent to the client by creating a file-naming system. For example,  ORIGINAL_logo_clientbusiness.ai for your own use and SAMPLE_logo_clientbusiness.jpg to send to the client. Use the same type of system within your other main folders.

This is definitely a rough start and it takes a lot of trial and error to discover a system of your own, but the initial setup is well worth your time so you can prevent any future headaches!

Bridge and Photoshop Batch Process Integration

Monday, July 21st, 2008
submitted by: Dave Roach

Ever have to do a simple task such as put a watermark on a picture? This can easily be done in Adobe Photoshop by inserting your image or text that you want to be your watermark over the original image and setting the transparency to whatever you wish. Now one image is simple and easy, but what if you have 500 images in separate folders at different sizes, resolutions and orientations? Now that can be time consuming. Recently I found an excellent way of speeding up this process.

First off, in Photoshop, you can record a certain set of actions, and save them to be repeated automatically later to a batch of files. What I did was record and save my actions for different pictures at different resolutions, so I had different presets for landscape and portrait orientations at different resolutions. Now that this is finished, how will I run these scripts on all of the pictures if they are in different folders and how will I be able run the scripts on specific images based on resolution and orientation? The answer is Bridge.

In Bridge, under the filters panel, there is an option to view the files in a folder and all of its subfolders, so by doing that you are able to view all of the images together without moving them. The filter panel also allows you to sort images by resolution, orientation and much more. So here is how this all comes together. Bridge allows you to perform a Photoshop batch to files you have selected in bridge. So, select the files you want to modify, and in Bridge so up to tools/photoshop/batch and select the action you recorded earlier. It’s that simple! Yes, I know it does take a bit of time to set up, but if you think you can put watermarks on 500 individual pictures manually then be my guest!

Looking to dress trendy on a budget?

Friday, July 18th, 2008
submitted by: Tim Priebe

Our good friends (and clients) over at Nstyle Fashion Xchange in Edmond are having a sale during Edmond’s Krazy Daze. The sale is July 24-26. Edmond also has tax free weekend coming up August 1-3, and Nstyle is participating in that as well, though they’re closed on the 3rd.

So check Nstyle out for the latest styles in used clothing, where dressing trendy doesn’t have to be expensive.

Check your links

Friday, July 18th, 2008
submitted by: Tim Priebe

I can’t emphasize enough that you should frequently check links on your website. Both links to other sites and links within your site should be checked. And make sure other people check your links as well. While you should definitely be checking them yourself, chances are good that you’ll miss something. So have another two or three people help you go through the site and look at all the links.

Your links should be checked on a regular basis. For most sites, once every six months or so should be fine. Many things can make a website look unprofessional, and links that don’t work is high up on the list. After all, if you can’t even take care of your own website, what guarantee do customers have that you’ll take care of them?

Want an automated tool to check your links? While I still recommend checking your links personally, many HTML editors like Frontpage and Dreamweaver have this built in. You can also use online tools like the W3C Link Checker.

Feel The Synergy

Wednesday, July 16th, 2008
submitted by: Nick Little

I recently acquired a third monitor to use at work. It is really nice to have three monitors, especially when you have around ten windows open at any given time. However, I had one small problem when I hooked it up: the MacBook I use only has one port for an external monitor.

How is it even possible to hook up another monitor? Well…it isn’t. However, there just happened to be a spare MacMini lying around. This meant I could use Synergy on the Mac mini to give me the same effect as having three monitors hooked up to my MacBook. Synergy allows anyone to use a networked secondary computer as an extended screen. It allows full mouse and keyboard control between the computers. It’s basically a KM switch in software. It also supports basic functionality like copy and paste.

The particular version of Synergy I used is called SynergyKM. It has a visual configuration interface for Macs. It took me a while to setup, because some of the functionality does not work correctly in Leopard. For example, Bonjour cannot be enabled for it to work. Minor quibbles aside, Synergy works amazingly well and is very fast for being network based.

Animated Favicon

Monday, July 14th, 2008
submitted by: Emily Spirek

As Tim stated previously, incorporating a favicon with your site can reinforce branding for your business. At T&S, we wanted to take it a step further by adding an animated favicon. I created ours in Photoshop, saved it as a .gif, and renamed it as favicon.ico. Here is a website that will guide you in the process:

http://www.virtualmarketingblog.com/index.php/20070827/animated-favicon/

Here you can find a list of example sites with animated favicons:

http://myvogonpoetry.com/wp/2005/10/10/animated-favicons/

Logo Design: Vector vs. Bitmap

Friday, July 11th, 2008
submitted by: Dave Roach

Many times when designing a website, I receive logos that are not in vector format. For those who may not know, vector images can be scaled infinitely, without losing quality, whereas a normal bitmap image will lose quality as it is scaled up, and even just saving the file repeatedly can lessen the quality.

In most cases, logos are originally designed in vector format, in programs such as Adobe Illustrator. They are later converted to bitmap images which get passed around and the original vector file gets forgotten. We designers need those vector files, otherwise we will need to retrace it which can take some time to get it looking perfect.

This rule of thumb does not only apply to website design, in fact, use of a vector image is most important for using in print or advertising. If a company were to use a scaled bitmap image of their logo on a billboard, it would look like this:

If the image was used in vector format it would look like this:

As you can see, a vector image will always remain at the highest quality, no matter what size. So be sure to keep this in mind when creating any design that will need to be scaled. (more…)

Review us on Google

Thursday, July 10th, 2008
submitted by: Tim Priebe

If you’re a current or past client, we’d love for you to review us on Google. We’re wanting honest critiques, not just glowing recommendations.

Thanks!

Send this page to a friend

Client Testimonial

Client Photo

Thanks for the website. It is more than we could have hoped for. So many people have told us how much they love the site. In just the first couple of days, we sold five CDs through the site.

I think everything looks great. We all love it!

Jolynn Herndon
The Herndons

Our Portfolio

Portfolio Entry

T&S Web Design
PO Box 30923
Edmond OK, 73003