Posted in tutorials, web | July 27th, 2010 | Comments: 0

Although Flash is reaching more and more devices every day and expects to be on 50% of all mobile devices by 2012, it is always a good idea to have alternative content for older devices that can not support Flash, or users that choose to disable it.

Here are a few quick ways for web designers/developers to display alternative content for devices without Flash.

1) Embed Code


	
	
		
	
	Alternative content
	
		
	

2) SWFObject

http://code.google.com/p/swfobject/

You can display the alternative content in the <div> that you are writting the Flash object to. If you wish to do other things (redirects or content changes) you can detect if Flash is installed with the JavaScript below.

     var flashSupported = document.getElementById('myContent');
     // if flash is not supported then go to a HTML page
     if( flashSupported.innerHTML.indexOf('embed') == -1 )
          document.location.href="noFlash.html";

3) Flash Player Detection Kit

The Flash® Player Detection Kit helps developers implement robust player detection for a variety of deployment environments by providing a set of templates and techniques to successfully detect the version of Flash Player installed on a user’s computer, and, if needed, to then install the latest version of Flash Player. The kit also includes a detailed explanation and sample files for implementing the new, player-based Flash Player Express Install experience.

http://www.adobe.com/products/flashplayer/download/detection_kit/

4) User Agent

If you have some programming knowledge you can check the User Agent sent from the browser. If you know the agents that do not have Flash support or you would like to show alternative content this is easily done.

List of User Agents

http://www.user-agents.org/

C#

Request.UserAgent

PHP

$_SERVER['HTTP_USER_AGENT']

JavaScript

http://www.quirksmode.org/js/detect.html

Posted by Beau Durrant

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
Ping This!
Posted in web | May 2nd, 2010 | Comments: 0

“GIMP is an acronym for GNU Image Manipulation Program. It is a freely distributed program for such tasks as photo retouching, image composition and image authoring.”

“It has many capabilities. It can be used as a simple paint program, an expert quality photo retouching program, an online batch processing system, a mass production image renderer, an image format converter, etc.”

“GIMP is expandable and extensible. It is designed to be augmented with plug-ins and extensions to do just about anything. The advanced scripting interface allows everything from the simplest task to the most complex image manipulation procedures to be easily scripted.”

“GIMP is written and developed under X11 on UNIX platforms. But basically the same code also runs on MS Windows and Mac OS X.”

Read More …

I recently found a plugin (Resynthesizer) that has been around for a while, it compares to the “Content Aware Fill” recently released with Adobe Photoshop CS5. Although their website is not the greatest, the effects you can do with the plugin are amazing.

I have two examples of what I was able to do with the plugin in minutes.

Original
beach couple

Modified
beach couple modified

Original
dirt road

Modified
dirt road modified

This is a great alternative that is free and runs on Linux, Windows and Mac OS X. It has many plugins also allowing you to have the flexibility to make your own or have them created for you. If you don’t mind learning something new to help your pocket book I highly recommend it.

To find out more about GIMP use the links below.

Official Website
Features
Plugin Registry

Posted by Beau Durrant

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
Ping This!
Posted in web | April 21st, 2010 | Comments: 0

I am not going to debate in this post (you can find enough of that on the web), but just list 5 pros and cons for each technology. Each has it’s own uses and often more than one is used on the same site as an option for the viewer or fall back to reach a broader audience. There are lots of options out there for videos players, make sure you are using the one that fills your needs.

Silverlight 4

pros:
- DRM (Digital Rights Management)
- GPU acceleration for HD video rendering
- plays multiple video/audio formats
- IIS smooth video streaming
- out of browser (desktop applications)

cons:
- installed on 60% of computers
- only plays back on new MS (Microsoft) mobile devices
- design tools are Expression Blend/Design not Photoshop
- all development must be done on Windows
- proprietary technology

Flash 10

pros:
- installed on 98% of computers
- custom UI with vector art
- FMS (Flash Media Server) Streaming and Security
- development on Mac and Windows
- out of browser (Adobe Air)

cons:
- only plays on mobile devices with the 10.1 release (not yet available – May or June)
- GPU acceleration only with 10.1 release (not yet available – May or June)
- proprietary technology
- fragmented non-standard players (without the use of the Adobe OSMF)
- development toolkits (Flash & Flex) both cost to make applications

HTML5

pros:
- open standards
- works with new mobile devices
- development on Mac, Windows and Linux
- free development tools, no need to purchase software
- in the future it should work across all browsers and mobile devices (in theory)

cons:
- no full screen video
- no video standard (no h.264 playback in Firefox)
- can not be embedded
- only supported by new browsers
- won’t be finalized until 2022

Posted by Beau Durrant

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
Ping This!
Posted in video | April 9th, 2010 | Comments: 0

So you finally finished editing that Christmas slideshow you’ve been promising mom and she really, really wants to see it. If you’re like most people, you probably just hit the export button and sent her whatever file your editing program spits out by default.

Usually this works just fine. But this time mom forwarded the video to Aunt Lorraine and all hell broke loose! Aunt Lorraine couldn’t open the video! And it’s all your fault!  And to think that she carried you for nine and a half months…

Well, it sounds like it’s time for a quick lesson in video encoding.

The most popular video file formats are Quicktime (.mov) Windows Media (.wmv) and Flash (.flv). You might compare these file formats to things you can buy music on, like CD’s, Records, and Cassette Tapes. Just as CD’s, Records, and Cassettes can all contain audio, mov’s, wmv’s, and flv’s can all contain audio and video. That’s why these file formats are called containers. And just like you need a Record player to play a Record, you need Quicktime Player to play Quicktimes.

Of course there are exceptions to this rule: just as CD’s can be played on things other than a CD player (like in a DVD player for instance), some programs other than Quicktime Player can play Quicktime files. But if Aunt Lorraine couldn’t play the .mov file you sent her, the first thing you should ask her is “Do you have Quicktime Player installed on your computer?”

If she says no, then you can tell her where to go. To download it, that is. I mean she’s almost 60, so you should show her a little respect. But if she says yes, she watches .mov files all the time (you nincompoop!), then well, it might have been your fault after all. That’s because choosing a kind of file (i.e. a container) Aunt Lorraine can play isn’t enough, you also have to choose content (that is to say, video and audio codecs) that her computer will be able to understand. And if you don’t understand, then let me go back to our things you can buy music on analogy.

Here’s another scenario involving you and me. Say you wanted to hear the story of Homer’s Odyssey as read by Roberto Benigni (ok, so you have obscure tastes). And since you drive a 1995 Honda Odyssey, you’d be eternally grateful if I could send it to you on Cassette. So I oblige. But the next day I get a call from you asking why I sent you a tape full of gibberish? It turns out you don’t understand Italian. (”It’s all Greek to me” you say.) No, what you wanted was a Cassette Tape of Roberto Benigni reading Homer’s Odyssey in English.

Just as you couldn’t decode the greek language used to describe Homer’s Odyssey, Aunt Lorraine’s computer couldn’t decode the particular video language (i.e. codec) used to describe your Christmas video. And just like spoken languages, there are probably hundreds of different video and audio codecs. You would need several hundred lessons in Italian to understand the tape I sent you. Luckily Aunt Lorraine’s computer just needs to install the codec used in your video file. It’s instant understanding. Her computer knows Kung-Fu.

Happily for us, even though there are tons of codecs out there, most programs stick to 3 or 4. It’s like how most people speak either English, Spanish, Hindi, or Chinese. Currently the most popular codec for video is H.264, while mp3 and aac are quite prevalent for audio, mostly because they all can give you very good quality video and audio, at a relatively small file size.

So just remember: When someone asks you to send them a video, you’ll want to know in what format and in what language. You can guess right 90% of the time, but 10% of the time they’ll get nothing but gibberish.

Posted by Eric Boudreau

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
Ping This!
Posted in web | April 6th, 2010 | Comments: 0

Twitter. You have heard of it. But is it useful for anything remotely useful? The easy answer would be “no”.

If it were easily dismissible, we can cross another new-fangled technology related trend off our over-crowded list of things to keep up with. Sorry, the answer is “maybe”.

If you are finding ever-trending technology simply exhausting, please read this post for its entertainment value only. If you you’d like to find out if Twitter fits into your ambitious social marketing strategy, hopefully the following stories will inspire.

This guy cares

Comcast Cares
Frank Eliason, arguably the most infamous customer service manager in the United States is using social networking every day to directly impact business operations. Eliason is monitoring Twitter all day every day – searching for signs of unhappy Comcast (an internet service provider) customers. On his dual screen set-up, one screen is dedicated to searching live tweets from people all over the country. He’s looking for Tweople (People on Twitter) who have chosen to voice their displeasure over poor service they’ve received from Comcast. Using his second monitor, opened to his Twitter account, he can reply to these tweets in real time and get in direct contact with these customers.

Sometimes the instant contact is enough to surprise and satisfy his unhappy customers. Other times, service calls are scheduled and problems are resolved in days rather than seconds. The ability for Comcast to read and respond instantaneously is changing the way the company does business and the way it’s perceived by it’s customers. This social media strategy has a direct influence on Comcast’s bottom line.

Tacos via Twitter
The Kogi Korean BBQ taco truck is a social media phenomenon in Los Angeles. It’s daily whereabouts is only available on Twitter. Check out this clip:

In these cases there is a direct correlation between social media and real results. The challenge is finding a platform that engages your clientele and then deciding how to use  it creatively. Don’t give up because the pace of change is scary – with every change comes opportunity. Plan carefully and test the waters – your real life social media success story may be just around the corner.

Posted by Neil Gilbert

Digg This
Reddit This
Stumble Now!
Buzz This
Vote on DZone
Share on Facebook
Bookmark this on Delicious
Kick It on DotNetKicks.com
Shout it
Share on LinkedIn
Bookmark this on Technorati
Post on Twitter
Google Buzz (aka. Google Reader)
Ping This!