alex-1917, что-то у вас не то, открыл свой внутренний проект с порядка 90 ед. различной SVG-графики на iPad Air 2 (iOS 12.1), ничего не тормозит. И там не только иконки, но и парочка сложных иллюстраций.
Потому что время идёт, а делать разметку с помощью float'ов — неудобно. Flexbox абсолютно нормально поддерживается всеми браузерами, начиная даже с IE11. Поэтому критика float'ов обоснованная.
Если нужна поддержка более архаичных браузеров — тогда иное дело. Но типичные проекты уже лучше делать на Flexbox.
P. S. Время Grid ещё не совсем настало, на мой взгляд.
На мой взгляд, хоть я тоже и не так часто пользуюсь Photoshop, но знать его необходимо, потому как веб-дизайн не ограничивается только IT-тематикой сайта, где одни градиенты и SVG-формы.
Есть задачи, когда для хорошего дизайна нужно подготовить, собрать качественную иллюстрацию, отретушировать фото, провести цветокоррекцию, качестенно обтравить объект и т. д.
И не всегда рядом будет человек, который, во-первых, хорошо знает данный инструмент, а во-вторых, может точно понять замысел дизайнера.
Да, макеты собирать, рисовать UI/UX в Photoshop — неудобно, для этого есть иные инструменты. Но знание PS — вещь очень и очень хорошая.
caof19, ну, у текста же при наведении можно менять цвет. Если будет шрифтовая иконка — принцип тот же, потому что это тот же шрифт. Разницу между SVG и шрифтовой иконкой в плане изменения цвета я описал ниже. Если вставлять SVG через тэг use — с иконкой будет невозможно взаимодействовать.
Кроме того, внизу человек вам написал решение, как использовать тэг img и соответствовать при этом вашим требованиям (с помощью role="presentation").
profesor08, вполне спокойно можно с помощью clip-path на основе опорных точек с координатами, к примеру, calc(100% - 50pх), где 50px — высота зоны скоса. Пример: proappliancerepair.com
Там комиссия 3,9 процента, что не мало. Кроме этого, не до конца понял, как активировать не просто оплату по PayPal, но и с помощью кредиток. Но самое главное — лишний процент по сравнению сo Stripe.