Rails asset pipeline solution for IE 4096 selector/stylesheet limit

We have an automated (albeit somehow awkward) solution working in production for a Rails 3.1 app with asset pipeline in place. Ryan already referenced the solution in his question but I try to come up with a more comprehensive answer. The asset pipeline pipes an asset through different Sprocket engines. So you might have e.g. … Read more

JavaScript backtick multiline string not working in Internet Explorer

Problem The backtick syntax for a string is a Template Literal, which allows for interpolation of variables within a string and multiline strings. They are not supported by Internet Explorer 11 (see more here: ECMAScript 6 compatibility table). Solution You can use a transpiler, such as the ever-popular Babel. This will convert the template literal into the … Read more

what does this comment /*@cc_on!@*/0 do inside an if statement in javascript?

@cc_on Statement is the conditional compilation flag for IE(< 11) browser @cc_on Statement (JavaScript) Activates conditional compilation support within comments in a script. Caution Conditional compilation is not supported in Internet Explorer 11 Standards mode and Windows Store apps. Conditional compilation is supported in Internet Explorer 10 Standards mode and in all earlier versions. /*@cc_on … Read more

IE11 meta element Breaks SVG

It sounds as though you’re not in a modern document mode. Internet Explorer 11 shows the SVG just fine when you’re in Standards Mode. Make sure that if you have an x-ua-compatible meta tag, you have it set to Edge, rather than an earlier mode. <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> You can determine your document mode by … Read more

filter: progid:DXImageTransform.Microsoft.gradient is not working in ie7

Having seen your fiddle in the comments the issue is quite easy to fix. You just need to add overflow:auto or set a specific height to your div. Live example: http://jsfiddle.net/tw16/xRcXL/3/ .Tab{ overflow:auto; /* add this */ border:solid 1px #faa62a; border-bottom:none; padding:7px 10px; background:-moz-linear-gradient(center top , #FAD59F, #FA9907) repeat scroll 0 0 transparent; background:-webkit-gradient(linear, left … Read more

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)