Awesome
The 35 CSS properties you must know to do 80% of the work.
I've created this script to find out how many CSS properties I should know to do 80% of the work.
CSS property utilization for hey.com
Rank | Property | Count | % |
---|---|---|---|
1 | display | 535 | 8.5 |
2 | top/left/right/bottom | 527 | 9.11 |
3 | margin | 521 | 9.27 |
4 | background | 436 | 17.55 |
5 | background-image | 434 | 24.25 |
6 | padding | 422 | 24.3 |
7 | width/height | 383 | 24.78 |
8 | color | 304 | 25.73 |
9 | position | 283 | 30.23 |
10 | border | 257 | 31.21 |
11 | border-radius | 182 | 34.11 |
12 | font-size | 122 | 41.04 |
13 | box-shadow | 98 | 45.12 |
14 | z-index | 98 | 45.65 |
15 | max-width | 97 | 46.31 |
16 | content | 87 | 46.39 |
17 | opacity | 76 | 46.66 |
18 | overflow | 76 | 47.49 |
19 | filter | 71 | 47.65 |
20 | text-align | 62 | 47.68 |
21 | align-items | 60 | 47.73 |
22 | transform | 56 | 47.95 |
23 | background-size | 53 | 48.09 |
24 | justify-content | 52 | 52.92 |
25 | line-height | 48 | 54.86 |
26 | white-space | 47 | 55.59 |
27 | animation | 47 | 56.34 |
28 | cursor | 47 | 57.09 |
29 | font-weight | 46 | 57.15 |
30 | outline | 42 | 63.24 |
31 | grid-template-columns | 38 | 64.78 |
32 | min-height | 33 | 65.16 |
33 | min-width | 31 | 73.54 |
34 | flex-direction | 30 | 74.75 |
35 | pointer-events | 28 | 76.13 |