Brian Hadaway

UbaPlayer – The jQuery HTML5 Audio Player with Flash Fallback

Brian — Sat, 17 Mar 2012 16:15:25 +0000

About a year ago, I wrote a simple HTML5 Audio Player with Flash Fallback. I received a lot of questions and feedback about the player, so I decided to rewrite it to fix some bugs and add some of the most requested features and call it UbaPlayer. UbaPlayer is free and open source (GPL/MIT). Download [...]

OGG Files Causing Errors in HTML5 Audio Player in Firefox

Brian — Sat, 04 Feb 2012 18:36:30 +0000

About a year ago I created an HTML5 Audio Player with Flash Fallback that several developers have used in their sites. It’s not the most robust player, but what it lacks in features it makes up for in simplicity. It plays audio files natively in modern browsers and uses a simple Flash player to backfill [...]

iPhone-Style Alphabetical Contact List with HTML, CSS and JavaScript (jQuery)

Brian — Wed, 04 May 2011 16:40:23 +0000

Here’s what you’re most likely looking for – the demo and the source. Feel free to read the explanation while you’re here. Front-end developers are often called on to build UI elements that aren’t entirely original. Whether the cause of this phenomenon is a lack of creativity on the part of designers or a particular affinity [...]

Responsive Web Design Using CSS3 Media Queries

Brian — Fri, 29 Apr 2011 21:25:44 +0000

Responsive web design is a type of progressive enhancement that uses fluid grids, flexible-size images and media queries to optimize a website for a users’ specific viewing context. At its core, responsive web design is about adjusting layout, typography and imagery to provide a consistent, device-independent web experience. Fluid grids and flexible size images [...]

HTML5 Audio Player with Flash Fallback

Brian — Fri, 15 Apr 2011 16:12:24 +0000

UPDATE (Mar 17, 2012): I recently rewrote jquery.audiocontrol.js as a new plugin, UbaPlayer, which includes many features requested by users over the past year. UbaPlayer is conceptually similar to the old player but more flexible. Keep this in mind as you read the comments below – they may not apply to ubaPlayer. I wanted to create [...]

HTML5 Audio Support on Android Devices

Brian — Thu, 24 Mar 2011 20:50:01 +0000

UPDATE: Here’s a new post about a cross-browser HTML5 audio player with Flash fallback that effectively solves the problem described below. In a previous post, I mentioned that I wanted to see first-hand how each browser renders default controls for the HTML5 audio element. I created a simple demo page and tested it in the following [...]

How HTML5 Audio Controls Render In Modern Browsers

Brian — Wed, 23 Mar 2011 21:51:33 +0000

I created a test page using the most basic implementation of the HTML tag so I could see how modern browsers render the default controls. As is the case with almost everything browser-related, there is quite a bit of discrepancy in how each browser renders the controls.

Make @font-face Work on Android Devices

Brian — Tue, 15 Mar 2011 20:55:16 +0000

If you use FontSquirrel to generate @font-face kits you may have noticed that they abandoned the Smiley method of generating CSS in favor of newer methods like FontSpring or Mo Bulletproofer.

Flash Developer Job Interview Questions

Brian — Thu, 20 May 2010 16:21:20 +0000

I recently changed jobs. I interviewed with multiple people at several companies over the course of a few weeks. In all, I talked to 20-30 people about Flash Developer positions. While the task of juggling multiple interviews while still working for my former employer was quite challenging, I have to say that I really enjoyed [...]

Touch vs. Gesture

Brian — Fri, 14 May 2010 04:12:59 +0000

Thanks to devices like the Droid, Storm and iDevices the touch paradigm is much more familiar to users than it was a few years ago. That familiarity coupled with Flash Player 10.1’s multi-touch support means that Flash developers can finally develop apps tailored to touchscreen input. The prevalence of touchscreens has spawned a new vocabulary [...]