Всім привіт. Сьогодні я вам розповім, що таке Вендорний префікси, чи потрібно їх використовувати і для чого вони взагалі потрібні при створенні інтернет-ресурсу.
Що таке Вендорний префікси?
Можна сказати, що це такі приставки до css-властивостей, які дозволяють цим самим властивостям працювати в більш старих версіях браузерів. Напевно ви знаєте, що технології css розвивається і в ній з'являються нові можливості. Браузери не встигнуть їх підтримувати. До речі, як перевірити сайт на кроссбраузерность я писав тут.
Таким чином, старі версії веб-оглядачів не можуть інтерпретувати їх, а веб-розробник намагається догодити всім. Ось і використовуються Вендорний префікси, щоб і старі версії браузерів почали підтримувати властивість.
Які вони бувають
- -webkit - для Google Chrome, Yandex Browser, Safari і iOs;
- -moz - для Mozilla;
- -o - для Опери;
- -ms - для Internet Explorer;
Власне, все, це все Вендорний префікси, про які потрібно знати.
Як їх використовувати?
Тут все гранично просто насправді. Пишемо спочатку сам префікс, а потім через дефіс саме властивість. наприклад:
-moz-linear-gradient - тепер лінійний градієнт буде підтримуватися в старих версіях Firefox. А саме, з 6-ї по 15-ю версією.
-ms-border-radius - деякі старі версії IE будуть підтримувати властивість. Дуже старі не підтримують його навіть з префіксом.
Чи варто використовувати?
Оскільки все ще з'являються нові властивості, префікси доведеться використовувати в багатьох ситуаціях. Але все ж багато нових властивостей сьогодні настільки добре підтримуються в нових браузерах, що для них практично відпала необхідність в префіксах. Це стосується, наприклад, border-radius.
Властивості, для яких іноді все ще застосовують префікси:
- тіні (box-shadow)
- градієнти
- background-size
- трансформації (transform)
- фільтри (filter)
Хочу сказати, що сьогодні з кожним днем необхідність в префіксах знижується, але все ж вони як і раніше не вмирають і так буде ще довго. Просто дуже багато людей, просто більшість користувачів сидять сьогодні в сучасних версіях браузерів, які ніякі префікси для роботи цих властивостей не потрібні.
З іншого боку, є веб-розробники перфекціоністи, які хочуть, щоб їх творіння добре працювали всюди, ось вони і використовують ці приставки. Загалом, якщо ви працюєте з CSS3, то вам корисно буде знати про існування таких приставок.
Для полегшення написання коду з префіксами сьогодні радять використовувати постпроцесор AutoPrefixer. але особисто я ним не користувався. Ну а що ви думаєте про майбутнє Вендорний префіксів?
Цікаве зі світу сайтобудування
Ви підписалися. Дякую.