Styling Progress Bar for All Browsers

Basic usage of the new HTML5 progress bar is as follows. The ratio of max to value is current progress value out of 100% and visibly equivalent to the green bar you see on screen. <progress value=”5″ max=”10″ /> Let’s say following is the default style in three major browsers say Firefox, IE and Chrome: progress { } In your application you would like to have a consistent styling for progress-bar across all platforms. However, this is highly dependent on OS and Web Browsers. Let’s now focus on fixing some of them by setting the border and height. Did you…

Read more

Fun with Yahoo Media Player!

A quick way to insert music in your site: Create hyper-links for few MP3 files Insert following script code to your page <script type=”text/javascript” src=”http://mediaplayer.yahoo.com/js”></script> You are done! Yahoo! Media Player will be loaded and it will make all media links clickable 🙂 Here are few of my favorite tracks. Use the play button to listen. Thanks to RadioReloaded.com. Tere Naina, Chandi Chowk To China (2009) Jaane Kyun Log Pyar Karte Hein, Dil Chahta Hai (2001) Akela hoon Mein, Raeth Gum Sum Ho Kyun, Aksar Ye Jo Mohabbat Hai, Dil Vil Pyar Vyar (2002) Mumma, Dasvidaniya (2008) Tujh Mein Rab…

Read more

Podcasting Making Easier

Here is how you can embed a mp3/song on a web page: <embed type="application/x-shockwave-flash" src="http://beemp3.com/player/player.swf" style="width: 290px;" id="126954385" name="126954385" bgcolor="#ffffff" quality="autohigh" wmode="transparent" flashvars="playerID=1&amp;bg=0xCDDFF3&amp;soundFile=http://www.tdfast.com/mfiles/headroom-Happy_Birthday_.mp3&amp;autostart=yes" allownetworking="internal" allowscriptaccess="never" width="290" height="24"> You should replace the mp3 file mentioned under soundFile variable. The autostart=yes variable causes the player to play mp3 immediately (it can be removed). You can follow this to add jingles on your friend’s scrap book. Here is an example of a Birthday jingle 🙂 For more information about customizing refer http://www.1pixelout.net/code/audio-player-wordpress-plugin/ – ankit

Read more