Школа
Веб-разработка

Что делать с версткой под ИЕ?

Вопрос веб‑разработчикам.

Что делать с версткой под IE? У меня уже сил нет. Даже когда каждое свойство проверяю на поддержку браузером тут http://caniuse.com/, всё равно косяки появляются. И это я проверяю на IE11, ниже лезть вообще страшно.

С отладкой в браузере вообще кошмар. В режиме «Исследовать элемент» IE зависает нещадно на любом компьютере. Ладно, продираешься через всё, исправляешь, и в итоге стили под IE со всеми хаками и обходными путями весят больше, чем стили с уточнениями для всех остальных браузеров вместе взятые. Иногда реально уже проще верстать сразу под IE и потом минимально подгонять под другие.

Борюсь с желанием ставить заглушки. Расскажите, что делаете вы, чтоб всё нормально было?

Ксения
19 апр 2018
👁 4228  
Веб-разработка

Что делать с версткой под ИЕ?

Вопрос веб‑разработчикам.

Что делать с версткой под IE? У меня уже сил нет. Даже когда каждое свойство проверяю на поддержку браузером тут http://caniuse.com/, всё равно косяки появляются. И это я проверяю на IE11, ниже лезть вообще страшно.

С отладкой в браузере вообще кошмар. В режиме «Исследовать элемент» IE зависает нещадно на любом компьютере. Ладно, продираешься через всё, исправляешь, и в итоге стили под IE со всеми хаками и обходными путями весят больше, чем стили с уточнениями для всех остальных браузеров вместе взятые. Иногда реально уже проще верстать сразу под IE и потом минимально подгонять под другие.

Борюсь с желанием ставить заглушки. Расскажите, что делаете вы, чтоб всё нормально было?

Ксения
19 апр 2018
👁 4228  
Руст Кулматов
Фронтенд‑разработчик, преподаватель, соавтор движка электронных книг бюро
Полезно
  
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Несмотря на то, что ИЕ 11 официально прекратил развитие больше двух лет назад, он всё ещё остаётся популярным браузером. На некоторых сайтах его доля достигает десяти процентов.

Но на ваших сайтах всё может быть иначе. Поэтому первым делом проверьте статистику. Доля ИЕ у вас может быть настолько мала, что вы решите отказаться от его поддержки.

Если доля существенна, попробуйте классифицировать проблемы. Бывает так, что багов на самом деле немного, но они всплывают регулярно. Найдите общее решение и примените его ко всему проекту.

Часть багов флексбокса можно решить автоматически с помощью ПостЦСС‑плагина

Для распространнёных проблем уже есть готовые решения. Например, если вы используете флексбокс, изучите сборник багов флексбокса. Большинство из них имеют отношение к ИЕ.

Часть багов флексбокса можно решить автоматически с помощью ПостЦСС‑плагина

Для некоторых фич, недоступных в ИЕ 11, есть полифиллы — библиотеки, реализующие эти фичи с помощью Яваскрипта. Например, с помощью полифилла Polyfilter можно реализовать некоторые ЦСС‑фильтры

Если этого недостаточно, то примените грациозную деградацию. Если какую‑то компоненту дорого правильно сверстать в ИЕ, обсудите её с дизайнером. Наверняка, компоненту можно упростить для ИЕ так, чтобы при этом не пострадал смысл.

P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.

Веб‑разработка
Полезно
  
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы