Featured Posts

The Value of Feeling Appreciated as an Employee in... Whether you’re a new employee or the vice president of the company, everyone wants to feel valued, even appreciated, in the workplace. Not only does it improve morale and make the workplace a more pleasant...

Read more

The difference between classic and motion tweens in... Here it is: If you're used to doing things "the cs3 way" then you can continue to do so with the classic tween tool. It works the same way as you remember, using key frames as normal, but you cannot...

Read more

PHP: If (equal to AND not equal) - eliminate form spam... Just learned a great function of PHP thats already made my forms a lot better. A while back I wrote an article about eliminating form spam without captchas by using css to hide a text input box for bots...

Read more

Drop Downs, Fly Outs, and Accordion Site Navigation: This last week I was in a meeting discussing a client site. It was a typical business meeting that was going into overtime on a Friday afternoon, and then things turned for the worst... someone suggested...

Read more

twitter

Breaking News

  •  

SOPA Protest tomorrow. See you on Thursday.

Category : Around The Office, General Web Info, Politics, Social

This website will be “blacked out” in solidarity with the SOPA Protest for Thursday, January 18th, 2012. The internet needs to be protected in the same way as the press, and for the same reason.

If you’re just now learning about SOPA and Protect IP – scheduled to be voted on by the senate in the near future then you might want to do your research quickly – as over 30,000 websites will be down tomorrow to protest this ineffective, business killing, nanny-state, double speaking bill.

In the name of “internet security” aka (profit protection) the MPAA, RIAA, along with the Chamber of Commerce want to change the way the internet works from the router up. They want to be able to remove ANY website’s DNS listing because someone might have posted a link to a copyrighted material SOMEWHERE on the website. No court hearing to see if the plaintiff actually controls the rights, no appeal if they are wrong, no recourse for you to claim damages… just another way to frighten and kill competition from the same people who were VERY willing to sue single moms and students for downloading music and movies instead of adapting their business models to a new medium.

In case you didn’t already know Im talking about RIAA, MPAA, Chamber of Commerce, and an evil gang of media thugs (CBS, ABC, FOX, COMCAST, DISNEY, etc). These media thugs claim that there is a culture of thievery on the internet, and that may or may not be true, but what the forget to mention is that THEY CREATED THIS CULTURE – and whats more they PROFITED FROM IT.

CBS, for example, owns C|net, which was the exclusive distributer of Kazaa and Limewire in the mid 1990s and 2000s. C|net makes money every time someone downloads an application from them from referrals and advertising, sometimes up to $5 a download. With over 500 million downloads between just these two applications it’s safe to say they might have made more than a billion dollars creating this online culture. Now that phase I is complete they want to use this online community WHICH THEY FOSTERED AND PROFITED FROM as justification to rewire the internet in a way that coincidentally will make them even more money while creating unknown security and architectural problems for the rest of us.(http://www.filmon.com/cbsyousuck/)

Use Underscore and !important to defeat IE6 bugs

Category : Coding and Database, Slick Code, Technology

http://modxcms.com/about/team/rthrash/css-hacking-important.html

http://www.wellstyled.com/css-underscore-hack.html

How to export a Flash Swf as Mov without skipping or losing frames

Category : Flash, My Tutorials

Recently I was hired by a design firm to teach flash to their Art Directors and help them troubleshoot some production problems they were encountering. They had a project that needed to be exported as a .mov file, but when they used the Export tool in Flash their tweens seemed to skip a few frames here and there producing a cringe on everyone who saw it.

First thing to consider: Why use a .mov file at all? The .swf file played FINE. It was in sync and the frame rate was smooth (30fps). Why would someone convert from a perfectly usable file type to a format that has KNOWN conversion issues?

Sadly, the answer was that the client requested it be a .mov and even they didn’t know why. Aside from obscure handhelds there really isn’t any good reason I can think of why you want to convert to a mov file from swf. All you have to do is install a flash player. New toys need new tools. If the client had been educated about the advantages of the swf file they would have made an informed decision. You have to be assertive if you know a better solution exists.

Supposing that you don’t have the above option and you “just have to get it done” then here is what you do to avoid the problem of skipping frames or clipping transitions in mov files created with Flash CS5. This may work for previous versions of flash, but not before CS3, as that’s when the Export to mov feature was added. I should say that there are a host of other problems with this as well which Ill look at in other tutorials, but for now lets move on to the clipping thing which is actually really easy to fix.

When you’re exporting the file, after selecting the file name you have the option to click the QuickTime Settings… button in the bottom left. Doing that will open the Movie Settings Box and you can click on the Setting button to open the Compression Settings.

In the Compression Setting change the Key Frames to All. That’s it. That’s the fix. For best play back you should also set the Frame Rate to Current and it will just use what you’re using on the main timeline. I use 30 because it’s pretty smooth and the math pretty easy.

What this is doing: When you’re saving movies, not every frame contains the whole image. This is done to save space as movies are very very big. So there are Key Frames which work kind of like in flash in that they tell the other frames the complete picture. The frames you see getting clipped in your movies are the frames that are not being saved as a result of the missing frames. Saving every frame as a keyframe makes the file size a bit bigger (in some cases a lot bigger), but that’s not a problem for you because you’re decided you’re making a mov file, which are huge files by any measure. If you want to play it on the web… do it as a flv or swf a mov file is too big.

Thankfully the client here is looking to play it in tradeshows and so forth with people who may or may not have the technical ability to figure out installing flash in the event their laptop is the 3% of people without some sort of flash already installed on their system, but they do have quicktime so thats what they wanted. If you’re looking this up and still with me – you’re clients are probably much the same. Good luck.

Let me hear how this works for you.

Firefox 3: 8 Things You Didn’t Know You Could Do

Category : Cool Web Programs, General Web Info

The name says it all. Pay Special attention to the HUGE security problem detailed in number 8. If you read only one… read that one. The fact that it’s number 8 I find comical, as if to suggest almost a reward to those who read the whole thing.

http://www.pcmag.com/article2/0,2704,2331278,00.asp

Use Light and Shadow to Add EyeCandy to a Design

Category : Great Tutorials, Teaching

This is a great article from Smashing Magazine about bringing life to what could be an otherwise boring page. I referenced this site in my TCC lecture on November 17th. With a few simple manipulations you can add plenty of eye candy to just about anything: buttons, backgrounds, headers, logos… so I guess thats anything really.

http://www.smashingmagazine.com/2009/04/20/5-simple-tricks-to-bring-light-and-shadow-into-your-designs/

Great Examples of Kenetic Type

Category : Around The Office, Typography

Mad World

Pulp Fiction

http://www.youtube.com/watch?v=HePWBNcugf8

Devils Advocate

Full Metal Jacket

Pineapple Express

Pirates of the Carribean

Weddign Crashers

300

Power To The Poster Project

Category : Typography

A really cool collection of mostly typographic posters. You can download the 11×17″ pdfs for free and the idea is that you would then post them in highly visible places. (Suggest legal places, or get the owners permission otherwise they tend to come down disappointingly fast for the cost of printing.)

My favorite from the gallery:
pttp_poster45

More found at:
http://www.powertotheposter.org/gallery.php

First Meeting with Gray Screen Developement Process

Category : Around The Office, Coding and Database, General Web Info, Great Tutorials, Technology

I had my first in person meeting with a new client yesterday, The Autism Society of Connecticut. This is the first project I’m using the gray screen development process for and I LOVE it. The process is much more straight forward and we covered in detail almost all the pages in the site objectively. Because I had the whole site mocked up we could see potential problems that would otherwise not have been evident and we were able to completely rework the navigation from the way it was in this first round of revisions.

We’ll see how it works in the next round and make more revisions on it I’m sure, but this was awesome in a first meeting. I’ll build out the backend as a gray screen using developer notes instead of actual database functionality.

NewFangled, hats off to you for bringing this technology to my eyes. You broke the industry. If you dont know who these people are, click the link and check out Process >> Prototyping. You wont be disappointed.

Myspace gets on Cost Per Click – There goes the neighborhood

Category : Art & Design, Technology

In their infinity profit seeking wisdom, the owners of Myspace (should be called TheirSpace) have opened the floodgates to CPC advertising which can target based on location, age, interests, or gender. Its a matter of time now before a stampede of companies throw their ads on Myspace and make the site one more step worse than it already is.
Contunue Reading

PhoneGap – An open Source HTML/JS framework for SmartPhone, Blackberry, and iPhone applications

Category : Coding and Database, SmartPhone, Technology

Ever wanted to create a program for you iphone but didn’t want to write it in C+?

With this new framework you can develop programs for smart phones and their kin using native hardware features (screen shake or tilting for instance) with nothing but HTML and JS. This is currently a free and open source project under the MIT licensed and should hopefully stay that way.

5 Years ago you could sound really cool by talking about flash. 2 years ago you got to sound cool developing flash programs that worked on the odd Nokia phone. (deploying these programs in any sort of a meaningful way was a whole norther task all together, but being able to do it at all was step 1.)

I think the next milestone is looming overhead: learn JQuery or MooTools well enough that you make flash developer’s jealous and deploy your program in a way that actually works. SWEET!