Nov 17

Do you utilize YouTube to host videos you create and want to share with the world at the best quality?  Has someone else created a YouTube video, but you are only interested in a portion of it for your blog or website?    Here are 2 tips that help ensure your audience has a better YouTube expereince:

Tip 1. Forcing the browser to use the High Quality version of the video

You may notice just under the lower right coner of the video window, some videos have an option to “Watch In High Quality”.  By default, these videos will play as a 320×240 FLV file at 320Kb/s.  Check out this sample:

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

The user could click on this link to “Watch in High Quality” which will reload the video and play the MP4 version , which is 480×360 at  512Kb/s.  By adding &fmt=18 to the end of the URL, you’ll make the URL you share with others bring them right to the high quality version.  Here’s the same video in the High Quality view:

http://www.youtube.com/watch?v=MBGeNeofk0A&fmt=18

What else are you gaining besides increased video resolution?  The video is compressed with H.264 compression, so you get better video even at the same data rate.  You also go from a low fidelity mono audio feed to stereo @ 44.1Khz sample rate.

 

&fmt=6 increases the resolution from 320×240 to 448×336, Flash 7 video @ 900Kbps; audio @ 44.1KHz 96Kbps Mono CBR.

&fmt=18 increases the resolution to 480×360, H.264 video @ 512Kbps; audio @ 44.1KHz 128Kbps Stereo. Note, the bandwidth may be lower, but it’s utilizing a more efficient compression codec.

UPDATE: &fmt=22 increaes the resolution to 720p HD video if the source was uploaded at a high enough resolution.

 

Tip 2. Advancing the video to a specific playback point.  

If you evern wanted to link to a video in YouTube that was lengthy, but had a very interesting part partway through, there is a hack to allow you to begin playback at a precise time.  You can specify the minutes and seconds of the start time like this:

add #t=53s to the end of the URL to start at 53 seconds into it:

http://www.youtube.com/watch?v=MBGeNeofk0A#t=53s

add #t=1m57s to the end of the video URL to start playback at 1 minute 57 seconds:

http://www.youtube.com/watch?v=MBGeNeofk0A#t=1m57s

Think of this as bookmarking your video clips!  Now you can link to a video, and have an index of the segments included, which link right to that precise moment!

Tags: , , , , ,

Nov 14

Here are 10 bits of code that you can include in your PHP development to do some cool stuff.  Why program it from scratch when you can use these?!

Tags: , , ,

Aug 24

Would you like to include a web-based tracking solution for your next project that can report your GPS coordinates from your cell phone? Do you want to do it for free? Here’s a great solution.

InstaMapper is a free application that you install on your phone, which continuously sends your GPS coordinates to their website, where they use the Google Maps API to generate a real time map of your location.  You can choose the refresh rate to balance accuracy with battery life in your phone.

This would be a great tool for someone who might be doing something like bicycle across the country to raise awareness of lung cancer and to encourage followers to quit smoking.  Whats more, they even have a Facebook app to embed the animated mapping software in your facebook account.

Tags: , , , ,

Aug 12

http://www.peakflowdesign.com/design/10-useful-css-tricks-to-conquer-the-world/

Tags: , ,

Jul 03

Are you an aspiring motion graphics designer? Here is some inspiration from 2 accomplished designers to get your creative juices flowing:

Eden Soto - http://www.edensoto.com
Demo Reel

Vitamin Devo - http://vitamindevo.com
Demo Reel (2004)
Mini Reel (2005)
Flash demo for his DJ work (2005)

Vitamin Devo

Tags: , , , , ,

Apr 27

Javascript Dropdown MenuThere are lots of scripts out there for making a dropdown menu in a website. Most of them are poorly coded or are too complicated for beginners to easily use. This one is clean and simple.

Tags: , , ,

Apr 24

If you are a Photoshop user, but like me often find yourself hopping on a public computer or at a friends house, and wishing you had Photoshop to make basic image edits, you’re in luck!

There are lots of free online image editors. Here are a couple I recommend:

Splashup.com
Splashup

Adobe Photoshop Express 
Adobe Photoshop Express

Tags: , ,

Mar 26

Cssbasics.com has clear and easy to follow examples and tutorials to learn CSS (Cascading Style Sheets). A must know skill for today’s web developer.  Check it out here.

Tags: , ,

Mar 25

Here’s a bunch of good looking Wordpress themes. Enjoy!

Wordpress Themes

beautiful-wordpress-themes-40.gif

Tags: , ,

Mar 25

Gotoandlearn.com has a ton of very well produced Flash video tutorials. Definitely worth checking out, and the price is right (free) :)

http://www.gotoandlearn.com

as3sound.gif

Tags: , , , ,