Author Archives: Brian
iPhone-Style Alphabetical Contact List with HTML, CSS and JavaScript (jQuery)
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
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 [...]
Posted in Front-End Development Tagged CSS, CSS3, html5, media queries, progressive enhancement, responsive design 3 Comments
HTML5 Audio Player with Flash Fallback
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
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.
Posted in Work Comments closed
Dear Java Developers
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 [...]
Posted in Front-End Development, Quick Tips Leave a comment
HTML5 Audio Support on Android Devices
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
I created a test page using the most basic implementation of the HTML
Make @font-face Work on Android Devices
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
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 [...]
OGG Files Causing Errors in HTML5 Audio Player in Firefox