Сквирклморфизм: тренд 60-х и 20-х, который пропустили на vc
C 2020 года в дизайнерском сообществе пишут о сквирклморфизме. А в дизайнерской ветке на vc о нём ни слова. Почему вообще форма плашек получила целое название, мелькает в резюме, а Figma создаёт под них отдельную функцию? Рассказываем в статье.
Потому что CSS пока умеет только border-radius.
Предлагаемое “решение” с :before и :after на самом деле костыль и лажа.
В этом можно убедиться открыв сайт с “решением” на мобиле:
Width и вообще всё, поехало к хуям.
https://pavellaptev.github.io/squircle-houdini-css/ есть альтернативы и наверняка не одна.
Ладно уж придираться! В альбомной ориентации не слипается и выглядит норм, ну немного не досмотрели, бывает.
История рабочая для однородного фона.
Когда-то и закруглений в css не было, вставляли уголки картинками. Это же не было поводом не использовать закругления в дизайне сайтов!
Уж тем более что поддержка стремится к 100%, а для реализации достаточно одного миксина.
Плюс фон может быть только одного сплошного цвета.
Однозначно согласен, НО! все же движения уже есть в эту сторону с помощью Houdini в частности Paint API можно реализовывать сквирклы, но не везде. А так сквриклы хуйня во всех формах кроме квадратов, а логотипчики и кнопочки можно на свгшках хуярить, как это делает Яндекс