CSS Vendor Prefixes

Seminar presentation

Transcript

1. CSS vendor prefixes - Do we still need to use them? Marthe Vittor
2. Just so we are all on the same page A bit of code you add in your CSS. Eventually standardized by the W3’s CSS Working Group.
3. How it works
4. 100% stable Border-radius Box-shadow Text-shadow Opacity
5. -webkit- Android, Chrome, iOS and Safari -moz- Mozilla Firefox -ms- Internet Explorer -o- Opera “Original” prefixes
6. Browser specific designing is hurting the growth of the open web and the competition. Monoculture
7. Stop designing browser specific. Stop UA-sniffing. Avoid prefixes. How to stop it
8. Some say they are harmful. Others accept and appreciate. “Love-hate” relationship
12. Imagine if every browser was to implement the same feature, but used different approaches. Prefixes prevent chaos!
13. Mozilla: polygon: 5; /* a pentagon */ “Polygon”
14. Opera: polygon: pentagon; “Polygon”
15. Chaos!!
16. -moz-polygon: 5; /*Firefox support*/ -o-polygon: pentagon; /*Opera support*/ Vendor prefixes saves the day!
17. In my opinion yes! There are workarounds if you want a lighter and neater CSS. Gives us a look into the “future”. Do we still need them?
18. Thank you for your time!