Сделать мини-фреймворк а-ля Bootstrap, сделать вёрстку стандартных секций без стилизации, собрать коллекцию плагинов и сделать заранее типичные конфигурации инициализации и т. п.
Александр, это может быть только в том случае, как я описал выше, когда дробные значения. Производители мобильных телефонов стандартно делают всегда четкие значения масштаба (x2, x3 и т. д.), поэтому таких проблем не возникает.
Он мог поставить какое-нибудь кастомное значение масштаба а-ля 2.36, вот у него получился такой чисто визуальный баг.
Лично я таких багов не видел. Только если у сайта нет адаптивности, задан размер в метатеге и ещё какой-нибудь initial-scale=1.2. И сайт вписан в экран. Но и то при увеличении все это перендерится нормально и все такие моменты уйдут.
Александр, для идеального мира — да. Но с учётом того, что ресурсы большого разрешения занимают немало места, это становится проблемой. Например, можно вспомнить разрешение баннеров на Yandex.Market или OZON. Они там не очень высокого разрешения, что связано со скоростью загрузки. OZON не хочет, чтобы вы грузили с телефона по 3 Мб баннеров.
Так что выбирайте сами, тестируйте разные размеры, так вы найдёте идеальный баланс между качеством и размером. Но на 4К-экраны в контексте стандарта мобильных телефонов ориентироваться не стоит совершенно.
Надо говорить, что он имел в виду. Этот код будете нормально работать везде. Могут быть визуальные баги (исчезнет граница, например), если поставить такой масштаб, при котором виртуальный 1px границы будет меньше физического пикселя устройства.
Это возможно при определеных обстоятельствах (например, нет адаптивности и задана ширина сайта 1300px), поэтому все эти 1300 пикселей вписаны на экране. Но само правило спокойно работает и если чуть приблизить, то граница появится.
Оно не может не быть не размытым в какой-то мере. Никуда разница в разрешении экрана и разрешении материала не девается. На то это и масштабирование растровых материалов. Это то же самое, что говорить, что нет разницы, смотреть ли видео 360p или 1080p на экране 1080p.
С этой же целью придумали retina-картинки и механизмы их вывода, которые основаны на соотношении размеров viewport к реальному разрешению.
Другое дело, что визуально сея разница не настолько принципиальна. Я вот спокойно отношусь к просмотру картинки 500px на экране телефона с разрешением 1125px.
Вы реально думаете про какой-то там Sony, у которого 4K экран? Я помню его, вышел он лет 5 назад.
Думайте про обычные устройства. У того же iPhone XS разрешение 1125 на 2436 px. Всё нормально там у вас будет. Так же думайте о скорости загрузки: очень часто жертвуют качеством ради неё.
liltrill, нет, clip-path это хорошо, просто в старых браузерах тут будет квадрат, поэтому часто делают на border или крутят квадрат с помощью transform.
Индустриальный стандарт ПО — это FontLab Studio:
https://www.fontlab.com/font-editor/fontlab-studio/
Ещё есть FontCreator, как мне подсказали:
https://www.high-logic.com/font-editor/fontcreator
Там можно не только и сделать с нуля, но и просто собрать и настроить шрифт из готовых символов.
А начинать вопрос с Caps Lock и «идут мимо» — не стоит.