Рецепт плавного появления попапа

opacity + scale + смещение по оси Y (translateY) + blur (размытие)

👉 @PortalToDesign

При анимации weight вариативного шрифта не забывайте одновременно уменьшать optical sizing, чтобы сохранять ширину текста.

👉 @PortalToDesign

Reve 2.0 тихо зарелизили.

Бесплатная модель для генерации изображений, которая продолжает удивлять.

Что нового:
• теперь сначала строит layout сцены, а уже потом рендерит изображение
• из-за этого гораздо проще править отдельные объекты и детали
• сразу генерирует в 4K
• отлично справляется с интерфейсами и текстом на картинках
• работает заметно быстрее многих конкурентов

На сложных сценах всё ещё встречаются артефакты, но для бесплатной модели результат выглядит слишком хорошо.
Похоже, разрыв между бесплатными и платными генераторами изображений становится всё меньше.
Попробовать можно здесь:
https://blog.reve.com/posts/the-layout-bet/

👉 @PortalToDesign

Много экспериментировал с liquid glass для веба в прошлом году, используя CSS + SVG
Ключом к кроссбраузерности стал переход с svg backdrop-filter на обычный filter, а также синхронизация текстур карты смещения (displacement map)

👉 @PortalToDesign

Кажется, morphing braille loader постепенно становится новым стандартом.

Очень круто выглядит сочетание брайлевского лоадера с плавным морфингом текста.

Такие мелочи редко влияют на функциональность, но интерфейс сразу ощущается более живым и продуманным.

👉 @PortalToDesign