geekstuff

Video

Wed, 31 Oct 2012 16:59:00 +0100

"I have a text editor I’ve been using myself that is so complicated it makes VIM look like Notepad —..."

Fri, 28 Sep 2012 10:57:00 +0200

“I have a text editor I’ve been using myself that is so complicated it makes VIM look like Notepad — maybe I’ll release that.”

- Linus Torvalds http://typicalprogrammer.com/?p=143

Qucik Chrome Developer Tools tutorial with Paul Irish: Become a...

Mon, 03 Oct 2011 12:00:38 +0200

Qucik Chrome Developer Tools tutorial with Paul Irish: Become a Javascript Console Power-User

How Google makes improvements to its search algorithm

Fri, 26 Aug 2011 17:50:20 +0200

How Google makes improvements to its search algorithm

Google I/O 2011: HTML5 Showcase for Web Developers:The Wow and...

Fri, 13 May 2011 11:45:17 +0200

Google I/O 2011: HTML5 Showcase for Web Developers:The Wow and the How

fromme-toyou: Busy day in Manhattan… but there’s always time...

Thu, 12 May 2011 20:43:58 +0200

fromme-toyou:

Busy day in Manhattan… but there’s always time for the paper.

Our (CSS) Best Practices Are Killing US

Thu, 05 May 2011 09:12:27 +0200

Our (CSS) Best Practices Are Killing US

ECMA-262, 5th Edition

Wed, 04 May 2011 12:55:38 +0200

ECMA-262, 5th Edition:

A survey of the latest JavaScript specification

Reducing map: jQuery vs jQuery vs JavaScript

Wed, 04 May 2011 12:23:14 +0200

Reducing map: jQuery vs jQuery vs JavaScript:

…today we’re going to do a bit of “compare & contrast” on the map function: jQuery vs jQuery vs JavaScript!

How to mess up a PC running Windows 7? - Super User

Fri, 29 Apr 2011 13:49:41 +0200

How to mess up a PC running Windows 7? - Super User

"ELEMENT clientHeight, clientLeft, clientTop, clientWidth, focus(), getBoundingClientRect(),..."

Wed, 27 Apr 2011 15:23:06 +0200

“

ELEMENT
clientHeight, clientLeft, clientTop, clientWidth, focus(), getBoundingClientRect(), getClientRects(), innerText, offsetHeight, offsetLeft, offsetParent, offsetTop, offsetWidth, outerText, scrollByLines(), scrollByPages(), scrollHeight, scrollIntoView(), scrollIntoViewIfNeeded(), scrollLeft, scrollTop, scrollWidth

FRAME, IMAGE
height, width

RANGE
getBoundingClientRect(), getClientRects()

SVGLOCATABLE
computeCTM(), getBBox()

SVGTEXTCONTENT

getCharNumAtPosition(), getComputedTextLength(), getEndPositionOfChar(), getExtentOfChar(), getNumberOfChars(), getRotationOfChar(), getStartPositionOfChar(), getSubStringLength(), selectSubString()

SVGUSE

instanceRoot

WINDOW

getComputedStyle(), scrollBy(), scrollTo(), scrollX, scrollY, webkitConvertPointFromNodeToPage(), webkitConvertPointFromPageToNode()

”

- FunctionSource: Don’t Be Trigger Happy; How To Not Trigger Layout

DOM, HTML5, & CSS3 Performance

Wed, 27 Apr 2011 13:55:00 +0200

DOM, HTML5, & CSS3 Performance

Git Cheatsheet

Tue, 19 Apr 2011 17:36:05 +0200

Git Cheatsheet

Mobile Application Development: Web vs. Native

Wed, 13 Apr 2011 10:39:01 +0200

Mobile Application Development: Web vs. Native:

Web apps are cheaper to develop and deploy than native apps, but can they match the native user experience?

Download the new Vimeo iPhone app!

Tue, 12 Apr 2011 21:53:15 +0200

Download the new Vimeo iPhone app!:

The Official Vimeo iPhone app is finally here!

We’ve packed all the best parts of Vimeo into this baby. Now you can upload, watch, manage and even edit your videos right from your iPhone. This is just the beginning, so stay tuned for regular updates with feature improvements. For now, go download it from the app store!

The 'new' keyword and the revealing module pattern

Thu, 07 Apr 2011 12:18:39 +0200

The following is the regular way of using a constructor. What it does it actually returns “this”, like having a secret return this; at the end. If functions(methods) are not added to the prototype they are created each time for each object.

function Person(name, age, job){
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function(){
        alert(this.name);
    };
};

var person1 = new Person(‘Foo’, 99, ‘Javascript’);
var person2 = new Person(‘Bar’, 15, ‘UX’);

alert(person1 instanceof Object);//true
alert(person1 instanceof Person);//true

alert(person1.sayName == person2.sayName);//false

This is the revealing module pattern. It overrites the return of “this” by returning our own custom object when we use new with it. By doing this we loose the link to the constructor. All properties and methods are created each time regardless of using new or not with it.

function Person(name, age, job){
    var name = name;
    var age = age;
    var job = job;
    var sayName = function(){
        alert(this.name);
    };
    return{
        name: name,
        age: age,
        job: job,
        sayName: sayName
    }
};

var person1 = new Person(‘Foo’, 99, ‘Javascript’);
var person2 = Person(‘Bar’, 15, ‘UX’);

alert(person1 instanceof Object);//true
alert(person1 instanceof Person);//false

alert(person1.sayName == person2.sayName);//false

To use constructors with the module pattern we can use the following pattern, a module that returns a constructor:

var Person = (function () {
        // private properties and methods
var Constr, private, secret,
        // public API
        Constr = function (name) {
            this.name = this.sayName(name);
        };
        // public API — prototype
        Constr.prototype = {
            constructor: Person,
            sayName : function(str){
                return str;
            }
        };
    // return the constructor
    return Constr;
}());

var person1 = new Person(‘Foo’);
var person2 = new Person(‘Bar’);

alert(person1 instanceof Object);//true
alert(person1 instanceof Person);//true

alert(person1.name== person2.name);//false
alert(person1.sayName == person2.sayName);//true

The methods are not created twice for each instance, and we can also keep a reference from the new object to the constructor.

Web Accessibility Toolbar 2011

Tue, 05 Apr 2011 14:12:36 +0200

Web Accessibility Toolbar 2011:

WAT 2011

additional features for inspecting images, skip links and tables developed by Jim Thatcher
bundled the aViewer application with the WAT
added back-in a references menu
Toolbar button to access the developer tools panel built in to Internet Explorer
HTML5 conformance checking
ARIA Landmark role display
HTML5 section elements display
removed a bunch of features that need updating or are obsolete.

When is a stylesheet really loaded? / Stoyan's phpied.com

Thu, 31 Mar 2011 10:39:00 +0200

When is a stylesheet really loaded? / Stoyan's phpied.com:

Often we want to load a CSS file on-demand by inserting a link node. And we want to know when the file finished loading in order to call a callback function for example.

Das Racist – Sit Down, Man

Tue, 29 Mar 2011 15:30:00 +0200

iframe scrollbars and borders in HTML5 – working with “seamless”

Tue, 29 Mar 2011 14:34:52 +0200

iframe scrollbars and borders in HTML5 – working with “seamless”:

Are you trying to use an in your HTML5 document and finding that there are some attributes that are not valid?

Chances are, you are using the frameborder and/or scrolling attributes.

In HTML5, these two attributes are considered obsolete. It is recommended that authors use a combination of CSS (to style the as needed) and the new HTML5 seamless attribute.