# Требования, предъявляемые к готовой вёрстке

# Кроссбраузерность

Вёрстка сайта должна корректно отображаться в следующих браузерах:

  • Mozilla Firefox (последняя стабильная версия);
  • Google Chrome (последняя стабильная версия);
  • Microsoft Internet Explorer 11;
  • Microsoft Edge (последняя стабильная версия);
  • Safari (FIXME версия ???);
  • Google Chrome for Android (последняя стабильная версия);
  • Android Browser 4.4+;
  • iOS Safari (FIXME версия ???).

Для того, чтобы обеспечить корректную работу нужно:

  • при вёрстке использовать сайт caniuse.com для проверки поддержки используемых функций CSS и JS;
  • перед тем, как передать вёрстку на проверку, проверить её работоспособность в как можно большем числе указанных браузеров (как минимум в Firefox, Chrome, IE11, Chrome for Android, Android Browser 4.4).

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

Рекомендуется использовать наиболее современные возможности CSS и JS, если это возможно. Ниже приведён неполный перечень конкретных рекомендаций:

  • Использовать flexbox вместо float для построения сеток.
  • Использовать flexbox для вертикального выравнивания элементов.