Are there specific Conditional Comments available for older versions of Firefox? (eg 3.0)
No, they are only supported by IE.
There are CSS hacks though. See: http://perishablepress.com/press/2009/06/28/css-hacks-for-different-versions-of-firefox/
Not to my knowledge. As far as I know, conditional comments are an Internet Explorer-only feature.
QuirksMode.org agrees.
I am trying to create a solid fallback
for #font-face by initiating Cufón for
older browsers. Conditional comments
came to mind but perhaps there is
another route?
You just have to inject the cufón script tags conditionally.
Received an email from Faruk Ates the developer of [Modernizr][1]
[1]: http://www.modernizr.com/ confirming that it will do the trick.... and more:-)
Related
I have researched this an according to MediaRecorder.isTypeSupported Chromium does not support audio/ogg; codecs=opus. Does anyone know if there is an alternative to use with MediaRecorder or if Chrome is planning to add this?
Thanks
I think Chrome only supports "audio/webm; codecs=opus".
From the list of supported formats here, it appears it does not.
However, there are some libraries that help you record to alternative formats, as seen here: https://stackoverflow.com/a/57837816/2441655
Here is the situation - I am using the HTML5 "main" tag on my site, but as it turns out, IE doesn't support and it doesn't display it at all.
I am using the html5shiv script (https://code.google.com/p/html5shiv/) and was wondering if it will be a problem to include it non-conditionally - for all the browsers. Can I expect any problems with that?
In their site they don't mention anything about using it non-conditionally.
I tried using the "if IE" conditional tag, but it seems IE10 is too modern browser and it doesn't support it :D
Use
main {display: block;}
in your Stylehseet.
You should only use it with a conditional statement to identify IE versions that need it. There are many sample HTML5 DTD declarations on the net that implement html5shiv correctly and gave been tried and tested with many browsers.
Making websites that appear correctly in IE is a big problem. Is there any java script library to fix all CSS and other issues associated with Internet Explorer (7, 8, 9) and make it work like Google Chrome, Firefox?
use a doctype to make the page render in standards mode instead of quirksmode
Check out what properties in CSS you can use and what browser supports them
If you plan to use HTML5/CSS3 tech, then you should check the property and what browser is currently implementing these new tech
You can reset the CSS using a CSS reset to start off from scratch in your styles
If you need a stable ground to build on for your page, consider using a "base" style framework like Blueprint CSS's typography and forms CSS.
Use a toolkit like jQuery, Mootools, Dojo etc. This will speed up your JS development. But NEVER let JS do styling and style fixes. That's the work of CSS.
Ofcourse, never assume your design works at all. You must test on all available browsers, on the current version, 2 versions back, and on betas.
One important thing to remember is that different browsers respond differently to errors. So make sure your HTML and your CSS pass the W3C validator error free. That will go a long way in ensuring your site will look the same on different browsers.
Also, don't use quirks mode. Different browsers have different quirks!
If you are referring to some of the CSS3 styles, then I would suggest you look into CSS3 PIE.
Short answer is no but you can check which properties are not supported in IE with caniuse.com
http://selectivizr.com/ or http://css3pie.com/ will help you but they both won't work if js is disabled.
Read this if you're using html5 http://html5doctor.com/how-to-get-html5-working-in-ie-and-firefox-2/
And what Joseph said.
You could always check the results with http://browsershots.org/ but it's just a screenshot so it won't give you an idea for example of how things behave when you click/hover on them etc.
The short and simple answer is yes, you can target the older versions of IE using a combination of Modernizr and HTML5 Boilerplate. Modernizr is now included in the HTML5Boilerplate package.
For more details of an HTML5Boilerplate approach to this:
HTML5 Boilerplate, IE7 & 8
Example:
<!--[if IE 6]>You suck!<![endif]-->
Does it get its information from the user-agent?
These are called conditional comments, and are only supported by IE, so in short, they're a feature of IE.
See http://www.quirksmode.org/css/condcom.html for a more elaborate explanation.
To answer your question yes it takes information from the user agent but I will just work in IE and it won't work when you change the user agent in chrome or ff.
See this picture is from my windows NT (virtual pc) from ie6:
And I changed the user agent in from ie6 in this picture and you can see:
Internet Explorer's own rendering engine / parser looks for these conditionals inside all HTML comments as it builds the DOM from the markup. So they can go anywhere and will be interpreted in the same order they appear.
This is only valid for Internet Explorer. This will not be read from any other browser and will be taken as comment (that's why it is looking exactly as comment after all). It is not CSS but HTML comment, where IE knowns if the version match to do what is inside - to load css or something else.
It is a IE-specific (and other MS products) functionality only.
Addition: Such clause is used by Outlook also in HTML email messages: <!–[if gte vml 1]>
According to MSDN, IE conditional comments are using Version Vectors that grab the version of IE and Windows Version that the browser is running on. The comments are basically skipped by Firefox and all different browsers since they sit inside an HTML comment. But as IE is supposed to read those, it basically does not skip those specific ones.
I think you have it the other way around: the browser itself renders the CSS if and only if the browser can parse the instruction (in this case, the [if IE] instruction) it's not the server that is serving out dynamic CSS depending on the user-agent.
IE5.5+ has supported the CSS attribute "filter" where you convert a color image into grayscale using just CSS.
filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
Do other browsers support a similar CSS tag without using JavaScript?
No. Filters are tied to ActiveX.
One example of how to achieve greyscaling in other browsers, but it does use JavaScript.
No they do not. Realistically you shouldn't be using those in cross-browser web development unless it is to make IE work in ways the other browsers don't. The obvious example is PNG support.
You can check out: http://snipplr.com/view/2836/grayscale-img-with-css-crossbrowser/
I hope it helps. I would still recommend using server-side for image manipulation, or Photoshop.
I'm pretty sure Opera supports some of the MS stuff. Haven't been able to find out exactly what parts they do support.