Interactive Llama

You have the option to embed images into Adobe Illustrator or to link them. If you embed them, then your file will be large (a 500MB AI file is an everyday occurrence in my work). The other is to link to the image file, but if you hand the file off to another person, the linked images will not be stored with it. One option to is to have a central repository located on a network for images. All new images are placed there. This can sometimes be cumbersome not to have a copy of the image on your local machine–consider image manipulations and having to manage file versions centrally. This script solves the problem of collecting linked images for output. This script collects external image links into a single “Links” folder. You can then give that folder and the subsequent source file (AI) to another person and the external links will work. (more…)

If you are interested in the open-source image gallery web application, Gallery, you have probably read the Thirteen Ways To Add SEO To Gallery2. If you haven’t, then read that tutorial first. Within that tutorial, I mention a bulk renaming script that I have used for years with Gallery2 to change titles and keywords. This post is about that title and keyword generating bulk script. It removes some common naming conventions from the titles and removes common words from the keyword list. Do people really want to see all the photographs that contain the articles, “a,” “an” and “the.” I certainly wouldn’t.

The default title for Gallery2 item uploads is the file name of the image. It easier to name your files well from the beginning from the safety of either than edit the URL, titles, and keywords for your item after they are uploaded. My naming convention for a file name is photo_set-photo_subset-people_or_objects. For a photo of my parents, my bride and myself at my wedding, I used “wedding-party-parents-rachel-stephen.jpg” (more…)

The need

Professional web developers have been aware of CSS sprites or CSS rollovers/hovers since 2004 (The rollover term is taken JavaScript and hover term is taken from CSS). They are the background graphics that change position based on mouse hover thus eliminating the need for JavaScript image swaps and image caching since the “mouse on” and “mouse off” are one image. I have been using sprites for years. It is a more tedious process than clicking Swap image on a DreamWeaver drop down menu, but it produces more accessible and more clean code. The most tedious part of creating CSS sprites for menu navigation is aligning the static (in-active) and hover (active) images. This script solves this problem by taking two images and merging them into one. I hope this increases your productivity and creates a more standards-compliant web.

(more…)