Что значат -o- -moz- -webkit- перед display: flex;?

Question

[Хитер Бобер]

Скопипастил код, но не ничего не понял. Что это за штуки перед display: flex;?

spoiler

.d-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

Comments

[Rustam Bainazarov]

Вендорные CSS-префиксы.

Просто вбейте это в поисковик.

Answer 1

[sim3x]

https://developer.mozilla.org/en-US/docs/Glossary/...

Browser vendors sometimes add prefixes to experimental or nonstandard CSS properties and JavaScript APIs, so developers can experiment with new ideas while—in theory—preventing their experiments from being relied upon and then breaking web developers' code during the standardization process. Developers should wait to include the unprefixed property until browser behavior is standardized.

Browser vendors are working to stop using vendor prefixes for experimental features. Web developers have been using them on production

Comments

[Хитер Бобер]

I don't understand konechno je
Но похоже, что это нужно для поддержки браузерами, спасибо.

[sim3x]

Impossible_without_errors,

идите учите английский

[Dima Polos]

Impossible_without_errors, когда-то в далекие далекие года, разработчики браузеров не сразу внедряли новые стандарты css, html и js. Мало того, в процессе разработки новых фич и тестирования в разных браузерах по-разному отрабатывали различные стили. Тогда решили, что пока все не протестят и не внедрят, то будут делать поддержку новых фич но с префиксами. Когда фичу протестировали как следует и она соответствует спецификации, то префиксы убирали, и оставляли свойство как есть, а пока не готова, то можно было юзать, но прописывая префиксы.
Сейчас ситуация изменилась, хоть и новые стандарты не все сразу внедряют, все же новые возможности делают доступными без префиксов, НО, пока не включишь флажки в настройках браузера они не заработают. Для тех, кто любит новизну и не боится сырого кода есть спец сборки браузеров, где все новые фишки включены по умолчанию, например Chrome Canary.

[Хитер Бобер]

Dima Polos, так все понятно объяснил, спасибо. А спецификация что такое? В Гугле написано, что это шаблон проектирования, но как-то слишком все сложно..

[Хитер Бобер]

sim3x, ok, i (obey)?
I looked in vocabulary for developers but it's too difficult for me.
Now I should speak only in English

[Dima Polos]

Impossible_without_errors, спецификация это документ, который устанавливает стандарт. Веб на самом деле имеет стандарты, типа как ГОСТ, только эти стандарты устанавливает организация, называется она W3C, именно там идет разработка новых возможностей, эта организация разрабатывает требования для браузеров, как они должны работать, все эти требования описаны в документе, который называется спецификация. После того, как спека (сленг, сокращение от спецификация) утверждена разработчики браузеров должны её внедрить, именно так, как описано в спеке.

[Dima Polos]

Impossible_without_errors, вот канал, смотрите и развивайтесь:
https://m.youtube.com/user/wstdays/videos

Вот видео, которые рекомендую:
https://m.youtube.com/watch?v=iiY0GBG3RXA
https://youtu.be/VoA-aQu75Xk

[Хитер Бобер]

Dima Polos, спасибо еще раз