Software / Internet

Get your album cover art straight

I’ve been using iTunes a lot more lately. I held out for a long as a champion of Winamp, but iTunes does a lot of nice stuff with podcasts and a few other features. One of the nice things about using iTunes is how it integrates your album art with your mp3 collections. If the album art is present on the hard drive you will see the album cover when you play the song on your iPod or in iTunes. That’s a great touch. Only problem is, since I’ve never bought a song off iTunes most of my mp3’s lack the accompanying album cover art. No problem! There are several cool solutions that have sprung up to help with this:

1. Artie by Patrick Moberg. Artie is a ajaxy website that finds the missing album cover art for your music library. All you do is upload your iTunes playlist XML file and it searches various online sources to find the missing album art, which you then drag into the art window in iTunes to add it to the associated mp3’s.

2. iTunes Companion by Knut August Johansen. This is probably the easiest way to update your cover art since once you set it up it automatically updates the album art as your music plays, by searching Amazon for the album listed in the ID3 tag of your mp3 files. iTunes Companion is a widget for Yahoo’s widget engine (formerly known as Konfabulator), and it works very well.

If you’re using iTunes you could also do all of this manually by searching for the album or single name in Google image search (GIS).


PHP Includes!

Have you ever found out about something that would have made your entire life so much easier? I had this experience recently with the concept of building websites using PHP includes.

In a nutshell, PHP includes allow you to build webpages using modular sections or code blocks.

PHP is, of course, a server-side scripting language, which means it can be used to create dynamic content for the web. With PHP you can interact with other applications on the server as well as do things like set cookies, process forms, store input in a database, etc. That’s great stuff, but most people may not need to take advantage of that. The thing most people need to know about is the use of PHP for creating multi-page websites using includes. One of the biggest problems (if you don’t use PHP) is making changes to an entire site. Let’s say for example you have a website with hundreds of individual pages. Without includes, you would have to download and edit each of those files to reflect the new changes. Even if you did some find-replace mojo, you’d still have to edit each of those pages and reupload them to the web server. But, if you use includes you could create a template that each page would use. When you needed to make changes you would simply change the content of the particular include. So, for example, any page on a site could be arranged like this:

header include (separate file like header.inc.php)
content
footer include (separate file like footer.inc.php)

To change the navigation in the header across the entire site, you would just alter the header.inc.php file instead of having to download and change each separate page.


Essential Firefox Extensions: Highlighter and SessionSaver

I’ve just started using two indispensable Firefox extensions:

Highlighter – What it does: select a block of text, right-click and select “highlight”. Very nice when trying to pull out interesting bits. Also has several other useful features like instant highlighting when you select text, tracker icons for jumping back to highlighted sections, and the ability to select different highlight colors.

SessionSaver – This extension saves everything you were viewing when you closed Firefox, so when you come back to the computer you can read where you left off. You can also do cool stuff like sync your session to a previous session over FTP, or even back up a session to a file. Feature list.


More Flash stuff

Here’s a little movie I made for our office holiday party where we will be debuting our new company website, which I am still working on. I am aware of the typo at the end of the movie. Here is the basic animation technique I used explained in list form:

  1. Create blue-white gradient sky background using rectangle with gradient fill. This background is moved down at the end of the animation to darken the “sky” so the white text stands out better.
  2. Create amorphous snow hill shape that can be rotated and distorted as the snowman goes skiing down the hill.
  3. Create movie symbol using snowman made in Flash with slightly moving red cap and stick arms.
  4. Move snowman across scene enlarging so as to create the appearance of moving closer to the “camera”.
  5. Add snowflakes to Flash library using images from Google image search, which I edited in Photoshop to reduce to two color GIF’s (white and transparent).
  6. Create several layers of animating snowflakes. Move snowflake’s center of rotation, so when you animate them they will rotate in large circles rather than just spinning about their own center.
  7. Fade in text. Add blur timeline effect for “From ISDG”.
  8. Add more snowflakes drifting in and fading out.
  9. Set movie to pause for two seconds before looping back to beginning of snowflake animation.


More Flash goodness

I’ve been working on some Flash elements for the company website, which we’re redoing. I love trying to do stuff in Flash because I’m visual and it’s more like playing than the work I do in HTML and CSS, etc. I also love working in Flash because I always have to learn how to do something new. Here is a simple animated navigation I’m working on right now. I didn’t design the buttons, just the behaviors and how they animate. In other words, I don’t like the button icons.

Continue reading →


More on the Intellisync buy

The more I read about this, the smarter it seems. This is about more than just push email. Intellisync focuses on a big problem for both business and consumer users: data synchronization, whether it be email, PIM, documents, etc. Intellisync’s software is built to fit into existing business software environments and is already used in conjunction with Act!, Quicken, Quickbooks, Outlook, Exchange Server, and more. I’ve also used it in conjunction with Yahoo, which offers Intellisync as a method to sync your contacts and calendar. Their approach is, let’s just help you sync your data, whatever it may be. Intellisync is also device agnostic, which is a bad thing for RIMM, since using Intellisync’s software you won’t need a Blackberry… or a Nokia, for that matter. Nokia is pushing to provide more than just hardware / software. It looks like they’re aiming to help business customers evolve their existing business environments into a wireless cloud of devices and data without the need to replace every piece of software and hardware.


Nokia Buys Into Wireless Email

Nokia to Buy Intellisync for $430 Million

HELSINKI, Finland (AP) — Nokia Corp. said Wednesday it is paying $430 million to acquire Intellisync Corp., a provider of wireless e-mail service for cellular carriers, adding to the mobile phone maker’s growing arsenal of products to compete with BlackBerry.

The deal comes just two months after Nokia barged into the increasingly crowded field of BlackBerry rivals by becoming the first major handset maker to announce its own brand of mobile e-mail service — essentially becoming a rival to the U.S. company it is now acquiring.

Nokia is embarking on a multi-pronged strategy: low-end devices and network equipment for the developing world, media-enabled Smartphones and Linux tablets for techno-fetishists, and now push email capability to compete with RIMM. This is Nokia’s bid to bust into the business environment, which is now really catching onto technology.


Will Google Analytics Instantly Dominate?

Whoah. Google analytics. Google will get everyone to use their software to track each and every hit to their site and then they’ll use this information to perfect their adwords program as well as pagerank, I imagine. I think pagerank will be the prime beneficiary, but there will be tons of use for this.

Simply paste the Google Analytics tracking code into each of your website pages and tracking begins immediately. No purchase process. No need to download anything. If you don’t edit your own site, your webmaster, designer, or hosting provider can probably do it for you in under five minutes.

It’s really that simple.

Props to Waxy for their usual freshness.


Flickr Plugin for WordPress

Wow. I guess I’ll need to use Flickr more now that everyone is supporting it in all the various tools such as WordPress. Like del.icio.us, it has become the de facto standard in what it does due to its flexibility and openness. A guy named Joe Tan produced a cool plugin for WordPress that adds some cool Flickr-ish stuff to WordPress.

The WordPress Flickr Post Bar plugin very simply allows you to easily insert your Flickr photos into your blog posts. Once installed, this plugin will display your most recent Flickr photos as thumbnails in a bar across the bottom of your WordPress post form. Clicking on the thumbnail of a photo you want to use will then automatically insert the proper HTML snippet into your blog post.


Flash and Actionscript Basics

I’m trying to learn more about Flash since it’s fun and challenging. A lot of times when you’re dealing with clients their inclination is to have something visually interesting with animation and some level of interactivity and Flash is good for that. Flash has several other good things going for it, like it’s harder to reverse engineer someone else’s Flash work, which has obvious benefits from the point of view of keeping business.

As I learn I am going to show the things I’ve learned to everyone else because many people are in a similar position in terms of being Flash novices. When I get more time I may put together a few tutorials in Wink.

A couple basics about Flash that bear mention:

  1. Flash uses vector graphics. Vector graphics use geometrical primitives like lines and circles to represent images rather than a collection of pixels as in bitmapped images. This makes the graphic easier to manipulate and store in memory.
  2. Flash is scalable. Since Flash is vector-based, Flash movies can be scaled or resized while retaining the same appearance at every size. This is useful when designing for the web because many people view websites at different sizes and resolutions.
  3. Flash looks the same on every computer. According to a recent presentation by Kevin Lynch of Macromedia, “the Flash Player has more reach than any browser or operating system”, which means that when you design in Flash you can be confident that it will look the same wherever you go.

One of the great things about Flash is that it supports scripting capabilities that allow you to give certain behaviors to different parts of your Flash movies. You can create buttons that move around when you click them, or you can play multimedia clips, for example. It’s very flexible. Flash has its own scripting language called ActionScript, which uses a syntax similar to JavaScript.

Here are a couple useful ActionScript things I learned last night you can use to for simple behaviors. I used Macromedia Flash MX. That may make a difference in how I do it. Just FYI.

  1. Create a button that opens a webpage when you click on it. Quick and dirty. Create a keyframe. Add a graphic to your scene. Convert it into a symbol, specifically a button by right-clicking the graphic and selecting “Convert to symbol”. Click on the object and open your “Actions” dialog menu. Add the following ActionScript:

    on (press) {
         getUrl ("http://www.website.com", "_blank");
    }
    

    Now when you test the movie, you should be able to click the button graphic and have it open the desired link in a new browser window. Tada! Simple.

  2. Create a new button to launch a new scene. Sometimes in Flash you need to layer your movies with different ways they could play out depending on the user behavior. Think of it as forks in the road. When your movie gets to a certain point, you may want the viewer to decide which direction they would like to go, “Do you want to take the red pill or the blue pill?”, and for that you might need separate scenes. A red pill scene and a blue pill scene. This is pretty simple to do in Flash.

    Quick and dirty. Follow the directions above to create a button symbol in your default scene. Go to the menu and select “Insert” then “Scene” this will add an additional scene to your Flash movie. Use the “Edit scene” icon to switch to your various scenes. You may want to rename your scene by double clicking it’s name in the Scenes panel. I’ll go ahead and rename it to “blippo”. Throw a graphic into this new scene then switch back to your main scene.

    Now add the following ActionScript to your button symbol just like you did in the previous example:

    on (press) {
       gotoAndPlay ("blippo", 1);
    }
    

    Now test the movie. When you click the button, it should go to the scene we named “blippo” at frame 1. You can obviously set the scene and frame number to whatever you need. Often times, you may want to goto a particular animation that starts in a particular frame. This is a good way to nest commonly used animations.

This is very very basic stuff. If I need to get any more basic let me know.