Успех и CSS

Успех и CSS

Как пользоваться успехом у женщин с помощью CSS

Василий Половнёв, Flatstack

Из документации к SASS

				@mixin border-radius($radius) {
				  -webkit-border-radius: $radius;
				     -moz-border-radius: $radius;
				      -ms-border-radius: $radius;
				       -o-border-radius: $radius;
				          border-radius: $radius;
				}
			

Ох

				@mixin border-radius($radius) {
				  -webkit-border-radius: $radius; // Safari 4.0 (2008 год)
				     -moz-border-radius: $radius; // Firefox 3.6 (2010 год)
				      -ms-border-radius: $radius; // не существовал
				       -o-border-radius: $radius; // не существовал
				          border-radius: $radius;
				}
			

nib

				* {
				  -webkit-box-sizing: border-box;
				     -moz-box-sizing: border-box;
				          box-sizing: border-box;
				}
			

Ох

				* {
				  -webkit-box-sizing: border-box; // Chrome 9 (2011)
				     -moz-box-sizing: border-box; // Firefox 28, (Март 2014)
				          box-sizing: border-box;
				}
			

Autoprefixer

• возьмет данные с caniuse.com
• расставит нужные префиксы
• уберет ненужные
• gradient, flexbox, :fullscreen, @keyframes, background-size, transform