x
 
Ксения
19 апреля 2018
Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

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

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

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

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


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

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

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

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

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

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

Сборник полифиллов

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

P. S. Это был совет о веб-разработке. Хотите знать всё о коде, тестах, фронтенд-разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.
Вёрстка и прототипирование — дисциплина Школы дизайнеров. Набор открыт до 13 августа или пока есть свободные места.
 

Поделиться
Отправить

Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Можно ли достичь эффекта переливания без встраивания видео на сайт? 2 Как бороться с багами? Часть шестая: изолировать 4




Недавно всплыло

2 3 5 4