Comments on: How to use Modernizr http://webdesignernotebook.com/css/how-to-use-modernizr/ Web Designer Notebook is a blog for web designers featuring topics like CSS, HTML and Wordpress, tutorials, reviews and inspiration. Thu, 09 Sep 2010 15:45:56 +0000 hourly 1 http://wordpress.org/?v=abc By: reve http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-9100 reve Wed, 08 Sep 2010 03:12:04 +0000 http://webdesignernotebook.com/?p=976#comment-9100 when you view the source, most browsers show you the source sent from the server, they wont show you the current source that may have been changed by javascript/ajax. firefox dev toolbar allows you to see the current source. when you view the source, most browsers show you the source sent from the server, they wont show you the current source that may have been changed by javascript/ajax.

firefox dev toolbar allows you to see the current source.

]]> By: Philip Wallage http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-8846 Philip Wallage Mon, 23 Aug 2010 13:33:36 +0000 http://webdesignernotebook.com/?p=976#comment-8846 To style HTML elements for IE you just need to code them like you normally do then open your car door, stick your had in and close it as hard as you can. :) To style HTML elements for IE you just need to code them like you normally do then open your car door, stick your had in and close it as hard as you can. :)

]]> By: Daniël http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-8217 Daniël Tue, 06 Jul 2010 11:32:15 +0000 http://webdesignernotebook.com/?p=976#comment-8217 How do I style the html5 elements to work with IE? How do I style the html5 elements to work with IE?

]]> By: Modernizr browser feature detection « Andrew Sellick http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-8201 Modernizr browser feature detection « Andrew Sellick Sun, 04 Jul 2010 22:47:57 +0000 http://webdesignernotebook.com/?p=976#comment-8201 [...] Why not also check out this Modrenizr tutorial [...] [...] Why not also check out this Modrenizr tutorial [...]

]]> By: Okonomiyaki3000 http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-7405 Okonomiyaki3000 Thu, 13 May 2010 08:59:03 +0000 http://webdesignernotebook.com/?p=976#comment-7405 If you want to avoid the need to update your stylesheets when CSS3 becomes standard and widespread, the solution is simple. Don't use any CSS3 now or then. Personally, I see no reason not to use it now. If you want to avoid the need to update your stylesheets when CSS3 becomes standard and widespread, the solution is simple. Don’t use any CSS3 now or then.

Personally, I see no reason not to use it now.

]]> By: Vali http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-6918 Vali Sun, 04 Apr 2010 12:21:06 +0000 http://webdesignernotebook.com/?p=976#comment-6918 Thanks John, forgot to mention that's how I spotted the classes! V Thanks John, forgot to mention that’s how I spotted the classes!

V

]]> By: John Stephens http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-6917 John Stephens Sun, 04 Apr 2010 12:06:08 +0000 http://webdesignernotebook.com/?p=976#comment-6917 The classes are visible when you view source using Webkit's Web Inspector (included in the Safari's "Develop" menu, for instance) or Firebug. The classes are visible when you view source using Webkit’s Web Inspector (included in the Safari’s “Develop” menu, for instance) or Firebug.

]]> By: Vali http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-6914 Vali Sun, 04 Apr 2010 09:30:02 +0000 http://webdesignernotebook.com/?p=976#comment-6914 Good to point out that after activating Modernizr on your page, if you view your browser source code you don't see the new classes that Modernizr has added - but they are there! I spent an hour or two trying to 'fix' this when all the time it was working. So have confidence and go ahead and try making use of these new classes to define what is displayed for HTML5 ready browsers and what's not. Vali Good to point out that after activating Modernizr on your page, if you view your browser source code you don’t see the new classes that Modernizr has added – but they are there! I spent an hour or two trying to ‘fix’ this when all the time it was working.

So have confidence and go ahead and try making use of these new classes to define what is displayed for HTML5 ready browsers and what’s not.

Vali

]]> By: Alfy http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-6695 Alfy Thu, 01 Apr 2010 08:01:03 +0000 http://webdesignernotebook.com/?p=976#comment-6695 Post very useful and easy to understand. But if I wanted apply Modernizr to the tag h1 ? Ex. if it is supported the shadow show it, otherwise not show the shadow . Post very useful and easy to understand. But if I wanted apply Modernizr to the tag h1 ?

Ex.
if it is supported the shadow show it, otherwise not show the shadow .

]]> By: Yaili http://webdesignernotebook.com/css/how-to-use-modernizr/#comment-5820 Yaili Thu, 18 Feb 2010 11:28:23 +0000 http://webdesignernotebook.com/?p=976#comment-5820 Hi wimal, Browsers that don't support box-shadow and rounded corners will ignore them already, no need for an extra script for that. Hi wimal,

Browsers that don’t support box-shadow and rounded corners will ignore them already, no need for an extra script for that.

]]>