Вендорний префікси в css

«Офіційна політика W3C свідчить, що не слід використовувати експериментальні властивості в коді сайту. Однак люди використовують їх, так як хочуть, щоб їх сайти використовували останні технології і виглядали круто. »- сторінка W3C по оптимізації контента під різні браузери

Проте, розробники завжди хочуть отримати доступ до останніх властивостями якомога швидше. Вендорний префікси переворушили все з ніг на голову і забезпечили Webkit домінування, проте я вважаю, що префікси справили величезний вплив на швидкий розвиток інтернету.

Способи Mozilla і Microsoft більшості сайтів тільки нашкодять. У більшій частині сайтів вже будуть підключені префікси -moz- або з'ясується, що з новим оновленням Mozilla стане підтримувати нові властивості без потреби вносити зміни. Однак як професійні веб-розробники ми повинні покінчити з цим і зрозуміти, що в деяких дизайнах можуть виявитися неоднозначні результати. Ви, може бути, вже й самі знаєте, які з ваших проектів знищить це оновлення. Веб-розробники, настав час переосмислити свій підхід до Вендорний префіксам і до їх тестування на сайтах.

Вендорний префікси в css

Практичний курс по верстці адаптивного Лендінзі з нуля!

Навчіться з нуля верстати адаптивні Лендінзі на HTML5 та CSS3 за найближчі 6 днів

нові префікси

Mozilla збирається включити ряд -webkit- префіксів. З того, що я зібрав, видно, що Mozilla не збирається зіставляти свій список з властивостями Edge. Не всім властивостям потрібна сумісність з движком Mozilla. Серед префіксів, які Mozilla збирається додати, судячи по сторінці вікі Compatibility / Mobile / Non Standard Compatibility будуть наступні:

-webkit- для градієнтів

Вендорний префікси в css

Практичний курс по верстці адаптивного Лендінзі з нуля!

Навчіться з нуля верстати адаптивні Лендінзі на HTML5 та CSS3 за найближчі 6 днів

Деякі інші властивості можуть бути в @ -webkit-keyframes.

Тест на кроссбраузерность матиме вирішальне значення

Набагато важливіше, що Microsoft Edge вже інтерпретує і відображає -webkit- префікси схожим чином. А це означає, що будь-які WebKit стилі вашого сайту вже відображаються в браузері, від якого цього зовсім не очікували. Якщо ви ще не працювали з даними браузером, то встановіть собі Windows 10 і отримаєте до нього доступ для тестування сайтів.

Вендорний префікси поступово відходять

На щастя, Вендорний префікси поступово відходять паралельно з тим, як команди розробників знаходять нові рішення. Команда Chrome / Blink трохи змінили свій підхід:

«Забігаючи наперед, замість включення Вендорний префіксів за замовчуванням ми будемо тримати звичайні властивості за прапором« активувати експериментальні властивості веб-платформи »в about: flags до тих пір, поки дані властивості не будуть включені за замовчуванням.» - Команда The Chrome / Blink

Команда Firefox пішла за схожим шляху: «Основний напрямок роботи в Mozilla зараз це відхід від Вендорний префіксів, шляхом їх відключення або ж переведення їх в стан звичайних властивостей, якщо вони вже стабільні. Це як мінімум наша загальна політика, окремі випадки заслуговують винятків. »- Борис з Mozilla

Microsoft Edge також націлені на видалення підтримки префіксів: «Microsoft також намагається позбутися від Вендорний префіксів в Edge. Це означає, що розробникам при використанні особливих HTML5 тегів CSS властивостей не доведеться додавати спеціальний префікс для браузера Edge. Замість цього розробники писатимуть стандартний код. »- Mashable

Витончена деградація за допомогою префіксів більше не працює

Відхід від Вендорний префіксів означає тільки одне - методика витонченої деградації через префікси більше не вихід. Виділення конкретних браузерів через Вендорний префікси (наприклад, для Chrome) не входило в завдання цих префіксів; розробникам завжди рекомендувалося використовувати всі префікси (від -webkit- до -o-). Якщо ви використовуєте будь-якої функціонал, який працює на властивостях з Вендорний префіксами, а також використовували тенхніку витонченої деградації в вашому дизайні для інших браузерів, то більше це не працює.

висновок

Часи змінюються. WebKit домінування було ненавмисним і викликало переполох і несумісність в інтернеті. Інші браузери шукають спосіб розширити сумісність шляхом додавання -webkit- префіксів. Поступово, з відходом Вендорний префіксів, піде і дана проблема. Розробникам ж варто перевірити, чи не викликає використання префіксів небажаних наслідків в НЕ WebKit браузерах.

Редакція: Команда webformyself.

Вендорний префікси в css

Практичний курс по верстці адаптивного Лендінзі з нуля!

Навчіться з нуля верстати адаптивні Лендінзі на HTML5 та CSS3 за найближчі 6 днів

Найсвіжіші новини IT і веб-розробки на нашому Telegram-каналі

Схожі статті