Brian Hadaway

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: If you want to use this with jQuery 1.7.1 you’ll need to change the following line in jquery.audiocontrol.js: $player.remove(audio) with $player.remove("audio") Thanks to Benjamin Desmarez at Guitar-Pro.com calling this bug to my attention. I wanted to create a simple one-button audio player using HTML5 that would be suitable for playing samples of audio tracks. This one-button player would toggle [...]

Bloomberg Sports Front Office 2011

Brian — Thu, 14 Apr 2011 17:04:49 +0000

Bloomberg Sports Front Office 2011 contains a set of preseason and in-season tools that make draft, free-agent, trade and lineup optimization recommendations for fantasy baseball players.

Dear Java Developers

Brian — Fri, 08 Apr 2011 14:19:16 +0000

Dear Java Developers, Please add a DOCTYPE to your JSPs. Firefox, Chrome and Safari are smart enough to figure it out, but Internet Explorer freaks out and goes into quirks mode when you don’t include a DOCTYPE. This makes everything look like crap in IE (more than usual) and results in lots of headaches for testers [...]

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 [...]