JavaScriptMVC has some great convenience functions for accessing Controllers and Models associated with elements. These functions can really speed up development and debugging. Here I’ll show you how to use the Chrome Developer Tools’ $0 token to make these convenience methods even more convenient. First let’s look at few examples of how to use the… Read more »
Posts Categorized: Front-End Development
JavaScriptMVC Anti-Patterns
In early 2011, I was faced with the task of recommending a framework for a complex JavaScript application. I resisted the urge to build my own MV* framework and instead opted to learn how to use one of the battle-tested options. I considered several frameworks including JavaScriptMVC, Backbone and KnockoutJS before ultimately deciding on JavaScriptMVC…. Read more »
UbaPlayer – The jQuery HTML5 Audio Player with Flash Fallback
I received a lot of questions and feedback about my HTML5 Audio Player with Flash Fallback, so I decided to rewrite it to fix some bugs and add some of the most requested features and call it UbaPlayer. This is a full rewrite of my previous jquery.audiocontrol.js. If you’re still using jquery.audiocontrol.js, STOP and update… Read more »
OGG Files Causing Errors in HTML5 Audio Player in Firefox
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… Read more »
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… Read more »
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 aren’t… Read more »
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… Read more »
How HTML5 Audio Controls Render In Modern Browsers
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
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.
Recent Comments