Which is faster: $('') vs $(''

test on jsPerf: http://jsperf.com/appendchild-vs-append-with-text/2

How to design empty state application page

Hey, there's a special tumblr accont to get an inspitation for this:

http://emptystates.tumblr.com/

html vs dthml vs xhtml differences

Source: http://milhaniqbal.com/webplatform-the-new-site-for-web-standards/140

I. The basics

HTML and XHTML are different sematics, while dHTML (DHTML) is a name of technology.Using DHTML pretends to use HTML, CSS and Javascript together to create dynamic web pages and response to what a user does on a page.

XHTML 1.0 as a standard was published in 2000. Shortly after this working group started discussions of XHTML 2.0 which is still work. See reports on w3.org

II. MIME type

XHTML has to have application/xhtml+xml, application/xml, or text/xml  type.

III. The Semantics

XHTML has stricter rules semantically as an extension of XML.

For example: 

• XHTML elements must be properly nested.
• XHTML elements must always be closed.
• XHTML elements must be in lowercase.
• XHTML documents must have one root element.
• XHTML elements must quoted attribute values

and others here on w3.org

The root element of an XHTML document must be html:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

jquery get events on element

You can get event listeners attached to a DOM element using:

$._data($(SELECTOR).get(0), "events")

before v1.9 in was also possibe by calling

$(SELECTOR).data("events")

but by no this one is deprecated.

More info on this: http://blog.jquery.com/2011/11/08/building-a-slimmer-jquery/

image sprites collection

wireframe vs mock-up vs prototype

Nice and small presentation on slideshare about the key idea of those concepts and their order during UI development: http://www.slideshare.net/voutulny/wireframe-vs-mockup-why-and-when

document. Object properties

document.documentElement
References the root element of the document, in the case of HTML documents, the html element. This read only property is useful for accessing all elements on the page, such as the HEAD.

document.compatMode
The two possible values returned are "BackCompat" for Quirks and "CSS1Compat" for Strict.

document.documentMode 
IE8 only property


document.readyState
IE property. Supported in Opera 9+, Chrome, and FF 3.6+ as well.

Returns the loading status of the document. It returns one of the below 4 values:
 

uninitialized	The document hasn't started loading yet.
loading	The document is loading.
interactive	The document has loaded enough whereby user can interact with it.
complete	The document has fully loaded.

See also:
Defining Document Compatibility : http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx

DOM Document Object properties: http://www.javascriptkit.com/domref/documentproperties.shtml