Кроссплатформенность и кроссбраузерность в WEB?

Question

[Тима]

Здравствуйте, изучаю новую для себя область - "frontend". Возник такой вопрос - Где найти хороши уроки про кроссплатформенность и кроссбраузерность?

Answer 1

[Котик Антон]

Этому годами учатся и постоянно оттачивают мастерство. Нет такого урока, способного рассказать о всех тонкостях кроссбраузерной вёрстки.

Ресурсы в помощь:
caniuse.com
webref.ru / htmlbook.ru
css-tricks.com
css-tricks.com/snippets/css
Книга «Отзывчивый веб-дизайн»

Answer 2

[Денис Инешин]

Чтобы делать кроссбраузерно нужно соблюдать только 2 условия:
1. Использовать Normalize.css
2. Смотреть результаты работы и проверять функциональность во всех доступных браузерах и на всех доступных устройствах. У вас должны стоять все основные браузеры: Chrome, FF, Opera, IE, Edge. Для старых версий IE у вас должны стоять виртуальные машины (они есть бесплатные). Так же желательно иметь пару тройку мобильных устройств (например купить по дешевке подержанный айфон, андройд и какой-нибудь планшет вроде айпада).

Вот собственно и всё. Основные проблемы с кроссбраузерностью вы будете получать при разработке под IE < 11, так что познаете на практике где и что. Главное сразу, после каждого завершенного блока, тут же смотреть результат во всех браузерах.

Comments

[Владислав Старцев]

плюсую второй пункт, и небуду дописывать сам в ответы, но у хрома вполне годная фишка есть, возможность просматривать сайт, так, как бы его просматривало мобильное устройство, для этого открыть инструмент разработчика (так вроде называется) или нажать F-12 далее Ctrl+Shift+M

Answer 3

[xmoonlight]

https://necolas.github.io/normalize.css/