From d8c6b9aca48b50596b7ee4b756b2c530d02f07f3 Mon Sep 17 00:00:00 2001 From: Ariff Jeff Date: Thu, 11 Apr 2019 10:49:01 -0400 Subject: [PATCH] initial commit: vendor prefixes --- .DS_Store | Bin 0 -> 12292 bytes ...-fixing-browser-specific-styling-issues.md | 25 ++++++++++++++++++ 2 files changed, 25 insertions(+) create mode 100644 .DS_Store create mode 100644 03 - CSS/how-would-you-approach-fixing-browser-specific-styling-issues.md diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..2bb9b115559649dbabaae1c93bb7b28c355525d7 GIT binary patch literal 12292 zcmeHNU2GIp6uxI^VTOS+tw@*OF4h8Kg)S}q(E!_S!4?Wsw$SohW_O2n!t6}lnQbYx z*l0qGs86CI8WSJX2vHwI5`R#6K!^_}(r7Rt#$b5RL=yjEc+qp`PIss6Y+GW2RcAK$ z-r0N3nfcC{@6MfbX9yusmx>1oSw;xqu+UbVfz?q$0s^*`R?4tHLSa?!KRt>XnO6c+WsH#U%%FX!U-1p~Kep<`#jdbcg5mPd; z*W0`ZcoFa-;6=cTfER&Vj{u!}apOkJ_pH~ey$E;__+LkW-X8*3XdANI0oGc#4y@=S zJeAW&cx%Ib%mb{xfZc}dc7U~(DcV@3*fLYFQw(6{*dL(k*oN$OfVIq=05d0GpBd~7 z1+259UBFT&5Mr%YdlB#=FggMy*yWOYcXb9MF+I`cFyJslFUL_yGyE`#kVv%0=(6+k zOVKV>G0d{EufaDZCwJ;Jj^{akW+q!t8Ff-}H_hFfC9^YX@3-i>n%HM+wr7`}Igg7Hl{ z7}Et|rqIyXuyIpUyC|j%d7G?CrqV6fOQvkJi?a-jOk+&fnv-%jMxiyPtEq&BlKhyY z#!{#(*Q#nnIn1)3_S z*G%PrA}9HLXyaQnDIr@{{<;47oLJ1YrJ~BiDaGt%$6DkM@ZuS6PaHkjtjDQkoary} z-_3EmX@58=W6ipSrT%+(QQ}$*^ot#$R9L}_2H$cJslZHwLOCbK`R%F{l~vYNDO7Xf zCcd?sxy3pk5Y}+{P|CLgMP`$!k*CCA8f<1 z;4yd{j={5V9A1DE@G6{w)9@C&4d>u9xCocvG7Q31xDG$UuMDAYi1Q4WYY5aN**Qg9kcJ8Qy3^&zM{N(OkGSN+Sm~sq#Xd$ai*`e_Vs!V< zoi~5MLZN6o5>h@ia)=BK9dR0^9yds}7vEJ>BvQ_?ze|=D2_oRI;4SIBOHt~xWh={2 zHU&ojlU1x1io{$bJF~30Ul7C`91Tpmb{$HmBJY_rT#r&h$0a{5amS?XCGsWt4k>$+ z{E0-J4h2Zn04#x0sD!l;f-uy>de{QZuni*6f<$cx38EHRHH)mh&9)7U3yoAKyYZC(7FfqqunezsUX zn&_KGI$V6qs_XP;Ci&QUA`6VZ3UEh6qJ8+S9}PLcye$2vhIM2}a?1^>7< zPCumFv>y|&%lLCEb}oL=m{r?;Z9%_G(qs8`(8Zsux=ue{pPu$(4E+rLiRioF77%xh zjXR8p<5^jhMbn8nl%K|&RXc-td~FxJ90?*~cE8y`Qbco!?7+v%-=*H4> z!G*)d+q?*P5t!r=$U}TNWCiJ<|ZHZv(MK*CUo<$hH|^ElP2_?H>Zr7ggTM{Xe^M@6G>No<(lo{Qnnlw2xE( literal 0 HcmV?d00001 diff --git a/03 - CSS/how-would-you-approach-fixing-browser-specific-styling-issues.md b/03 - CSS/how-would-you-approach-fixing-browser-specific-styling-issues.md new file mode 100644 index 0000000..cc0a351 --- /dev/null +++ b/03 - CSS/how-would-you-approach-fixing-browser-specific-styling-issues.md @@ -0,0 +1,25 @@ +To approach browser specific styling issues, vendor or browser prefixes should be applied to the front of certain styling properties. This will allow browsers to use certain styling features that aren't yet fully supported by all browsers in a standard. + +Here are all the CSS browser prefixes: +Android: + -webkit- +Chrome: + -webkit- +Firefox: + -moz- +Internet Explorer: + -ms- +iOS: + -webkit- +Opera: + -o- +Safari: + -webkit- + +If including a vendor prefix for a property, all vender prefixed versions should be included first before the standalone property: +-webkit-transition: all 4s ease; +-moz-transition: all 4s ease; +-ms-transition: all 4s ease; +-o-transition: all 4s ease; +transition: all 4s ease; +