Изучение кроссбраузерной совместимости

Что касается части HTML/CSS, я считаю, что если вы будете следовать следующим двум правилам, все обычно работает довольно хорошо:

• Пишите соответствующий стандартам семантический HTML. Сначала сосредоточьтесь на семантически правильной структуре документа, а затем используйте CSS, чтобы расположить его так, как вы хотите. Меняйте HTML только в том случае, если считаете, что это абсолютно необходимо. Избегайте шаблонов макета, которые трудно получить с помощью HTML и CSS. тонн статей об этих вещах.
• Тестируйте во всех браузерах. Если вы серьезно относитесь к веб-разработке, вам понадобится множество тестовых настроек; по крайней мере, я рекомендую вам иметь готовые: Internet Explorer 6, 7 и 9 (это означает, что вы должны использовать виртуальные машины, так как нет возможности реалистично имитировать разные версии IE на одной и той же установке ОС); Firefox 3.6 и 7 (или любая текущая версия); самый последний Google Chrome; несколько более старый Chrome или Chromium (я использую хром от debian); Opera (поскольку у него нет общих важных компонентов ни с одним другим браузером). Если вы можете позволить себе Mac, добавьте к ним FF/Mac и Safari. Если вы разрабатываете для мобильных устройств, вам нужно тестировать и их — по крайней мере, Android и iOS.

Если вам нужно поддерживать более старые версии Internet Explorer (7 или, ох, 6), то условные комментарии вам в помощь — моя обычная стратегия заключается в том, чтобы сначала создать дизайн, который будет работать во всех других браузерах, а затем добавить один или несколько специальных стилей. листы в условных комментариях (чтобы их загружал только IE), которые «исправляют» проблемы для этих сломанных браузеров.

Что касается javascript, разумнее всего использовать фреймворк, который убирает различные особенности — jQuery, вероятно, самый популярный на данный момент.