While using RecordRTC to record HTML5 webcam video/audio in the browser, I was miffed to find no duration or length property available upon deep introspection of the various types involved (MediaStream, MediaStreamTrack, RecordRTC itself, Blob, File). It turns out that the streams themselves don’t have finite durations, which sort of makes sense if you consider …
Read More
Beware of Lucene DAO when constructing queries
When using Lucene in Java or Scala, you may be tempted to skip the QueryParser and use the “DAO” (for lack of a better term) to construct queries using the classes provided. It is generally a best practice to use DAOs and such abstractions when available over raw query compilation for a variety of reasons, foremost …
Read MoreFixing autocomplete (autofill) on AngularJS form submit
Many browsers support autocomplete but do not trigger “change” events on inputs when the user initiates autocomplete. This is a problem for many libraries and code in the wild that rely on performing some action (e.g. input validation) when input data change. With respect to AngularJS forms, the problem becomes obvious if you are using …
Read MoreHow to use rich objects and typed objects with Bootstrap Typeahead
The JS components of Twitter Bootstrap are somewhat lacking in functionality when compared to well established plugins that do the same things (autocompletes, tooltips, etc.). However, I still use them on Bootstrap projects just because it is nice to have homogeneous interfaces to things—and, of course, it is easy then to jump on other Bootstrap …
Read MorePHP error_reporting E_STRICT at runtime
Often times PHP applications configure error_reporting at runtime, perhaps because it appears to be more bootstrappable:
|
1 2 3 4 5 6 7 |
<? error_reporting(E_ALL & ~E_NOTICE); // ...or... ini_set('error_reporting', E_ALL & ~E_NOTICE); ?> |
In dev environments, it is often desirable to log errors of level E_STRICT to be warned about practices that are “deprecated or not future proof.” Unfortunately, enabling E_STRICT at runtime using one of the methods above will never …
Read MoreDecoupling JS and HTML with AngularJS
The primary reason for the influx of interest in JavaScript MVC frameworks is improving separation of concerns between HTML and JS. I’m going to demonstrate why decoupling of HTML and JS is so important and how AngularJS helps solve the problem. Why decoupling is so important Traditional DOM selection, traversal, and manipulation is the root …
Read MoreHTML5 Canvas Gradient Creator
There are plenty of CSS3 gradient creators out there, but much to my surprise there was not a single gradient creator for HTML5 <canvas /> to be found. Thus I present to you the only one of its kind, the HTML5 Canvas Gradient Creator. Features Visual point-and-click, drag-and-slide creation of gradients for HTML5/JS canvas 1-n color …
Read MoreSolving AngularJS empty select option caused by jQuery UI effect
If you’re anything like me, while working with AngularJS you will soon want to integrate your “standard library” of jQuery and UI plugins into AngularJS directives. Recently on the job, I wrote an AngularJS directive to apply a jQuery UI effect to an element—I wanted to briefly shake a small form if an input was …
Read MoreOld Fashioned Metronome in AngularJS, HTML5, and CSS3
This went from a fun Saturday project inspired by a suggestion from my brother to a weekend-long, no-holds-barred tapping into some of the more powerful browsers’ HTML5 and CSS3 feature sets within the context of AngularJS. Check out the full screen app here. Features Responsive Can update the tempo while metronome is on (try tabbing …
Read MoreMake AngularJS $http service behave like jQuery.ajax()
There is much confusion among newcomers to AngularJS as to why the $http service shorthand functions ($http.post(), etc.) don’t appear to be swappable with the jQuery equivalents (jQuery.post(), etc.) even though the respective manuals imply identical usage. That is, if your jQuery code looked like this before:
|
1 2 3 4 5 |
(function($) { jQuery.post('/endpoint', { foo: 'bar' }).success(function(response) { // ... }); })(jQuery); |
You may find that the following doesn’t exactly …
Read More