29
Dec 05

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.


07
Dec 05

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.


23
Nov 05

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 →


16
Nov 05

Greedy eyes and hands

This camera is awesome. For $800, it’s actually a great deal, in my opinion, considering that an entry level point and shoot is gonna run $200.
Nikon D-50


16
Nov 05

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.


16
Nov 05

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.


14
Nov 05

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.


08
Nov 05

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.


27
Oct 05

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.


20
Oct 05

Stimulus response

I would love to draw with my mind. There are so many images I would love to communicate visually that I have to describe with words. Imagine a pink-faced rhesus monkey hunched over an array of dials wearing a metal bowl connected with wires and electrodes. The little monkey looks intently into the distance while his little monkey paw taps the button that delivers a steady drip of adrenaline into his blood causing his little monkey heart to beat and throb and his brain to focus. Playing Battlefield is like this. You just keep hitting the button and the boundary between the game and reality doesn’t dissolve it just becomes irrelevant. Last night I played from 7pm or so until 3am, which is about 8 hours off and on. This only possible because you lose all track of time and space. It’s hard to explain this to people who don’t like video games. They don’t see the attraction and I think it may be because they can’t lose themselves in the screen. They can’t pass through the glass, maybe because the 3D environment is disorienting to them or the controls don’t feel natural enough. You have to feel confident enough to move around and look around before you will enjoy a first person game, because only then will you forget you’re using a mouse and keyboard to look and move around. I am at once both scared and excited about the future in terms of what types of simulations will be available. What happens when people grow up satisfied only with what is possible in some artificial, easy reality?