одиночные иконки, которые не будут менять внешний вид подключать как img
иконки, цвет которых нужно менять при наведении(или не только цвет), минифицировать через https://jakearchibald.github.io/svgomg/ и вставлять прямо через svg (или настраивать в сборщике, чтобы он заменял img svg на svg элементы)
Atom, VSCode, Webstorm.. Если не хочется печатать код, можно использовать экранную клавиатуру, эдакая эмуляция wysiwyg
Если серьезно, то сложно найти человека, который пишет приемлимый код, а вы хотите, чтобы это делал софт. Используйте muse или webflow с экспортом в html, но в код лучше не заглядывайте.
Уже с пяток лет как не стоит поддерживать флеш.
Как-то мне понадобилось какой-то контент на флеше посмотреть, так мне пришлось нехило с бубном поплясать, чтобы установить его и тысячу раз успокоить макось, что я это делаю в здравии. Ещё и вайтлистить сайт пришлось, чтобы он там заработал.
тот процент, который в требованиях клиента прописан, я же разработчик, а не аналитик. А клиенты уже должны изучать ЦА сайта. С поддержкой минимального расширения то же самое. При этом если клиент спросит - я любезно найду для него актуальную статистику.
Статистически - чаще всего поддержка 95%+ браузеров и вьюпортов клиентов устраивают.
добавьте body {overflow-y: scroll}, тогда скролл не будет пропадать и экран не будет дёргаться.
Ещё один вариант, который я использовал на сайте, где больше половины страницы вмещались в высоту экрана и скролл всем добавлять не хотелось, это сделатьwidth: 100%для body, а для всех элементов на странице(header, content, etc) ширину задавать так: width: calc(100% + 15px).
В двух словах - в одном свг вы заносите все свои свг иконки в виде "символов", и даёте каждой свой id, и потом просто через атрибут вставляете иконку через айди
делайте не придерживаясь сетки строго.
Либо леща дайте дизайнеру и пускай переделывает, если это в ваших полномочиях(если нет, то пускай пм или клиент даст дизайнеру леща).
Если нужен пиксель-перфект и макет переделываться не будет - делайте свою сетку без буцтрапа
хоть можно поизвращаться и сделать на чистом css, но лучше и красивее в данном случае будет правую часть с треугольником сделать на свг (2 градиента псевдоэлементами, а в свг черные уголки)
Да это нормально. И это одна из причин, почему раньше использовали флоаты, перенос контента был удобен для создания перечисляемых элементов или для работы с @media. Это неочевидное поведение, но сейчас в 2к18 есть флексы, на которых всё читаемо и понятно.