Comments on: How to use Modernizr

By: David Kartuzinski

David Kartuzinski — Mon, 07 May 2012 09:04:10 +0000

Thanks for your answer. I appreciate your time on this.

I will check by often!

-DK

By: Tarun Sharma

Tarun Sharma — Mon, 07 May 2012 05:37:00 +0000

Yep you are right, Selectivizr is only to support lower browser.

Ya i use it because i want my design should look as closer as possible in modern browser and in old browsers.

for example: suppose we do have a section where i do have 3 rows 5 columns created by and we need 5px right margin in it.

In that case we need to use nth-child to remove margin from every in 5th(last) column.

Selectivizr make my work easy otherwise i do need to put a class in every in 5th column and in case if it’s dynamic. Then you can imagine it’s not good way to add class manually :)

Thanks

By: Chandan Kumar

Chandan Kumar — Mon, 07 May 2012 03:22:19 +0000

yalli use for round corner
in i.e

behavior:url (border-radius.htc);
file

By: David Kartuzinski

David Kartuzinski — Sun, 06 May 2012 22:57:49 +0000

Thank you. Seems obvious now, but for some reason I was seeing this. Would agree that there would be very little reason to add Selectivizr unless you HAD to support the lower IE 6-8 and were coding structural things with the various selectors?

Do you use Selectivizr in your websites?

Thanks, again.

-DK

By: Tarun Sharma

Tarun Sharma — Sun, 06 May 2012 14:59:15 +0000

Hye David!!

Both libraries are totally different. Selectivizr use to support selectors for old browsers, and Modernizr use for HTML5 and CSS3.

Selectivizr use to support tags for example.

#something > div:nth-child(2n) {
}

Now as you may know ‘>’ and ‘nth-child’ not support in IE6, but by Selectivizr it’ll start work on IE6 too.

Modernizr use to support HTML5 tags : header, footer, section, in old browsers by googlesim script. Modernizr also use for conditions to check if any particular HTML5 API, or any CSS3 support in any browser or not. For example:

.no-boxshadow #something {
// declaration goes here will apply only in browser boxshadow not support
}

or you can check in javascript:

if(Modernizr.video) {
// Modernizr.video return true only if browser support HTML5 video
}

By: David Kartuzinski

David Kartuzinski — Sun, 06 May 2012 14:19:49 +0000

Hi! Can you explain the difference between Modernizr and Selectivizr. It seems to me, that Modernizr would do everything that Selectivr does without the need to load two separate Javascript files? I am asking because I see that the people at 320 and Up, are using both in their framework and am trying to figure why? (I am still getting into this, but I am now trying to create my own base responsive template for wordpress and that is why I have this question.)
Thanks. by the way, this is the best explanation of Modernizr I have seen!
-DK

By: chandan

chandan — Fri, 13 Apr 2012 11:39:11 +0000

i do this without js multiple bg on ie7, 8, 9 and all browsers

thanks for thouhts

background: url(images/2.jpg) center top no-repeat,

url(images/1_small.jpg) bottom fixed repeat-x;
url(images/2_small.jpg) center left repeat-x,
url(images/2_small.jpg) bottom right no-repeat;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src=’1_small.jpg’, sizingMethod=’crop’); /* IE6-7 */
-ms-filter: “progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’images/3_small.jpg’, sizingMethod=’crop’)”; /* IE7 only */

thanks for all

By: okan özkan

okan özkan — Fri, 06 Apr 2012 08:45:11 +0000

Thanks for this – very nicely written & should be part of Modernizr’s standard documentation.

By: useful blogs and sites | Pearltrees

useful blogs and sites | Pearltrees — Mon, 02 Apr 2012 11:34:48 +0000

[...] Web Designer Notebook » How to use Modernizr There is a tool that came to make our lives as progressive web designers a bit easier: Modernizr. In this short tutorial, learn how to apply this handy script to maximum effect on your sites. [...]

By: Jay

Jay — Wed, 07 Mar 2012 19:34:00 +0000

Got it, thanks for all your help Tarun.