Home

Design News:

Microsoft specifc CSS properties (”-ms-”)

A list of IE specific CSS properties, which are now all expected to be prefixed with "-ms-" starting in IE8.

Comments (6)

-ms- this and -ms- that ... why is this being tolerated.  Why can’t they just do standards right.

It’s like saying hold on we do speak the native language BUT you might be misunderstood if you don’t use OUR accent!

Firefox, Safari, Chrome—forever.  What if FIREFOX only websites started to show up… they’re be a collective fit across the internet.

#1: cssdriveMIKE on 09/17 at 05:18 PM

Other browsers have such extensions as well, like “-moz” for Firefox specific extensions. It’s a way for browsers to introduce their own CSS properties while still being CSS compliant validation wise.

#2: georgec on 09/17 at 05:24 PM

“-ms- this and -ms- that ... why is this being tolerated.  Why can’t they just do standards right. “

knee-jerk anti-microsoft rant (or just knee, jerk!) - wait, you havent seen the moz- and webkit- attributes?

My take on this is: Browser capabilities are rich enough that I can get ALL the formatting and display power I need even when I code to the lowest common denominator (which wasn’t the case back in the browser sniffing days)
Also, JQuery ir a capable Javascript library can heal a lot of the pain, and if you have the ability to run serverside scripts, you can dynamically render the css by cold-sniffing the user agent.


In short, your CSS would interpreted ASP, PHP or ASPX files and “opacity” would be a function that would render the right CSS code to handle opacity -based on the detected browser)

#3: phil on 09/17 at 05:28 PM

@phil:
Not really knee jerk or anti microsoft (although beyond windows as the base OS and some MS office stuff I do try to get out more!) ...
“My take on this is: Browser capabilities are rich enough that I can get ALL the formatting and display power I need even when I code to the lowest common denominator (which wasn’t the case back in the browser sniffing days) “

I totally agree with you.  Maybe I was thinking about all of that If IE this IF IE that statement stuff you have to deal with!

@georgec: yeah I do recall those -moz things but like PHIL I try to stay away from all of that hey mine does this if you add that bells and whistles.  I’ve only used that moz thingy once where transparency was concerned.

I first became upset (and this has been even in the last year) when I run into sites saying this runs better (or doesn’t run at all) unless you have IE.  I try to stick with the basics of CSS—you know whatever best works on most all platforms without tweaks.

#4: cssdriveMIKE on 09/17 at 06:39 PM

I think it’s completely unnecessary to even consider these browser-specific properties. If you want to waste your time, go ahead by all means…

But in a business market, clients want sites up and running and working well. It would be awesome if I could make a solid transition over to CSS3 tomorrow but I can’t. For next however many years I’m going to have to continue to build sites with valid CSS2, ensuring that they work in all browsers. Only then can I consider including any CSS3.

As for tailoring styles for different browsers… clients aren’t interested, budgets don’t cover this.

Looking through that list of properties, there’s nothing there that I can’t live without. And I really, really don’t care about changing the scrollbar colour…

Maybe this annoys me because I’m not good enough at CSS to appreciate it, or perhaps it annoys me because it’s more CSS for me to learn when I thought I already had a good grasp on it.

Anyway, thumbs up for more reasons to get pissed at Microsoft.

#5: Nathan Beck on 09/18 at 07:37 AM

Make no mistake, browser COMPLEXITY is growing by leaps and bounds, and, with Java/Javascript we are forced to consider the end browser NOT as a DISPLAY device primarily, but as a PROGRAMMING device - the same way as when we create applications for desktop consoles back in the day.
-
The fracturing is even greater when you consider the extensions to the dom and JS performance wrought by GOOGLECHROME - now, the ability of the browser to PERFORM the calculations you ask of it (separate and apart from the ability to RENDER/INTERPRET the CSS and HTML) is another chore we have to take care of
(Look out in the future for not only custom attributes, but custom JAVASCRIPT CAPABILITIES OBJECTS (and the associated FAKING/SPOOFING OF THOSE OBJECTS!)
- please see: History of the user agent string
example: Since GOOGLECHROME although rendering simple Webkit like SAFARI, is 100 times faster executing Javascript, then code will have to have a way to TARGET and DETECT specific CHROME installations so they can take advantage!
BUT All CHROME installs are not created equally- (Android anyone?) since CHROME will also run on other devices that are NOT high-end pc’s so you will also need to query and retrieve a lot of device capability information as well (look up WURFL and all that crap)

Frankly, even lowest common denominator coding will need specific tweaks and caveat catching code because of IE6 bugs and also the fact that some mobile devices CRASH on complex CSS or pages that are too complicated. I expect that server side coding will be a MUST real soon just to have easily maintainable sites.

in effect, when you want to display a .PNG for example, you dont just output an img tag with a png as the src, you have your code do a DisplayPNG(“picurl”,“alt-tag”)

that code will render based on serverside browser sniffing or something….sigh
welcome to the New World disOrder!

#6: Mark on 09/18 at 09:30 AM
Commenting is not available in this weblog entry.

News Tools &
Other Resources

CSS Compressor

Use this tool to compress your CSS code, with three levels of compression to choose from!

CSS AutoPrefixer

Intelligently add CSS vendor prefixes to your CSS code. Just paste and copy!

Image to Color Palette Generator

Get the primary colors of any image in hex format with this online tool!

Image Optimizer

Use this tool to easily optimize regular gifs, animated gifs, jpgs, and pngs, so they load as fast as possible.

Button Maker

Use this tool to easily create those popular 80x15 micro buttons you see on web sites everywhere.

FavIcon Generator

Generate a favicon using any regular image with this tool. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is viewed.

Ribbon Rules Generator

Create alternating colored horizontal rules quickly with this new Web 2.0 tool.

.htaccess Banning Generator

Generate the necessary .htaccess code to ban visitors based on their IP address, referrals, or disable hotlinking on the desired file types on your server, such as images.

.htaccess Password Generator

Generate all the necessary codes needed to password protect a directory or selects files within it on your site using .htaccess.



Partners & ResourcesOur
Partners


CSS Forums News

Dynamic Drive forums | Register

The Latest Comments

All images and content copyright © 2017 CSS Drive. Contact Info | Back to Top
Affiliate Discloser: We receive a commission from purchases through some links on this site