Friday

Comments

Post a Comment

Popular posts from this blog

Partial Polyfills

This is a quick one already discussed during my recent workshop in Warsaw, a concept rarely considered or adopted from JS developers. What Are Polyfills If we are updated enough to know ECMAScript 5th Edition, we probably know all possible shims and fallbacks for Array extras as well (e.g. Array.prototype.forEach ). Polyfills are simply snippets able to bring features already available for most recent browsers into those not updated yet. Why Polyfills If we develop with present and future in mind, we can take advantage of most recent techniques and solutions in order to both speed up via native support, where available, and maintain our application just stripping out code once all target browsers support them natively ... isn't this cool ?! Polyfills Side Effects The most common side effect of a polyfill is performances impact . The Array::forEach is already a good example of decreased performances. If we think about a forEach, it's nothing different than a classic for loop , e...
Read more

DOM Google Translator

Hi guys :-) I've just uploaded my last function on devpro that's compatible with most common browser. It's based on DOM and creates automatically translation request url to view a selected text or an entire page inside wonderful Google Translator free service page. Its usage is really simple: onload = function(){ document.body.appendChild( GoogleTranslator() ); }; With these example You'll append at the end of document.body a select with LANG - TRANSLATION values and a link. Returned div has exactly these two elements and You could customize them using your own CSS. Here You can view another example <style type="text/css"> #mytranslator { font-size: 8pt; font-family: Verdana, Helvetica, sans-serif; border: 1px solid silver; padding: 4px; background-color: #F5F5F5; color: #000; width: 160px; } #mytranslator select { font-size: 8pt; } #mytranslator a { display: block; color: #00F; text-decoration: none; border-bottom: 1px dotted black; }...
Read more

Function.prototype.notifier

There are way too many ways to stub functions or methods, but at the end of the day all we want to know is always the same: has that function been invoked ? has that function received the expected context ? which argument has been passed to that function ? what was the output of the function ? Update thanks to @bga_ hint about the output property in after notification, it made perfect sense The Concept For fun and no profit I have created a prototype which aim is to bring a DOM like interface to any sort of function or method in order to monitor its lifecycle: the "before" event, able to preventDefault() and avoid the original function call at all the "after" event, in order to understand if the function did those expected changes to the environment or to a generic input object, or simply to analyze the output of the previous call the "error" event, in case we want to be notified if something went wrong during function execution the "handlerer...
Read more