Tuesday, October 22, 2013

Browser rendering performance testing - document.createfragment vs jquery-element

After reading the post on browser rendering perforamnce, I tried some performance tests. You can see the test in the following url:










See the chrome result. Doing with jquery element is faster than doing with document.createDocumentFragment. Surprising for me!!

Wednesday, October 16, 2013

Tuesday, October 1, 2013

Browser specific CSS Hacks

11:49 AM Posted by Unknown , , , , , , , No comments
1. Webkit browser

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* put your styles here */
}

2. IE8

use the \0/ attribute

.elementclass
{
width: 50px\0/; /* This will get only applied to IE8 */
}

3. IE7

use the *

.elementclass
{
*width: 50px; /* This will get only applied to IE7 */
}

4. IE9
using the :root attribute


:root .elementclass
{
/* this style will be applied to IE9 only */
padding-top: 5px;
}