Glassmorphism, Neumorphism и Claymorphism посредством CSS
Чтобы не забыть, так как потом точно снова пригодится.
Glassmorphism CSS Generator
Это сервис генерирующий код CSS глассморфизма или блюра:
Glassmorphism CSS Generator | Hype4 Academy
Glassmorphism is a unified name for the popular Frosted Glass aesthetic.
hype4.academy
Не хватает там только крайних отступов, поэтому я уже от себя в получившийся код добавляю:
padding: 20px;
Neumorphism CSS Generator
Neumorphism CSS Generator | Hype4 Academy
Neumorphism UI CSS generator
hype4.academy
Сервис от той же hype4.academy. Тоже бесплатный (на момент написания).
Неоморфизм - это размытие, угол и интенсивность тени объекта для его выделения.
Короче, бывает очень красиво, если красиво делать. По вопросам Padding смотрите выше.
Claymorphism CSS Generator
Claymorphism CSS Generator
Claymorphism is a unified name for the popular depth shadow aesthetic.
hype4.academy
Это я не пробовал, но штука явно нужная, и находится на том же сайте.
Smart WebP, PNG and JPEG compression
https://tinypng.com
Сервис качественно сжимающий изображения для web. Поисковики любят оптимизированные страницы, люди тоже любят.
Сервис на отдельном домене, но создатели те же. На сайте есть огромный список плагинов/модулей для интеграции с CMS.