Autoprefixer tries to make your website looks the same across different browserssteemCreated with Sketch.

in #coding6 years ago (edited)

firefox_2019-02-25_01-00-24.png

Being a complete newbie designer very soon I was ran into the famous browser incompatibility issue. There are so many different vendors of browser and each of them read the CSS differently.

  -webkit-transition: background-color 200ms ease, font-size 200ms ease;
  -o-transition: background-color 200ms ease, font-size 200ms ease;
  transition: background-color 200ms ease, font-size 200ms ease;
//these 3 line are reffering the same effect

Autoprefixer is a saviour to this issue. I wasn't using any CSS preprocesor in the project yet like LESS and SCSS, they might help to resolve this issue beforehand. If you were using plain CSS file like me and asking for least trouble of browser compatibility issue, this handy tool based on autoprefix will helps a lot.


Posted from my blog with SteemPress : https://fr3eze.vornix.blog/autoprefix-tries-to-make-your-website-looks-the-same-across-different-browsers/

Sort:  

Congratulations @fr3eze! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You published a post every day of the week

Click here to view your Board
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

Support SteemitBoard's project! Vote for its witness and get one more award!

Coin Marketplace

STEEM 0.20
TRX 0.15
JST 0.030
BTC 65551.56
ETH 2659.92
USDT 1.00
SBD 2.89