The past few weeks/months have been extremely busy, and in the process, I’ve had to put some personal projects on hold and pull a few all-nighters. Not that I’m complaining. I actually live for this stuff… well, not JUST for this. I have a family that I live for as well.
Anywho, on to business…
What have I been up to since the new year started? Well, I’ve taken a more serious role in the world of photography having completed a few professional shoots (portfolio coming soon), I’ve assisted in the creation of a few more media players – two for Iron and Wine (one on the homepage and another for the discography pages) and one for All Falls Down. Both in collaboration with Hazen Creative (they designed, I wrote the ActionScript). I’ve been helping a local men’s haberdashery known as Benedetto Men launch their website, which is still in super-early-incomplete-beta form (still needs model shots and polish on the design/coding), I’ve been working on a redesign for a local chef/caterer (new site should be launching soon), helped with the launch of myfreetaxes.com (developed the interactive flash map), developed an image rotator for The Beehive (top right), a BMI calculator and there are a few more projects currently in the mix.
As for other/future releases… I’m currently working on a pretty cool audio/video/ecommerce app for PlayVicious, reworking my own portfolio site as well as this very blog, branding and designing my wife’s website and blog, working on another acupuncturist website, designing and developing a website for a freehand illustrator/emcee/friend and I still have a few more things in the works. So, as you can clearly see, things have been pretty hectic around these parts. As new projects launch, I’ll post links to them here.
Until next time…
Just recently got my Flickr page going. This is where I will be posting all of my photos until I have time to get my Photography website complete. Check it out here.
Recently I was tasked with creating a Flash Chart Application for Pollster.com. One of the challenges in building this app involved allowing the user to turn on and off specific types of poll data, ie. live phone, automated, internet or mail based polls. Sounds simple enough, right? It was. The challenge camewith giving the user the ability to filter out specific pollsters within each category or “mode”. The reason this was a challenge was due to the fact that each category had a pollster associated with multiple data points within the chart, therefore, the list consisted of many repeat listings of the same pollster name.
Being that I already had an array created from the data feed, which was used to place the data points, I figured I could pull my list of pollsters from that array to create my new “pollster” array. Now, there are a ton of ways to accomplish such a task, but I want to focus on one specific method that I used. The every() method of the Array class. I’ve read a lot about people using splice(), slice(), pop(), shift(), etc., but nothing about every(). Nothing at all. Ever . So I figured I’d use it to accomplish the task at hand.
Basically, every() “executes a test function on each item in the array until an item is reached that returns false for the specified function” – Adobe LiveDocs. So let’s get on with some sample code… (more…)
Not really. But I did design and develop the new chart application for Pollster.com. It features plenty of user customization capabilities, allowing you to add/take out specific choices (otherwise known as candidates), filter “pollsters”, set smoothing sensitivity, date and percentage ranges and turn on/off specific interface elements from the grid to points and trend lines and choose whether points display over top of trend lines, etc. It also gives the user the ability to save the url to their customized chart for later viewing or you can get the embed code (as seen above) to place on your own page or blog.
To see the fully functioning app, click on the stage of the chart above and it will take you directly to the page with the National Poll results for US President. Quite a handy tool, me thinks.
I’ll be posting some bits of code that I think you may find useful for your own projects shortly (shortly could mean a few hours or days).
I’ve just launched version 3.0 of my dev/design studio website. No more gloss and a much more usable design overall. This version was fully developed with AS3. Version 3.1 will introduce a bitof SEO (search engine optimization) and “deep linking” amongst other things. Check it out.
As well, feel free to leave any comments, feedback, critiques, bugs, etc.
Wow! The past month or so has been extremely busy! There are currently lots of new projects in the works, and an update coming to the Technorganix website which will bring it to version 3.0.
As for new project launches, there’s an audio/video player developed for the new Swell Season website. Developed with Flash ActionScript 3, this player seamlessly switches between audio and video playback based on its filetype so the admin only has to worry about adding title, artist, file and image paths. The site itself was designed by Hazen Creative. Be sure to check it out. There’s also Tidal TV which I had the privilege of developing the prototype for last summer in collaboration with No|Inc. It’s now in the beta stages.
That’s about it for now. I’ll be posting again soon.
I have a lot of things in the works currently, which is the reason behind the lack of updates. Check back after June 9th for more updates.
As I mentioned in my previous post, here are the files for the AS3 version of my Box class and its companions. For those of you who downloaded the AS2 version and are either curious about or transitioning into the realm of AS3, you’ll notice a pretty big difference in the way things are done. You’ll also notice that the code is much cleaner and a bit shorter. That’s because I was a bit less lazy with the formatting and since I use Coda for all of my dev work, I have templates set up for my AS2 & AS3 class files.
The other interesting thing you’ll notice is the difference in the way the box is drawn. AS3 adds the ability to draw a more complex rectangle which allows you to specify the ’roundness’ of each corner. To do this, you simple call ‘your_shape_name.graphics.drawRoundRectComplex’ and fill in the necessary parameters. So why is my class still needed, you ask? Well, for the most part, it’s still a nice and simplified way to create boxes with rounded corners and at the same time, apply a gradient and/or stroke to your shape and it still adds the scale9Grid for you, which automagically determines the largest rounded corner before applying. Download it and give it a try.
As well, If you haven’t already, I encourage you to download this cheat sheet which is extremely helpful in understanding the differences when moving from AS2 to AS3. As always, be sure to leave any questions, comments or suggestions.
UPDATE TO THE UPDATE: Although I am no longer supporting the AS2 files, it would seem that quite a few people are still requesting them. Therefore I am once again making them available for the masses. Please be warned: I am no longer supporting or updating these classes. Download the files here. Enjoy.
UPDATE: The files for the AS2 version are no longer available. I’ve transitioned completely to AS3 and will no longer be coding or supporting AS2 classes that I’ve written.
Since we’re just getting started, I figured I’d post something both extremely simple yet, fairly useful to those curious about getting their feet wet with Flash’s drawing API or those already familiar but currently lacking a simple solution for drawing boxes. For me at least, these classes cut down on a ton of work, when I want to create an interface exclusively in AS.
Here’s the basic idea: You want to draw a box using the drawing API, with two or three rounded corners. Easy enough, yeah? Well, you also want to be able to resize those boxes without any distortion on those corners. Even easier you say? How about adding a gradient to that box? Oh, and then we need to add a smaller box on top of that box with a stroke and one rounded corner and position it 20 pixels from the right edge of the bigger box behind it. Sounds easy, right? Well, it is, but it’s also a hell of a lot of code to write, especially if your plan is to draw an entire interface with the drawing API (crazy, I know).
Basically, what I’ve done, is created a few classes (AS2) to simplify these tasks quite a bit. A sample .fla is also included for you to play around with and test for different results. You can download the files here. An AS3 version is forthcoming. For an AS3 version of my Box Class, see the next post.
I know, nothing groundbreaking here, but I hope these are as useful for you as they have been for me over the past few years. Feel free to modify them, make the code prettier, move things around, etc. As well, be sure to leave any questions or comments you may have concerning these classes below.
Stay tuned. There are more where these came from.