CSS3 Pie

Just discovered a nice way to achieve all of those lovely CSS3 features on IE6-8.  Previously I had generally used an IE specific CSS and images (Yeah I know nasty right?).  CSS3 Pie uses a bit of JavaScript to "fix" the missing border shadow and linear gradient CSS properties in IE6-8.

Now if we are fair IE7-8 can perform Linear gradients with a directX filter, e.g.

progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffdddddd);

But this is not perfect* and does not cover IE6.  If only everyone was on IE9, FF or Safari.

*Anti-alias text issues, click behaviour can be effected etc.

Comments

Post a Comment

Popular posts from this blog

IE9 Intranet compatibility mode in Intranet websites

So you have written an HTML5 site on your local intranet with some lovely CCS3 and run it up in Firefox and you feel smug, all your HTML and CSS are perfectly formed, but you run it up in IE9 and all the CSS3 goodness has gone away leaving your lack luster IE7 version of your site.   Why is IE9 running in IE7 compatibility mode? IE9 has a hidden setting that forces it to run in compatibility mode when it encounters any intranet websites. Microsoft have detailed this behaviour in a Blog about what they call Smart compatibility mode . You can easily switch off the compatibility mode for specific machines using the internet tools mentioned in the article above, but most of the time developers do not have the luxury of applying corporate wide settings of this nature. Avoiding Smart compatibility with X-UA-Compatible Luckily there is a single line of HTML you can that you can use to override this behaviour: <meta http-equiv="X-UA-Compatible" content="IE=edge,c...
Read more

Intersystems Caché performance, woe is me...

I admit I am no Intersystems  Caché  guru, I am looking at 3 years working with the software. I have attended the sparse available training and I have been left to explore this weird universe known as  Caché . Now if you read their website you will read the tag line "the World's fastest, most scalable Object oriented database". More over they make even greater claims of " ...it can run SQL faster than relational databases. " Every training session seemed to pad every sentence with "so fast" and "world's fastest" although I was never sure if they were trying to convince me or themselves of this "fact". When using SQL databases for reporting data I have never really encountered issues, my SQL has normally been suboptimal fire and forget code, I make the query get the data and if the full page response including the query is less than 1 second it is not worth optimising. Now while 99% of my MSSQL and MySQL queries have alwa...
Read more

User Interface Usability Checklist Part 2

So you made it through part 1 of the usability check list, how about part 2? 21. Poor Label Alignment If you have been through design 101 you have probably heard of the wonderful acronym for the basic principles of design, C.R.A.P. This of course stands for Contrast, Repetition, Alignment and Proximity. Proximity is very important when identifying which label belongs to which input. Each different form of alignment has its advantages and disadvantages. Left Alignment The label appearing on the left of a box is a common practice. This often helps with vertical space and keeping all of the elements of a form on a single page, which can be beneficial in aiding the user in form completion and making them aware of all of the possible options they can, or made need to provide information for. It does however have a few disadvantages. Long labels cause short label's input boxes to be far away from the end of the label, this damages that basic principle of proximity. In extreme...
Read more