Page 1 of 1

Global CSS property usage

Posted: Tue May 10, 2016 3:25 pm
by Albert Wiersch
While doing research for the next release of CSE HTML Validator, I came across this Microsoft site that I had not seen before (probably because it's fairly new) and wanted to share the link because I thought it was very interesting.

It's about CSS property usage. It shows several hundred CSS properties and their frequency of use plus it shows what values are most used for those properties.

https://developer.microsoft.com/en-us/m ... orm/usage/

Here's a good intro to it:

Introducing Global CSS Property Usage on Microsoft Edge Dev

Re: Global CSS property usage

Posted: Wed May 11, 2016 4:35 am
by ReneK
It's available in english as well, see:
https://developer.microsoft.com/en-us/m ... orm/usage/

Thanks for sharing! :)

Re: Global CSS property usage

Posted: Wed May 11, 2016 8:42 am
by Albert Wiersch
ReneK wrote:It's available in english as well, see:
https://developer.microsoft.com/en-us/m ... orm/usage/

Thanks for sharing! :)
Yep! That's the link I was looking for but couldn't find. :) I think I tried changing the "es-es" part to "en" but that didn't work. I should have tried "en-us".

Thanks for finding that. I'll update the link.

Re: Global CSS property usage

Posted: Wed May 11, 2016 8:45 am
by Albert Wiersch
On another note, I noticed they say that background-repeat-x and background-repeat-y are used on 41.2% of web sites. That's really high for an invalid and non-existent CSS property (should be background-repeat). I think something is wrong with their data here... maybe the way they are measuring it. Or am I missing something?

Re: Global CSS property usage

Posted: Fri Oct 28, 2016 11:04 am
by RSteinwand
Thanks for the links.

One thing I gleaned from the Microsoft page was the use of flex, which I found very interesting: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Re: Global CSS property usage

Posted: Mon Nov 07, 2016 12:05 pm
by Albert Wiersch
RSteinwand wrote:Thanks for the links.

One thing I gleaned from the Microsoft page was the use of flex, which I found very interesting: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Thanks. I used that and some other resources to improve Flexbox support in v17. Good info!