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

Вопрос веб‑разработчикам. Что делать с версткой под IE? У меня уже сил нет. Даже когда каждое свойство проверяю на поддержку браузером тут http://caniuse.com/, всё равно косяки появляются. И это я проверяю на IE11, ниже лезть вообще страшно. С отладкой в браузере вообще кошмар. В режиме «Исследовать элемент» IE зависает нещадно на любом компьютере. Ладно, продираешься через всё, исправляешь, и в итоге стили под IE со всеми хаками и обходными путями весят больше, чем стили с уточнениями для всех остальных браузеров вместе взятые. Иногда реально уже проще верстать сразу под IE и потом минимально подгонять под другие. Борюсь с желанием ставить заглушки. Расскажите, что делаете вы, чтоб всё нормально было?

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

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

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

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

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

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

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

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

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

Веб‑разработка
Отправить
Поделиться
Запинить

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

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